:root{--white:#fff;--dark1:#0c0f1d;--dark2:#303245;--dark3:#3d4054;--dark4:#60648b;--dark5:#21222d;--color1:#363f7e;--color2:#3960a7;--delete:#8d3030;--delete2:#964949;--info:#304534;--warning:#54503d;--background:#1b1d2a;--container:#2c2f3f;--innerContainer:#2c2f3f;--innerContainer2:#3e4258;--input:#1f212c;--button:#454a63;--buttonHover:#3a3f55}*{font-family:Roboto,Noto Sans,Noto Sans JP,Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Bengali,sans-serif}html,body{background-color:var(--dark1);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;line-height:1.6}*{box-sizing:border-box}a{text-decoration:none}img{max-width:100%;max-height:100%;display:block}.notLoggedIn{z-index:500;width:100vw;height:100vh;position:fixed;top:0;left:0}ul{flex-direction:column;width:600px;margin:0;padding:0;list-style-type:none;display:flex;overflow:hidden}li{float:left}li a{color:#fff;text-align:left;padding:20px 16px;text-decoration:none;display:block}li a:hover{background-color:#111}.inputContainerWrapper{margin-top:10px;margin-bottom:10px}.inputContainerWrapper>label{margin-left:5px}.inputContainer{display:flex}.inputContainer>input{border-width:1px;border-color:var(--dark1);background-color:var(--dark3);border-style:solid;border-radius:8px;width:100%;padding:5px}.inputContainer>input:focus-visible{outline:0}.user{border-width:1px;border-color:var(--dark1);background-color:var(--dark3);color:#fff;border-style:solid;border-radius:8px;margin:5px 0;padding:10px 16px}.navigation{background-color:var(--dark2);border:1px solid #0a0a0a;border-radius:16px;width:200px;margin:16px;padding:16px}.menuSmartphone{display:none}.example-wrapper{border:1px solid #0a0a0a;margin:10px;padding:10px}.content{background-color:var(--background);color:#fff;border:0 solid #0a0a0a;border-radius:10px;flex-direction:column;width:100%;min-height:10px;margin-top:16px;margin-bottom:-8px;display:flex}.tollesElement{margin:16px}#drop_zone{box-sizing:border-box;width:100%;height:100%;position:absolute}.imageHover{background:#ffffff80;border:5px solid #fff;border-radius:10px;transition:background .5s}.removeIcon{color:red;cursor:pointer;position:absolute;top:0;right:0}.image{width:auto;max-width:100px;height:auto;max-height:100px;margin:auto}#navSmartphone,.showOnSmallSize{display:none}.button{cursor:pointer;-webkit-user-select:none;user-select:none;margin:5px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background-color:#5c5f6b;background-clip:content-box;border:5px solid #0000;border-radius:9px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-track-piece{background-color:#0000}#content{border-radius:10px;flex-direction:column;flex-grow:1;justify-content:flex-start;max-width:800px;display:flex}.navItemWrapper{flex-direction:column;width:240px;height:calc(100vh - 32px);margin:16px 0;display:flex;position:fixed;overflow:hidden auto}.navItemInnerWrapper{background-color:var(--dark2);border-radius:10px;width:224px}.navigationMain{position:unset;border-width:0;border-radius:10px;flex-grow:1;justify-content:flex-end;min-width:240px;max-width:240px;height:100vh;margin-left:16px;display:flex;overflow:auto}@media (max-width:500px){.showOnBigSize{display:none}.navigationMain{background-color:var(--dark2);z-index:500;bottom:50px;top:unset;border-radius:unset;width:100%;height:calc(100vh - 50px);max-width:unset;border-bottom-width:0;justify-content:flex-start;margin:0;transition:bottom .4s;position:fixed;overflow:auto}.navItemWrapper{width:100%;height:calc(100vh - 50px);margin-top:0;overflow-x:hidden}.navItemInnerWrapper{border-radius:0;width:calc(100vw - 16px)}.enabled{bottom:50px}.disabled{animation:0s ease-in .4s forwards cssAnimation;bottom:calc(100px - 100vh)}@keyframes cssAnimation{to{width:0;height:0;overflow:hidden}}@-webkit-keyframes cssAnimation{to{visibility:hidden;width:0;height:0}}.navigation{border-color:var(--dark2)}.menuSmartphone{background:var(--dark2);width:100%;height:40px;display:block}#content{z-index:100;flex-direction:column;justify-content:flex-start;width:100vw;height:calc(100% - 50px);display:flex;position:fixed;top:0;overflow:hidden auto}.content{min-height:unset;width:calc(100vw - 32px);margin:16px 0 16px 16px}#navSmartphone{z-index:600;background-color:var(--dark3);justify-content:space-around;align-items:center;width:100%;height:50px;display:flex;position:fixed;bottom:0}.closebutton{background-color:var(--dark3);border:0 solid #fff;border-bottom-width:1px;height:50px;display:block;position:sticky;top:0}.closeIcon{margin-top:13px;margin-left:13px}}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-light{color:#fff}.container{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.box{cursor:move;background-color:#ddd;border:3px solid #666;border-radius:.5em;padding:10px}.box.over{border:3px dotted #666}.yourDiv{z-index:2;border-radius:6px;width:100%;height:100%;position:absolute;overflow:hidden}.draggableBox{cursor:move}