:root{--white:#fff;--dark1:#162a1b;--dark2:#1e3324;--dark3:#273e2c;--dark4:#3d5a44;--dark5:#112015;--color1:#239452;--color2:#544427;--delete:#8d3030;--delete2:#964949;--info:#304534;--warning:#54503d;--background:#162a1b;--container:#544427;--innerContainer:#1b2e1e;--innerContainer2:#243b28;--input:#121e14;--button:#544427;--buttonHover:#6c5632}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite;background-color:hsla(0,0%,100%,.08)}*{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}body,html{padding:0;margin:0;overflow-x:clip;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-size:18px;background-color:#162a1b}*{box-sizing:border-box}a{text-decoration:none}img{max-width:100%;max-height:100%;display:block}.notLoggedIn{width:100vw;height:100vh;z-index:500;position:fixed;top:0;left:0}ul{width:600px;list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}li{float:left}li a{display:block;color:#fff;text-align:left;padding:20px 16px;text-decoration:none}li a:hover{background-color:#111}.inputContainerWrapper{margin-top:10px;margin-bottom:10px}.inputContainerWrapper>label{margin-left:5px}.inputContainer{display:flex}.inputContainer>input{width:100%;border-width:1px;border-color:var(--dark1);border-style:solid;border-radius:8px;padding:5px;background-color:var(--dark3)}.inputContainer>input:focus-visible{outline:0}.user{border-width:1px;border-color:var(--dark1);border-style:solid;border-radius:8px;padding:10px 16px;background-color:var(--dark3);color:#fff;margin:5px 0}.navigation{width:200px;border:1px solid #0a0a0a;margin:16px;padding:16px;background-color:var(--dark2);border-radius:16px}.menuSmartphone{display:none}.example-wrapper{border:1px solid #0a0a0a;margin:10px;padding:10px}.content{border:0 solid #0a0a0a;background-color:var(--background);border-radius:10px;color:#fff;margin-top:16px;margin-bottom:-8px;width:100%;min-height:10px;display:flex;flex-direction:column}.tollesElement{margin:16px}#drop_zone{width:100%;height:100%;position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.imageHover{border:5px solid #fff;border-radius:10px;background:hsla(0,0%,100%,.5);transition:background .5s ease}.removeIcon{position:absolute;right:0;top:0;color:red;cursor:pointer}.image{max-width:100px;max-height:100px;width:auto;height:auto;margin:auto}#navSmartphone,.showOnSmallSize{display:none}.button{margin:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#content{max-width:800px;border-radius:10px;flex-grow:1;justify-content:flex-start}#content,.navItemWrapper{display:flex;flex-direction:column}.navItemWrapper{position:fixed;height:calc(100vh - 32px);margin:16px 0;width:240px;overflow-x:hidden;overflow-y:auto}.navItemInnerWrapper{width:calc(240px - 16px);background-color:var(--dark2);border-radius:10px}.navigationMain{position:unset;overflow:auto;border-width:0;min-width:240px;margin-left:16px;border-radius:10px;height:100vh;max-width:240px;flex-grow:1;display:flex;justify-content:flex-end}@media (max-width:500px){.showOnBigSize{display:none}.navigationMain{position:fixed;overflow:auto;bottom:50px;background-color:var(--dark2);z-index:500;top:unset;justify-content:flex-start;border-bottom-width:0;transition:bottom .4s;margin:0;border-radius:unset;max-width:unset}.navItemWrapper,.navigationMain{width:100%;height:calc(100vh - 50px)}.navItemWrapper{margin-top:0;overflow-x:hidden}.navItemInnerWrapper{border-radius:0;width:calc(100vw - 16px)}.enabled{bottom:50px}.disabled{bottom:calc(-100vh + 100px);animation:cssAnimation 0s ease-in .4s forwards;animation-fill-mode:forwards}@keyframes cssAnimation{to{width:0;height:0;overflow:hidden}}.navigation{border-color:var(--dark2)}.menuSmartphone{display:block;height:40px;background:var(--dark2);width:100%}#content{position:fixed;overflow-y:auto;overflow-x:hidden;width:100vw;flex-direction:column;height:calc(100% - 50px);display:flex;justify-content:flex-start;z-index:100;top:0}.content{min-height:unset;margin:16px 0 16px 16px;width:calc(100vw - 16px - 16px)}#navSmartphone{z-index:600;position:fixed;bottom:0;width:100%;display:flex;align-items:center;justify-content:space-around}#navSmartphone,.closebutton{height:50px;background-color:var(--dark3)}.closebutton{display:block;position:-webkit-sticky;position:sticky;top:0;border:solid #fff;border-width:0 0 1px}.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{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.box{border:3px solid #666;background-color:#ddd;border-radius:.5em;padding:10px;cursor:move}.box.over{border:3px dotted #666}.yourDiv{width:100%;height:100%;position:absolute;z-index:2;overflow:hidden;border-radius:6px}.draggableBox{cursor:move}::-webkit-scrollbar{width:10px!important;height:10px!important}::-webkit-scrollbar-button,::-webkit-scrollbar-button:end,::-webkit-scrollbar-button:horizontal:decrement,::-webkit-scrollbar-button:horizontal:increment,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start,::-webkit-scrollbar-button:vertical:decrement,::-webkit-scrollbar-button:vertical:increment{display:none!important;width:0!important;height:0!important;font-size:0!important;background:transparent!important;border:none!important}::-webkit-scrollbar-track{background:#251b10!important;border-radius:0!important;margin:0!important}::-webkit-scrollbar-thumb{background:#544427!important;border-radius:8px!important;border:1px solid hsla(0,0%,100%,.12)!important}::-webkit-scrollbar-thumb:hover{background:#6e5834!important}::-webkit-scrollbar-corner{background:transparent!important}