@charset "UTF-8";html,body{margin:0;padding:0}@keyframes blinking{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}#add-page{display:flex;justify-content:center;align-items:center;font-size:30px;background-color:#f3f3f3;color:#1b1b22;cursor:pointer;order:1000}#placing-icon{width:40px;height:40px;object-fit:contain;object-align:top left;position:absolute;display:none;pointer-events:none}@media screen and (max-width:1255px){#placing-icon{display:none!important}}.dragging-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;background-color:#0008;display:flex;opacity:0;font-size:30px;justify-content:center;align-items:center;color:#fff;transition:opacity .2s ease}body[data-dragging] .dragging-box{opacity:1}.options-button{position:absolute;top:0;right:0;border:none;background-color:#aaa;color:#000;padding:5px 10px;cursor:pointer;z-index:100}.options-button:after{content:"..."}.image-controller [active]{border:solid 1px blue}.text-editor{padding:0;margin:0;border:0;resize:none;position:absolute;background-color:transparent;line-height:100%;z-index:100;display:inline-block;outline:0px solid transparent}.document-overview-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0008;display:none;justify-content:center;box-sizing:border-box;padding-top:60px;z-index:201}.document-overview-wrapper[data-visible]{display:flex}.document-overview-wrapper #document-overview{display:grid;grid-template-columns:auto auto;grid-auto-rows:auto;gap:20px}.document-overview-wrapper #document-overview img{width:300px;cursor:grab}.document-overview-wrapper #document-overview img.draggable-mirror{box-shadow:3px 3px 10px #f0f0f0}#sidebar{width:100%;height:100%;background-color:#1b1b22}#sidebar>button{width:49%;padding:5px 0;margin:0;background-color:transparent;border:none;cursor:pointer;color:#f0f0f0}#sidebar>button[data-active=true]{background-color:#f0f0f066}#sidebar .sidebar-content{max-height:100%;overflow-y:auto}#sidebar .sidebar-content::-webkit-scrollbar{width:8px}#sidebar .sidebar-content::-webkit-scrollbar-track{background-color:#1b1b22}#sidebar .sidebar-content::-webkit-scrollbar-thumb{background-color:#8e7dbe;border-radius:4px}#sidebar #exercises{display:none;flex-direction:column;align-items:center;padding:16px 8px 40px;box-sizing:border-box;overflow-y:auto}#sidebar #exercises h2{grid-column:1/-1;margin:0 0 16px;color:#f0f0f0;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:normal;max-width:176px;width:100%}#sidebar #exercises section{margin-bottom:16px;max-width:176px;width:100%}#sidebar #exercises section .toggle{width:100%;background-color:transparent;color:#f0f0f0;border:solid 1px #8e7dbe;border-radius:0;padding:8px;text-align:left;cursor:pointer;position:relative}#sidebar #exercises section .toggle:before{content:"";position:absolute;top:50%;right:20px;width:8px;height:8px;border-bottom:solid 1px #f0f0f0;border-right:solid 1px #f0f0f0;transform:translateY(-50%) rotate(-135deg);transition:all .2s ease}#sidebar #exercises section .body{display:none;flex-direction:row;flex-wrap:wrap;row-gap:16px;justify-content:space-between;background-color:#f0f0f01a;padding:8px 4px;border-radius:0 0 4px 4px}#sidebar #exercises section .body .add-element-button{display:block;width:76px;height:48px;border-radius:4px;border:0;background-color:#d6d6d666;transition:all .2s ease;cursor:pointer}#sidebar #exercises section .body .add-element-button:hover,#sidebar #exercises section .body .add-element-button[data-active]{background-color:#8e7dbe}#sidebar #exercises section .body .add-element-button:hover img,#sidebar #exercises section .body .add-element-button[data-active] img{transform:scale(1.1)}#sidebar #exercises section .body .add-element-button img{max-height:32px;max-width:calc(100% - 16px);transition:all .2s ease}#sidebar #exercises section[data-visible=true]{margin-bottom:32px}#sidebar #exercises section[data-visible=true] .toggle:before{transform:translateY(-50%) rotate(45deg)}#sidebar #exercises section[data-visible=true] .body{display:flex}#sidebar #exercises[data-visible=true]{display:flex}#sidebar #images{display:none;padding-bottom:40px}#sidebar #images[data-visible=true]{display:block}#sidebar #images input{margin:8px 16px;width:calc(100% - 32px);border:none;background-color:#d6d6d6;color:#1b1b22;border-radius:4px;padding:4px 8px;box-sizing:border-box;outline:none}#sidebar #images input::placeholder{color:#1b1b22}#sidebar #images .image-menu-wrapper{display:grid;grid-template-rows:auto;grid-auto-rows:auto;grid-template-columns:auto auto;padding:16px;box-sizing:border-box;gap:16px 8px;overflow-y:auto}#sidebar #images .image-menu-wrapper::-webkit-scrollbar{width:8px}#sidebar #images .image-menu-wrapper::-webkit-scrollbar-track{background-color:#1b1b22}#sidebar #images .image-menu-wrapper::-webkit-scrollbar-thumb{background-color:#8e7dbe;border-radius:4px}#sidebar #images .image-menu-wrapper .img-wrapper{width:100%}#sidebar #images .image-menu-wrapper .img-wrapper[data-hidden]{display:none}#sidebar #images .image-menu-wrapper .img-wrapper img{width:100%;height:auto}#sidebar-toggle{display:none}@media screen and (max-width:1255px){#sidebar{position:fixed!important;z-index:800;top:64px;left:4px;width:200px;display:none;height:calc(100% - 180px);padding:8px;border-radius:4px;box-shadow:0 0 10px #00000080}#sidebar>button{width:100%}#sidebar[data-visible-mobile]{display:block}#sidebar[data-visible-mobile]+#sidebar-background{display:block;position:fixed;z-index:599;top:0;left:0;width:100%;height:100%;background-color:#00000080}#sidebar .sidebar-content{max-height:calc(100% - 52px)}#sidebar #exercises,#sidebar #exercises h2{display:none}#sidebar #exercises[data-visible=true]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:16px}#sidebar #exercises .add-element-button{width:45%;height:auto;aspect-ratio:76/48}#sidebar #images .image-menu-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:16px}#sidebar #images .image-menu-wrapper .img-wrapper{width:45%}#sidebar:before{content:"";position:absolute;top:calc(100% - 14px);left:35px;height:22px;width:22px;display:block;background-color:#1b1b22;transform:rotate(45deg);z-index:-1;border-radius:4px}#sidebar-toggle{display:block;position:fixed;bottom:20px;left:20px;width:60px;height:60px;padding:0;background-color:#1b1b22;color:#f0f0f0;font-size:30px;border-radius:50%;box-shadow:0 0 10px #00000080;cursor:pointer;z-index:500;border:none}}#top-row{height:100%;background-color:#1b1b22;background:linear-gradient(90deg,#8e7dbe 12%,#d88c9a 97%);display:flex;align-items:center}#top-row #burger-menu{display:none}#top-row #logo{height:60%;margin-left:12px;opacity:.8}#top-row #title{margin-left:10vw;border:none;border-bottom:solid 1px #d6d6d6;border-radius:0;background-color:transparent;color:#fff;padding:4px 8px;font-size:16px;font-weight:400;line-height:normal;outline:none;width:308px}#top-row #title::placeholder{color:#d6d6d6}#top-row button,#top-row a{background-color:transparent;border:none;border-radius:0;padding:0;opacity:.5}#top-row button[data-available=true],#top-row a[data-available=true]{cursor:pointer;opacity:1}#top-row button#back-button,#top-row a#back-button{margin-left:16px;margin-right:8px}#top-row button#forward-button,#top-row a#forward-button{transform:scaleX(-1)}#top-row button img,#top-row a img{height:24px}#top-row .right-buttons{margin-left:auto;margin-right:16px;display:flex}@media screen and (max-width:768px){#top-row .right-buttons{display:none}}#top-row .right-buttons button,#top-row .right-buttons a{margin-right:8px;padding:4px;border-radius:8px;background-color:#1b1b2280;cursor:pointer;opacity:1;transition:all .2s ease}#top-row .right-buttons button:hover,#top-row .right-buttons a:hover{background-color:#1b1b2233}#top-row .right-buttons button:hover img,#top-row .right-buttons a:hover img{transform:scale(1.1)}#top-row .right-buttons button img,#top-row .right-buttons a img{transition:all .2s ease}#top-row .right-buttons #open-share-button{background-color:#99c1b9;opacity:1;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;display:none;color:#1b1b22;margin-left:16px}#top-row .right-buttons #open-share-button[data-available]{display:block}#top-row .right-buttons #saving-wrapper{align-self:stretch;display:flex;align-items:center;justify-content:center;background-color:#1b1b2280;padding:4px;border-radius:8px}#top-row .right-buttons #saving-wrapper[data-saving] #saving-indicator{display:block}#top-row .right-buttons #saving-wrapper[data-saving] img{display:none}#top-row .right-buttons #saving-wrapper #saving-indicator{width:24px;height:24px;border:2px solid #99c1b9;border-top:2px solid transparent;border-radius:50%;animation:spin .5s linear infinite;display:none;box-sizing:border-box}#top-row .burger-menu-wrapper{display:none}body[data-settings-active] #top-row #burger-menu i{opacity:0}body[data-settings-active] #top-row #burger-menu:before{width:115%;transform:rotate(30deg)}body[data-settings-active] #top-row #burger-menu:after{width:115%;transform:rotate(-30deg)}@media screen and (max-width:1255px){#top-row{height:44px;width:100%;position:sticky!important;top:0;z-index:201}#top-row[data-menu-open]{z-index:560}#top-row #title{margin-left:16px}#top-row .right-buttons{flex-direction:row-reverse;gap:8px}#top-row .right-buttons button,#top-row #logo{display:none}#top-row #burger-menu{width:30px;height:22px;flex-direction:column;justify-content:space-between;background-color:transparent;border:none;padding:0;border-radius:0;margin-left:24px;cursor:pointer;display:flex}#top-row #burger-menu:before,#top-row #burger-menu:after,#top-row #burger-menu i{content:"";display:block;width:100%;height:4px;border-radius:4px;background-color:#f0f0f0;transition:all .2s ease;transform-origin:0 2px}#top-row #burger-menu[data-open=true]{position:relative;z-index:601}#top-row #burger-menu[data-open=true] i{opacity:0}#top-row #burger-menu[data-open=true]:before{width:115%;transform:rotate(30deg)}#top-row #burger-menu[data-open=true]:after{width:115%;transform:rotate(-30deg)}#top-row .burger-menu-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:560;display:none}#top-row .burger-menu-wrapper[data-open=true]{display:block}#top-row .burger-menu-wrapper[data-open=true] .menu{transform:translate(0)}#top-row .burger-menu-wrapper .menu{background-color:#1b1b22;position:absolute;left:0;top:0;min-width:30%;width:fit-content;height:100%;transform:translate(-100%);transition:all .2s ease;box-sizing:border-box;padding:52px 0 64px;display:flex;flex-direction:column;z-index:601}#top-row .burger-menu-wrapper .menu button,#top-row .burger-menu-wrapper .menu a{display:block;width:100%;padding:8px;border:none;box-sizing:border-box;background-color:transparent;border-radius:0;color:#f0f0f0;text-decoration:none;text-align:left}#top-row .burger-menu-wrapper .menu .bottom-buttons{margin-top:auto}#top-row .burger-menu-wrapper .menu .icon{width:100%;max-width:100px;display:flex;flex-direction:column;align-items:center;margin:16px 0;color:#f0f0f0;text-decoration:none;font-size:12px;cursor:pointer}#top-row .burger-menu-wrapper .menu .icon.logout{margin-top:auto}#top-row .burger-menu-wrapper .menu .icon img{width:30px;padding:6px;border-radius:8px;margin-bottom:2px;transition:background-color .2s ease}#top-row .burger-menu-wrapper .menu .icon span{font-size:12px}#top-row .burger-menu-wrapper .menu .icon:hover img{background-color:#f0f0f01a}}@media screen and (max-width:768px){#top-row #title{margin-left:16px;width:calc(100% - 94px)}}#bottom-row{background-color:#8e7dbe;display:flex;align-items:center;justify-content:space-between;padding:0 42px}#bottom-row #element-info{font-size:12px}#bottom-row .version{font-size:12px;margin-right:8px}#bottom-row .version:before{content:"Teacheditor version "}@media screen and (max-width:1255px){#bottom-row{position:fixed!important;z-index:500;bottom:0;left:0;width:100%;height:16px;padding:0 4px;box-sizing:border-box}#bottom-row #element-info,#bottom-row .version{font-size:10px}}#canvas-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:20px;max-height:100%;overflow:auto;padding:36px 8px 60px;box-sizing:border-box}#canvas-wrapper::-webkit-scrollbar{width:8px}#canvas-wrapper::-webkit-scrollbar-track{background-color:#1b1b22}#canvas-wrapper::-webkit-scrollbar-thumb{background-color:#8373ae;border-radius:4px}#canvas-wrapper .page-wrapper{position:relative;background-color:#fff;box-shadow:4px 4px 10px 1px #00000040;transition:box-shadow .2s ease;margin-bottom:16px}#canvas-wrapper .page-wrapper:hover .page-actions{opacity:1}#canvas-wrapper .page-wrapper .comment-wrapper{z-index:550}#canvas-wrapper .page-wrapper:focus{outline:none;box-shadow:4px 4px 10px 1px #8e7dbe}#canvas-wrapper .page-wrapper[data-can-move-up] .arrow-up,#canvas-wrapper .page-wrapper[data-can-move-down] .arrow-down{display:block}#canvas-wrapper .page-wrapper .page-actions{position:absolute;bottom:100%;right:0;gap:4px;padding-bottom:2px;display:flex;opacity:0;transition:opacity .1}#canvas-wrapper .page-wrapper .page-actions button{color:#1b1b22;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:#d6d6d6;border:solid 1px #f0f0f0;cursor:pointer;transition:all .2s ease;background-color:#dedddd;border:none;padding:0;aspect-ratio:1;border-radius:4px;display:none}#canvas-wrapper .page-wrapper .page-actions button:hover{background-color:#8e7dbe;border-color:#8e7dbe}#canvas-wrapper .page-wrapper .page-actions button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}#canvas-wrapper .page-wrapper>canvas{position:absolute;top:0;left:0}#canvas-wrapper .page-wrapper .page-margin{position:absolute;box-sizing:border-box;border:1px dashed #1b1b22;opacity:.4;pointer-events:none;z-index:495}@media screen and (max-width:1255px){#canvas-wrapper{min-height:100dvh!important}}@media screen and (max-width:768px){#canvas-wrapper{flex-direction:column!important;align-items:center!important;flex-wrap:nowrap!important;max-height:100vh!important;max-height:100dvh!important;overflow-x:clip;max-width:100vw}}#toolbar{background-color:#1b1b22;height:100%;box-sizing:border-box;padding:16px 0}#toolbar #inner-toolbar{overflow-y:auto;height:100%}#toolbar #inner-toolbar::-webkit-scrollbar{width:8px}#toolbar #inner-toolbar::-webkit-scrollbar-track{background-color:#1b1b22}#toolbar #inner-toolbar::-webkit-scrollbar-thumb{background-color:#8e7dbe;border-radius:4px}#toolbar #inner-toolbar h2{padding:0 16px;margin:0;color:#f0f0f0;font-size:12px;font-weight:700;line-height:normal}#toolbar #inner-toolbar h2:before{content:"Einstellungen für "}#toolbar-toggle{display:none}@media screen and (max-width:1255px){#toolbar{box-sizing:content-box;position:fixed!important;z-index:600;top:64px;right:4px;max-width:calc(100% - 8px);display:none;height:calc(100% - 180px);padding:8px;border-radius:4px;box-shadow:0 0 10px #00000080}#toolbar>button{display:none}#toolbar[data-visible-mobile]{display:block}#toolbar[data-visible-mobile]+#toolbar-background{display:block;position:fixed;z-index:599;top:0;left:0;width:100%;height:100%;background-color:#00000080}#toolbar:before{content:"";position:absolute;top:calc(100% - 14px);right:35px;height:22px;width:22px;display:block;background-color:#1b1b22;transform:rotate(45deg);z-index:-1;border-radius:4px}#toolbar-toggle{display:flex;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#1b1b22;border-radius:50%;box-shadow:0 0 10px #00000080;cursor:pointer;z-index:500;border:none}#toolbar-toggle img{width:40%}}#drawing-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0008;display:none;flex-direction:row;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:5% 0}#drawing-popup[data-visible]{display:flex}#drawing-popup .canvas-wrapper{height:100%;width:auto;aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#F0F0F0 25%,transparent 25%),linear-gradient(-45deg,#F0F0F0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#F0F0F0 75%),linear-gradient(-45deg,transparent 75%,#F0F0F0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;position:relative}#drawing-popup .canvas-wrapper canvas{position:absolute;width:100%;height:100%;top:0;left:0;cursor:none}#drawing-popup .canvas-wrapper img{position:absolute;top:0;left:0;z-index:200;pointer-events:none;width:32px}#drawing-popup .drawing-tools{display:flex;flex-direction:column;align-items:flex-start;width:200px;height:100%;background-color:#1b1b22;padding:16px 0;box-sizing:border-box;position:relative}#drawing-popup .drawing-tools h2{padding:0 16px;margin:0;color:#f0f0f0;font-size:12px;font-weight:700;line-height:normal}#drawing-popup .drawing-tools button{padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease}#drawing-popup .drawing-tools button:focus{outline:solid 2px #d88c9a}#drawing-popup .drawing-tools button:hover{background-color:#8e7dbe;border-color:#8e7dbe}#drawing-popup .drawing-tools button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}#drawing-popup .drawing-tools button#save-button{order:1000;margin-top:auto;margin-left:16px}#drawing-popup .drawing-tools #close-drawing-popup{position:absolute;top:16px;right:16px;border:none;background:transparent;padding:0;width:16px;height:16px}#drawing-popup .drawing-tools .tools{display:flex;flex-wrap:wrap;gap:16px}#drawing-popup .drawing-tools .tools button{width:72px;height:72px;border:none}#drawing-popup .drawing-tools .tools button img{width:45px;height:45px;object-fit:contain}@media(orientation:portrait){#drawing-popup .canvas-wrapper{width:80%;height:auto}}.controls>div .dropdown,.grid-dom-wrapper>div .dropdown,.popup-wrapper>div .dropdown{position:relative;min-width:128px;width:fit-content;user-select:none;font-size:14px}.controls>div .dropdown .current,.grid-dom-wrapper>div .dropdown .current,.popup-wrapper>div .dropdown .current{width:100%;box-sizing:border-box;padding:4px 20px 4px 8px;cursor:pointer;transition:all .2s ease;overflow:hidden;color:#f0f0f0;border:solid 1px transparent;border-bottom-color:#f0f0f033}.controls>div .dropdown .current:hover,.grid-dom-wrapper>div .dropdown .current:hover,.popup-wrapper>div .dropdown .current:hover{cursor:pointer;border-color:#f0f0f033}.controls>div .dropdown .current input,.grid-dom-wrapper>div .dropdown .current input,.popup-wrapper>div .dropdown .current input{width:60px;background-color:transparent;border:none;padding:0;margin:0;color:inherit;outline:none;-moz-appearance:textfield}.controls>div .dropdown .current input::-webkit-outer-spin-button,.controls>div .dropdown .current input::-webkit-inner-spin-button,.grid-dom-wrapper>div .dropdown .current input::-webkit-outer-spin-button,.grid-dom-wrapper>div .dropdown .current input::-webkit-inner-spin-button,.popup-wrapper>div .dropdown .current input::-webkit-outer-spin-button,.popup-wrapper>div .dropdown .current input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.controls>div .dropdown .current input[disabled],.grid-dom-wrapper>div .dropdown .current input[disabled],.popup-wrapper>div .dropdown .current input[disabled]{pointer-events:none}.controls>div .dropdown .current label,.grid-dom-wrapper>div .dropdown .current label,.popup-wrapper>div .dropdown .current label{width:fit-content;margin:0 4px 0 0;padding:0;display:inline}.controls>div .dropdown .current:after,.grid-dom-wrapper>div .dropdown .current:after,.popup-wrapper>div .dropdown .current:after{content:"";height:4px;width:8px;display:block;position:absolute;top:calc(50% - 2px);right:8px;transition:all .2s ease;transform:rotate(180deg);background-repeat:no-repeat;background-size:100%;background-image:url('data:image/svg+xml;utf8,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.532593 4.84616L4.5181 1.15385L8.50361 4.84616" stroke="%23D6D6D6"/></svg>')}.controls>div .dropdown .list,.grid-dom-wrapper>div .dropdown .list,.popup-wrapper>div .dropdown .list{display:none;width:100%;position:absolute;top:100%;z-index:20;overflow-x:clip;overflow-y:auto;max-height:200px}.controls>div .dropdown .list div,.grid-dom-wrapper>div .dropdown .list div,.popup-wrapper>div .dropdown .list div{padding:2px 8px;color:#f0f0f0;background-color:#040406;border-bottom:solid 1px rgba(240,240,240,.2);transition:all .2s ease;overflow:hidden}.controls>div .dropdown .list div:last-child,.grid-dom-wrapper>div .dropdown .list div:last-child,.popup-wrapper>div .dropdown .list div:last-child{border-bottom:none;border-radius:0 0 4px 4px}.controls>div .dropdown .list div:hover,.grid-dom-wrapper>div .dropdown .list div:hover,.popup-wrapper>div .dropdown .list div:hover{cursor:pointer;background-color:#8e7dbe}.controls>div .dropdown[data-visible=true],.grid-dom-wrapper>div .dropdown[data-visible=true],.popup-wrapper>div .dropdown[data-visible=true]{border-radius:4px 4px 0 0}.controls>div .dropdown[data-visible=true] .current,.grid-dom-wrapper>div .dropdown[data-visible=true] .current,.popup-wrapper>div .dropdown[data-visible=true] .current{border-radius:4px 4px 0 0}.controls>div .dropdown[data-visible=true] .current:after,.grid-dom-wrapper>div .dropdown[data-visible=true] .current:after,.popup-wrapper>div .dropdown[data-visible=true] .current:after{transform:rotate(0)}.controls>div .dropdown[data-visible=true] .list,.grid-dom-wrapper>div .dropdown[data-visible=true] .list,.popup-wrapper>div .dropdown[data-visible=true] .list{display:block}.controls>div .dropdown.image-dropdown img,.grid-dom-wrapper>div .dropdown.image-dropdown img,.popup-wrapper>div .dropdown.image-dropdown img{max-height:16px}.controls>div .dropdown.pattern-dropdown img,.grid-dom-wrapper>div .dropdown.pattern-dropdown img,.popup-wrapper>div .dropdown.pattern-dropdown img{max-height:32px;min-height:32px;image-rendering:pixelated;padding:2px;background-color:#fff}.controls>div .checkbox-wrapper,.popup-wrapper>div .checkbox-wrapper{width:20px;height:20px;border-radius:4px;margin-top:0;margin-right:0;align-self:flex-end;cursor:pointer;background-color:transparent;user-select:none;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:4px;border:solid 1px rgba(240,240,240,.2)}.controls>div .checkbox-wrapper input,.popup-wrapper>div .checkbox-wrapper input{width:.0001px;height:.0001px;opacity:0;display:none;position:absolute;left:-100px;top:-100px}.controls>div .checkbox-wrapper input:checked~img,.controls>div .checkbox-wrapper input:checked~svg,.popup-wrapper>div .checkbox-wrapper input:checked~img,.popup-wrapper>div .checkbox-wrapper input:checked~svg{transform:scale(1.5);opacity:1}.controls>div .checkbox-wrapper img,.controls>div .checkbox-wrapper svg,.popup-wrapper>div .checkbox-wrapper img,.popup-wrapper>div .checkbox-wrapper svg{width:100%;height:100%;transform:scale(0);opacity:0;transition:all .2s cubic-bezier(.28,1.47,.85,1.43)}.controls>div input[type=range],.popup-wrapper>div input[type=range]{-webkit-appearance:none;width:100%;background:transparent}.controls>div input[type=range]::-webkit-slider-thumb,.popup-wrapper>div input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:16px;height:16px;background-color:#f0f0f0;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}.controls>div input[type=range]::-webkit-slider-thumb:hover,.popup-wrapper>div input[type=range]::-webkit-slider-thumb:hover{background-color:#8e7dbe}.controls>div input[type=range]::-moz-range-thumb,.popup-wrapper>div input[type=range]::-moz-range-thumb{border:0;width:16px;height:16px;background-color:#f0f0f0;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}.controls>div input[type=range]::-moz-range-thumb:hover,.popup-wrapper>div input[type=range]::-moz-range-thumb:hover{background-color:#8e7dbe}.controls>div input[type=range]::-ms-thumb,.popup-wrapper>div input[type=range]::-ms-thumb{border:0;width:16px;height:16px;background-color:#f0f0f0;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}.controls>div input[type=range]::-ms-thumb:hover,.popup-wrapper>div input[type=range]::-ms-thumb:hover{background-color:#8e7dbe}.controls>div input[type=range]::-webkit-slider-runnable-track,.popup-wrapper>div input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background-color:#d6d6d6;border-radius:4px}.controls>div input[type=range]::-moz-range-track,.popup-wrapper>div input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background-color:#d6d6d6;border-radius:4px}.controls>div input[type=range]:focus,.popup-wrapper>div input[type=range]:focus{outline:none}.controls>div input[type=range]::-ms-track,.popup-wrapper>div input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.controls>div input[type=range]~div,.popup-wrapper>div input[type=range]~div{margin:11px auto 0;width:fit-content;position:relative}.controls>div input[type=range]~div input,.popup-wrapper>div input[type=range]~div input{border:solid 1px transparent;background-color:transparent;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:center;padding:3px 0;width:40px;color:#f0f0f0;border-bottom-color:#d6d6d633;display:block;transition:all .2s ease;-moz-appearance:textfield}.controls>div input[type=range]~div input::-webkit-outer-spin-button,.controls>div input[type=range]~div input::-webkit-inner-spin-button,.popup-wrapper>div input[type=range]~div input::-webkit-outer-spin-button,.popup-wrapper>div input[type=range]~div input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.controls>div input[type=range]~div input:focus,.popup-wrapper>div input[type=range]~div input:focus{outline:none;border-color:#d6d6d633}.controls>div input[type=range]~div input:hover,.popup-wrapper>div input[type=range]~div input:hover{border-color:#d6d6d633}.controls>div input[type=range]~div:after,.popup-wrapper>div input[type=range]~div:after{content:attr(data-unit);position:absolute;left:calc(100% + 4px);bottom:0;color:#f0f0f0}.controls>div .color-picker,.popup-wrapper>div .color-picker{display:flex}.controls>div .color-picker button,.popup-wrapper>div .color-picker button{padding:0;border-radius:0;width:20px;height:20px;box-sizing:border-box;cursor:pointer}.controls>div .color-picker label.input-wrapper,.popup-wrapper>div .color-picker label.input-wrapper{display:block;width:10px;height:20px;cursor:pointer}.controls>div .color-picker label.input-wrapper input,.popup-wrapper>div .color-picker label.input-wrapper input{height:.0001px;opacity:.0001;width:.0001px}.text-settings[data-hidden]{display:none!important}.text-settings>label{margin-bottom:8px}.text-settings .line1{display:flex;justify-content:space-between;margin-bottom:16px}.text-settings .line1>div label{display:none}.text-settings .line1>div .dropdown{min-width:60px}.text-settings .line1>div .image-dropdown{max-width:168px}.text-settings[data-quill-mode] .line2>button[data-active]{background-color:#d6d6d6;color:#1b1b22}.text-settings[data-quill-mode] .line2>button.ql-active{background-color:#8e7dbe;border-color:#8e7dbe}.text-settings .line2{display:flex;margin-bottom:16px}.text-settings .line2>*{margin-right:16px}.text-settings .line2>button{width:24px;height:24px;display:block;background-color:#d6d6d6;color:#1b1b22;border:none}.text-settings .line2>button.bold{font-weight:900}.text-settings .line2>button.italic{font-style:italic}.text-settings .line2>button.underline{text-decoration:underline}.text-settings .line2>button.marker{position:relative}.text-settings .line2>button.marker:before{content:"M";display:flex;position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);background-color:#fddf7e;z-index:0;color:inherit;align-items:center;justify-content:center}.text-settings .line2>button[disabled]{display:none}.text-settings .line2 .color-picker{width:32px;height:24px;background-color:#d6d6d6;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center}.text-settings .line2 .color-picker button{width:16px;height:16px;border-radius:2px;border:none}.text-settings .line2 .color-picker label{margin-right:0;margin-top:0;height:100%;display:block;width:8px;height:16px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:100%;box-sizing:border-box;padding-top:3px}.text-settings .line3{display:flex;justify-content:flex-start;margin-bottom:16px}.text-settings .line3 .controller:nth-child(2){display:none}.text-settings .line3>div{display:flex;margin-right:16px}.text-settings .line3>div img{margin-right:8px}.text-settings .line3>div label{display:none}.text-settings .line3 .dropdown{min-width:60px}.text-settings .line4{display:flex;justify-content:space-between}.text-settings .line4>div label{display:none}.text-settings .line4 .multibutton{background-color:#d6d6d6;border:none;border-radius:4px;display:flex;overflow:hidden}.text-settings .line4 .multibutton button{width:24px;height:24px;border:none;border-radius:0;display:flex;align-items:center;justify-content:center}.controls>.multi-checkbox-outer-wrapper,.popup-wrapper>div{flex-direction:column}.controls>.multi-checkbox-outer-wrapper .multi-checkbox-wrapper,.popup-wrapper>div .multi-checkbox-wrapper{margin-left:32px}.controls>.multi-checkbox-outer-wrapper .multi-checkbox-wrapper>label,.popup-wrapper>div .multi-checkbox-wrapper>label{display:flex;align-items:center;width:auto}.controls>.multi-checkbox-outer-wrapper .multi-checkbox-wrapper>label span,.popup-wrapper>div .multi-checkbox-wrapper>label span{width:200px;display:block}.controls>.multi-checkbox-outer-wrapper .multi-checkbox-wrapper>label label,.popup-wrapper>div .multi-checkbox-wrapper>label label{margin-left:8px}.popup-wrapper{position:fixed!important;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;z-index:1200;justify-content:center;align-items:center;backdrop-filter:blur(2px);border-radius:4px}.popup-wrapper[data-visible]{display:flex}.popup-wrapper h2{font-size:14px;margin-bottom:8px;padding:0}.popup-wrapper>div{min-width:400px;width:fit-content;min-height:100px;max-width:min(90vw,600px);max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:16px;background-color:#1b1b22;box-shadow:0 0 10px #00000080}.number-colors div{display:flex}.number-colors div>label{width:fit-content;max-width:80%}.number-colors div .checkbox-wrapper{width:20px}.number-colors .number-colors-wrapper{width:fit-content;margin:20px auto 0;display:flex;flex-direction:row-reverse;opacity:.5;cursor:not-allowed}.number-colors .number-colors-wrapper input,.number-colors .number-colors-wrapper label,.number-colors .number-colors-wrapper span{pointer-events:none}.number-colors .number-colors-wrapper[data-active]{opacity:1;cursor:default}.number-colors .number-colors-wrapper[data-active] input,.number-colors .number-colors-wrapper[data-active] label{pointer-events:all}.number-colors .number-colors-wrapper label,.number-colors .number-colors-wrapper span{font-size:28px;font-weight:700;width:fit-content;height:fit-content;cursor:pointer;margin:0;position:relative;user-select:none}.number-colors .number-colors-wrapper span{color:#f0f0f0;cursor:default;user-select:none}.number-colors .number-colors-wrapper input{height:.0001px;opacity:.0001;width:.0001px;position:absolute;bottom:50%;right:50%}.calc-types{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;margin-bottom:20px;flex-shrink:0}.calc-types>label{display:flex!important;align-items:center}.calc-types>label span{min-width:120px}.calc-types>label .checkbox-wrapper{margin-top:0;min-width:20px}.tabs-head{display:flex;min-width:567px;flex-shrink:0}.tabs-head[data-invisible=true]{visibility:hidden}.tabs-body{min-height:260px;flex-shrink:0}.tabs-body>div{display:none;color:#f0f0f0}.tabs-body>div[data-active]{display:block}.tabs-body>div>div{width:100%;box-sizing:border-box;padding:8px 16px 8px 1px;display:flex}.tabs-body>div>div>label:first-child{width:140px}.tabs-body>div .restrictions-wrapper{display:flex;gap:8px}.tabs-body>div .restrictions-wrapper .number-restrictions{display:flex;flex-direction:column}.tabs-body>div .restrictions-wrapper .number-restrictions button[data-active]~.digits{opacity:1;pointer-events:all}.tabs-body>div .restrictions-wrapper .number-restrictions .digits{opacity:.5;pointer-events:none;display:flex;flex-direction:row-reverse}.tabs-body>div .restrictions-wrapper .number-restrictions .digits .digit{display:none}.tabs-body>div .restrictions-wrapper .number-restrictions .digits .digit[data-visible]{display:block}.tabs-body>div .restrictions-wrapper .number-restrictions .digits .digit .checkbox-wrapper[data-hidden]{visibility:hidden}.tabs-body>div .restrictions-wrapper .number-restrictions .digits .digit .dropdown{display:none;min-width:32px;position:relative}.tabs-body>div .restrictions-wrapper .number-restrictions .digits .digit .dropdown[data-is-shown]{display:block}.example{display:flex;flex-wrap:wrap;margin-bottom:20px;flex-shrink:0}.example:before{content:"Beispiel:";display:block;width:100%;color:#f0f0f0;font-size:12px;margin-bottom:4px}.example div:first-of-type{font-size:24px;min-width:200px;color:#f0f0f0;margin-right:8px}.close-button{width:fit-content;margin-left:auto;margin-top:40px;flex-shrink:0}.controls,.popup-wrapper{position:relative;z-index:600}.controls div[data-hidden],.popup-wrapper div[data-hidden]{display:none}.controls>div,.popup-wrapper>div{width:100%;box-sizing:border-box;padding:8px 16px;border-bottom:solid .5px #f0f0f0;border-bottom:solid .5px rgba(240,240,240,.2);display:flex}.controls>div label,.popup-wrapper>div label{display:block;margin-top:8px;font-size:12px;font-style:normal;font-weight:400;line-height:normal;width:94px;margin-right:16px;color:#f0f0f0}.controls>div select,.popup-wrapper>div select{width:148px;box-sizing:border-box;padding:4px 8px;background-color:#d6d6d6;border-radius:4px;border:none;font-size:14px}.controls>div button,.popup-wrapper>div button{padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease}.controls>div button:focus,.popup-wrapper>div button:focus{outline:solid 2px #d88c9a}.controls>div button:hover,.popup-wrapper>div button:hover{background-color:#8e7dbe;border-color:#8e7dbe}.controls>div button[data-active],.popup-wrapper>div button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}.context-menu{z-index:510;position:absolute;background-color:#d6d6d6;box-shadow:4px 4px 10px 1px #00000040}.context-menu button{background-color:transparent;border:none;border-bottom:solid 1px #f0f0f0;cursor:pointer;transition:all .2s ease;margin:0;display:block;width:100%;text-align:left;display:flex;align-items:baseline;justify-content:space-between}.context-menu button:hover{background-color:#8e7dbe}.context-menu button:last-child{border-bottom:none}.context-menu button span{margin-left:20px;font-size:70%;text-align:right;opacity:.8}.context-menu button[disabled]:hover{background-color:transparent}.hover-menu{position:absolute;display:none;transform:translateY(-40px);background-color:#1b1b22;padding:4px;border-radius:4px;z-index:300;column-gap:4px}.hover-menu .toggle-button{width:24px;height:24px;border-radius:4px;border:none;background-color:#d6d6d6;cursor:pointer;transition:all .2s ease}.hover-menu .toggle-button:hover,.hover-menu .toggle-button[data-active]{background-color:#8e7dbe}.hover-menu .color-selector{width:24px;height:24px;border-radius:4px;border:none;background-color:#d6d6d6;cursor:pointer}#settings{position:fixed;top:44px;left:0;width:200px;height:calc(100% - 44px);background-color:#d6d6d6;z-index:200;transition:all .2s ease;transform:translate(-100%)}#settings button,#settings a{display:block;text-decoration:none;color:#1b1b22;border:none;border-radius:0;background-color:transparent;margin:0;font-size:12px;padding:4px 8px;box-sizing:border-box;width:100%;text-align:left;border-bottom:solid 1px rgba(27,27,34,.1);cursor:pointer;transition:all .2s ease}#settings button:hover,#settings a:hover{background-color:#8e7dbe}body[data-settings-active] #settings{transform:translate(0)}@media screen and (max-width:1255px){#settings button,#settings a{padding:8px;font-size:16px}}.table-ui{position:fixed;pointer-events:none;z-index:290;display:none}.table-ui .add-column-buttons-wrapper{position:absolute;top:calc(100% + 4px)}.table-ui .add-column-buttons-wrapper .add-column{transform:translate(-50%)}.table-ui .add-column-buttons-wrapper .add-column:first-child{transform:translate(0)}.table-ui .add-row-buttons-wrapper{position:absolute;right:calc(100% + 4px)}.table-ui .add-row-buttons-wrapper .add-row{transform:translateY(-50%) translate(-100%)}.table-ui .add-row-buttons-wrapper .add-row:last-child{transform:translateY(-100%) translate(-100%)}.table-ui .add-row,.table-ui .add-column{position:absolute;border:none;border-radius:0;cursor:pointer;pointer-events:all;background-color:#1b1b22;transition:background-color .2s ease;color:#d6d6d6}.table-ui .add-row:hover,.table-ui .add-column:hover{background-color:#8e7dbe}.table-ui .top-element-wrapper{position:absolute;bottom:calc(100% + 8px);display:block;pointer-events:all;background-color:#1b1b22;padding:4px}.table-ui .top-element-wrapper:before{content:attr(data-title);display:block;margin:4px;color:#f0f0f0;font-size:12px;font-weight:700;line-height:normal}.table-ui .top-element-wrapper .field-options{display:flex}.table-ui .top-element-wrapper .field-options .color-row-wrapper{position:relative}.table-ui .top-element-wrapper .field-options .color-row-wrapper input{width:.0001px;height:.0001px;opacity:.0001;position:absolute;top:0;left:0}.table-ui .top-element-wrapper .field-options .color-column-wrapper{position:relative}.table-ui .top-element-wrapper .field-options .color-column-wrapper input{width:.0001px;height:.0001px;opacity:.0001;position:absolute;top:0;left:0}.table-ui .top-element-wrapper .field-options .color-cell-wrapper{position:relative}.table-ui .top-element-wrapper .field-options .color-cell-wrapper input{width:.0001px;height:.0001px;opacity:.0001;position:absolute;top:0;left:0}.table-ui .top-element-wrapper .field-options label,.table-ui .top-element-wrapper .field-options button{height:16px;box-sizing:border-box;font-size:12px;cursor:pointer;pointer-events:all;background-color:transparent;border:none;border-radius:0;height:28px;margin:4px;background-color:#d6d6d6;padding:2px}.table-ui .top-element-wrapper .field-options label img,.table-ui .top-element-wrapper .field-options button img{height:24px;aspect-ratio:1;pointer-events:none}.table-ui[disable-events] .add-row,.table-ui[disable-events] .add-column{pointer-events:none}.grid-dom-input{position:fixed;top:0;left:0;z-index:-1;opacity:0}.grid-dom-wrapper{position:absolute;z-index:200;pointer-events:all;display:block}.grid-dom-wrapper[data-active] .grid-dom-element{display:block}.grid-dom-wrapper .grid-dom-element{position:absolute;bottom:calc(100% + 8px);background-color:#1b1b22;padding:4px;display:none}.grid-dom-wrapper .grid-dom-element:before{content:attr(data-title);display:block;margin:4px;color:#f0f0f0;font-size:12px;font-weight:700;line-height:normal}.grid-dom-wrapper .grid-dom-element>div{display:flex;align-items:baseline}.grid-dom-wrapper .grid-dom-element>div:last-child{margin-top:8px}.grid-dom-wrapper .grid-dom-element>div button{height:16px;box-sizing:border-box;font-size:12px;cursor:pointer;pointer-events:all;background-color:transparent;border:none;border-radius:0;height:28px;margin:4px;background-color:#d6d6d6;padding:2px}.grid-dom-wrapper .grid-dom-element>div button img{height:24px;pointer-events:none}.grid-dom-wrapper .grid-dom-element>div input,.grid-dom-wrapper .grid-dom-element>div select,.grid-dom-wrapper .grid-dom-element>div .dropdown,.grid-dom-wrapper .grid-dom-element>div .color-picker{pointer-events:all;margin-left:4px}.grid-dom-wrapper .grid-dom-selection{position:absolute;inset:auto;pointer-events:none;display:none}.table-dom-input{position:fixed;top:0;left:0;z-index:-1;opacity:0}.table-dom-wrapper{position:absolute;z-index:200;pointer-events:all;display:block}.table-dom-wrapper[data-active] .table-dom-element,.table-dom-wrapper[data-root-active] .table-dom-boundary-button,.table-dom-wrapper[data-root-active] .table-dom-resize-handle{display:block}.table-dom-wrapper .table-dom-element{position:absolute;bottom:calc(100% + 8px);background-color:#1b1b22;padding:4px;display:none}.table-dom-wrapper .table-dom-element:before{content:attr(data-title);display:block;margin:4px;color:#f0f0f0;font-size:12px;font-weight:700;line-height:normal}.table-dom-wrapper .table-dom-element>div{display:flex;align-items:baseline}.table-dom-wrapper .table-dom-element>div button{height:28px;margin:4px;padding:2px;box-sizing:border-box;font-size:12px;cursor:pointer;pointer-events:all;background-color:#d6d6d6;border:none;border-radius:0}.table-dom-wrapper .table-dom-element>div button img{height:24px;pointer-events:none}.table-dom-wrapper .table-dom-selection{position:absolute;inset:auto;pointer-events:none;display:none}.table-dom-wrapper .table-dom-boundary-button{position:absolute;display:none;width:20px;height:20px;align-items:center;justify-content:center;border:none;border-radius:0;padding:0;cursor:pointer;background-color:#1b1b22;color:#f0f0f0;font-size:16px;line-height:1;font-weight:700;pointer-events:all;z-index:2}.table-dom-wrapper .table-dom-boundary-button[data-placement=left]{transform:translate(calc(-100% - 4px),-50%)}.table-dom-wrapper .table-dom-boundary-button[data-placement=bottom]{transform:translate(-50%,calc(50% + 4px))}.table-dom-wrapper .table-dom-resize-handle{position:absolute;display:none;width:12px;transform:translate(-50%);cursor:col-resize;pointer-events:all;z-index:1}.main-toasts{position:fixed;top:20px;left:50%;width:min(800px,80%);transform:translate(-50%);z-index:1000;pointer-events:none}.top-right-toasts{position:fixed;top:50px;right:20px;width:min(400px,100% - 40px);z-index:1000;pointer-events:none}.toast{pointer-events:all;margin-bottom:4px;position:relative;box-sizing:border-box;padding:8px;border-radius:4px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 6px #00000080;transform-origin:0 0;transition:transform .2s ease,margin-bottom .2s ease}.toast .timeout{position:absolute;bottom:0;left:0;display:block;height:4px;background-color:#00000080}.toast .close{border-radius:0;border:none;padding:0;margin:0;background-color:transparent;cursor:pointer}.toast .close img{width:12px}.toast .loading{width:16px;height:16px;border:2px solid transparent;border-left-color:#1b1b22;border-radius:50%;animation:spin 1s linear infinite}.toast .button{padding:4px 8px;color:#1b1b22;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:#d6d6d6;border-radius:4px;border:solid 1px #f0f0f0;cursor:pointer;transition:all .2s ease;background-color:#1b1b221a;border-color:transparent}.toast .button:hover{background-color:#8e7dbe;border-color:#8e7dbe}.toast .button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}.toast[data-priority="1"]{background-color:#99c1b9;color:#1b1b22}.toast[data-priority="2"]{background-color:#f2d0a9;color:#1b1b22}.toast[data-priority="3"]{background-color:#d88c9a;color:#1b1b22}@keyframes toast-timer{0%{width:0%}to{width:100%}}.changelog-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:500;display:flex;justify-content:center;align-items:center}.changelog-wrapper .inner{width:min(80%,400px);background-color:#1b1b22;box-sizing:border-box;padding:16px;border-radius:4px}.changelog-wrapper .inner img{width:100%}.changelog-wrapper .inner h2{margin:0 0 16px}.changelog-wrapper .inner p{margin:0;font-size:16px}.changelog-wrapper .inner a{text-decoration:none;transition:all .2s ease;position:relative;color:#8e7dbe}.changelog-wrapper .inner a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#8e7dbe;transform:scaleX(0);transform-origin:left;transition:all .2s ease}.changelog-wrapper .inner a:hover{color:#8e7dbe}.changelog-wrapper .inner a:hover:after{transform:scaleX(1)}.changelog-wrapper .inner button{margin-left:2px;padding:8px 16px;border-radius:16px;text-decoration:none;color:#f0f0f0;position:relative;background-color:transparent;transition:all .2s ease;display:inline-block;color:#1b1b22;font-weight:700;border:none;cursor:pointer;margin-top:32px;float:right;z-index:1}.changelog-wrapper .inner button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#8e7dbe 6%,#d88c9a 46% 54%,#8e7dbe 94%);background-size:200% 100%;z-index:-1;border-radius:16px;animation:cta-animation 2s linear 0s infinite normal forwards;animation-play-state:paused;transition:all .2s ease;filter:blur(0px)}.changelog-wrapper .inner button:after{content:"";display:block;width:100%;height:100%;border-radius:16px;background-color:#1b1b22;z-index:-1;position:absolute;top:0;left:0;opacity:0;transition:all .2s ease}.changelog-wrapper .inner button:hover{color:#f0f0f0!important;background-color:#1b1b22!important}.changelog-wrapper .inner button:hover:before{animation-play-state:running;filter:blur(5px);top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}.changelog-wrapper .inner button:hover:after{opacity:1}.tutorial{position:fixed;z-index:2000;bottom:20px;left:50%;transform:translate(-50%);display:none;gap:20px;background-color:#99c1b9;color:#1b1b22;padding:12px 18px 40px;border-radius:5px;align-items:center;font-size:20px;box-shadow:0 0 8px #000;width:min(90%,800px);justify-content:space-between;align-items:flex-start}.tutorial[data-visible]{display:flex}.tutorial .tutorial-text a{text-decoration:none;transition:all .2s ease;position:relative;color:#8e7dbe}.tutorial .tutorial-text a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#8e7dbe;transform:scaleX(0);transform-origin:left;transition:all .2s ease}.tutorial .tutorial-text a:hover{color:#8e7dbe}.tutorial .tutorial-text a:hover:after{transform:scaleX(1)}.tutorial .tutorial-button{display:none;background-color:#f1e3d3;color:#1b1b22;padding:4px 8px;border-radius:4px;border:none;font-size:inherit;cursor:pointer;box-shadow:0 0 4px #0000;transition:all .2s ease;min-width:min(30%,160px);margin-top:auto}.tutorial .tutorial-button:hover{background-color:#f1e3d3cc;box-shadow:0 0 4px #000}.tutorial .tutorial-skip{position:absolute;bottom:12px;left:18px;background-color:transparent;border:none;color:#1b1b22;padding:0;text-align:left;border-radius:4px;font-size:14px;cursor:pointer;box-shadow:0 0 4px #0000;transition:all .2s ease;text-decoration:underline dotted #8e7dbe}.tutorial .tutorial-skip:hover{font-weight:700}#toolbar,#canvas-wrapper,#top-row,#bottom-row,#sidebar{position:relative}#toolbar:after,#canvas-wrapper:after,#top-row:after,#bottom-row:after,#sidebar:after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:10;transition:background-color .2s ease}#toolbar[data-tutorial-disabled],#canvas-wrapper[data-tutorial-disabled],#top-row[data-tutorial-disabled],#bottom-row[data-tutorial-disabled],#sidebar[data-tutorial-disabled],.text-settings[data-tutorial-disabled]{pointer-events:none;position:relative}#toolbar[data-tutorial-disabled]:after,#canvas-wrapper[data-tutorial-disabled]:after,#top-row[data-tutorial-disabled]:after,#bottom-row[data-tutorial-disabled]:after,#sidebar[data-tutorial-disabled]:after,.text-settings[data-tutorial-disabled]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:600}#toolbar[data-tutorial-disabled].text-settings:after,#canvas-wrapper[data-tutorial-disabled].text-settings:after,#top-row[data-tutorial-disabled].text-settings:after,#bottom-row[data-tutorial-disabled].text-settings:after,#sidebar[data-tutorial-disabled].text-settings:after,.text-settings[data-tutorial-disabled].text-settings:after{left:-1px;width:calc(100% + 2px)}.tutorial-highlight{outline:dashed 4px #d88c9a;animation:tutorial-outline 1s alternate linear infinite}body[data-tutorial-active] #left-menu{pointer-events:none;position:relative}body[data-tutorial-active] #left-menu:after{content:"";position:absolute;top:0;left:0;width:calc(100% + 1px);height:100%;background-color:#000000e6;z-index:600}@keyframes tutorial-outline{0%{outline-offset:-4px}to{outline-offset:4px}}@media screen and (max-width:1255px){.tutorial{flex-direction:column}.tutorial .tutorial-button{margin-left:auto}}.controls>div.textarea,.popup-wrapper>div.textarea{flex-direction:column}.controls>div.textarea textarea,.popup-wrapper>div.textarea textarea{background-color:#f0f0f01a;color:#f0f0f0;resize:none;margin-top:4px;border:solid 1px transparent;border-bottom:solid 1px rgba(240,240,240,.2);transition:all .2s ease}.controls>div.textarea textarea:focus,.popup-wrapper>div.textarea textarea:focus{outline:none;border:solid 1px #8e7dbe}.controls>div.text input,.popup-wrapper>div.text input{border:solid 1px transparent;background-color:transparent;font-style:normal;font-weight:400;line-height:normal;text-align:left;padding:4px 4px 4px 8px;width:128px;box-sizing:border-box;color:#f0f0f0;border-bottom-color:#d6d6d633;display:block;transition:all .2s ease;-moz-appearance:textfield}.controls>div.text input:focus,.popup-wrapper>div.text input:focus{outline:none;border-color:#d6d6d633}.controls>div.text input:hover,.popup-wrapper>div.text input:hover{border-color:#d6d6d633}.richtext-editor{position:absolute;pointer-events:all;color:#000;outline:dashed 1px black;height:auto!important;z-index:10}.richtext-editor:after{content:"";display:block;position:absolute;top:0;left:0;width:calc(100% + -0px);height:calc(100% + -0px);background-color:#fff;z-index:-1}.richtext-editor[data-visible]{display:block}.richtext-editor .ql-editor{line-height:inherit;overflow:visible;tab-size:inherit;text-align:inherit}.richtext-editor *{font-family:inherit;padding:0;margin:0}.color-ui{pointer-events:all;position:absolute;bottom:100%;display:none;gap:4px;padding:8px 4px;background-color:#d6d6d6}.color-ui[data-can-be-shown]{display:flex}.color-ui[data-can-be-shown][data-hidden],.color-ui[data-hidden]{display:none}.color-ui .color{border:none;border-radius:50%;width:20px;height:20px;cursor:pointer}.color-ui .color[data-selected]{box-shadow:0 0 0 2px #8e7dbe}.color-ui .remove{border:none;border-radius:50%;width:20px;height:20px;position:relative;cursor:pointer}.color-ui .remove[data-selected]{box-shadow:0 0 0 2px #8e7dbe}.color-ui .remove img{position:absolute;height:120%;width:120%;top:-10%;left:-10%}.exercise-dom-root .chips-manual-ui{pointer-events:all;position:absolute;bottom:100%;display:none;gap:4px;padding:8px 4px;background-color:#d6d6d6}.exercise-dom-root .chips-manual-ui .chips-color,.exercise-dom-root .chips-manual-ui .chips-remove{border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;position:relative}.exercise-dom-root .chips-manual-ui .chips-color[data-selected],.exercise-dom-root .chips-manual-ui .chips-remove[data-selected]{box-shadow:0 0 0 2px #8e7dbe}.exercise-dom-root .chips-manual-ui .chips-remove img{position:absolute;height:120%;width:120%;top:-10%;left:-10%}.exercise-dom-root[data-active] .chips-manual-ui:not([data-hidden]){display:flex}.manual-ui{pointer-events:all;position:absolute;bottom:100%;display:none;gap:4px;padding:8px 4px;background-color:#d6d6d6;flex-direction:column}.exercise-dom-root[data-active] .manual-ui{display:flex}.exercise-dom-root[data-active] .manual-ui[data-hidden]{display:none}.manual-ui[data-can-be-shown]{display:flex}.manual-ui[data-can-be-shown][data-hidden],.manual-ui[data-hidden]{display:none}.manual-ui>div{display:flex;flex-direction:row;flex-wrap:nowrap}.manual-ui>div button{margin-right:4px;background-color:transparent;border:solid 1px #8e7dbe;border-radius:4px;transition:all .2s ease;color:#1b1b22;cursor:pointer;white-space:nowrap}.manual-ui>div button:hover,.manual-ui>div button[data-active]{background-color:#8e7dbe;color:#f0f0f0}.manual-ui>div:first-child{border-bottom:solid 1px rgba(27,27,34,.2);padding-bottom:8px}.manual-ui>div:first-child:before{content:"Kästchen";display:inline-block;color:#1b1b22;margin-right:4px;min-width:70px}.manual-ui>div:last-child{padding-top:4px}.manual-ui>div:last-child:before{content:"Zahlen";display:inline-block;color:#1b1b22;margin-right:4px;min-width:70px}.new-document-dialog{width:400px;min-height:400px;max-width:90vw;background-color:#1b1b22;box-shadow:0 0 10px 1px #8e7dbe40;border:none;border-radius:8px}.new-document-dialog h1{margin:0 0 16px;color:#f0f0f0;font-size:24px;padding-left:16px}.new-document-dialog section{padding:16px;border-radius:8px;background-color:#ffffff0d;margin-bottom:16px}.new-document-dialog section>span{color:#f0f0f0;display:block;margin-bottom:8px;font-size:16px}.new-document-dialog button{margin-top:32px;margin-left:auto;padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease;font-size:16px}.new-document-dialog button:focus{outline:solid 2px #d88c9a}.new-document-dialog button:hover{background-color:#8e7dbe;border-color:#8e7dbe}.new-document-dialog button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}.new-document-dialog input{background-color:transparent;border:none;border-bottom:solid 1px #f0f0f0;border-radius:0;padding:4px;color:#f0f0f0;outline:none;transition:all .2s ease}.new-document-dialog input:focus{border-bottom:solid 1px #8e7dbe}.new-document-dialog .select{position:relative;color:#f0f0f0;width:200px;user-select:none}.new-document-dialog .select img{height:20px}.new-document-dialog .select .paper{width:30px;margin-right:16px;aspect-ratio:1/1.4142135624;background-color:#fff}.new-document-dialog .select .paper.landscape{height:30px;margin-right:0;width:auto;aspect-ratio:1.4142135624}.new-document-dialog .select .head{cursor:pointer;padding:8px;border:solid 1px rgba(240,240,240,.2);display:flex;align-items:center;gap:16px;position:relative}.new-document-dialog .select .head:after{content:"";width:10px;height:10px;border-top:solid 1px rgba(240,240,240,.5);border-right:solid 1px rgba(240,240,240,.5);transform:rotate(135deg);position:absolute;right:12px;transition:transform .2s ease}.new-document-dialog .select .body{position:absolute;top:100%;max-height:200px;width:100%;overflow-y:auto;display:none;background-color:#1b1b22;box-shadow:4px 4px 10px 1px #00000040;z-index:50}.new-document-dialog .select .body::-webkit-scrollbar{width:8px}.new-document-dialog .select .body::-webkit-scrollbar-track{background-color:#1b1b22}.new-document-dialog .select .body::-webkit-scrollbar-thumb{background-color:#8e7dbe;border-radius:4px}.new-document-dialog .select .body .option{display:flex;align-items:center;gap:16px;padding:8px;cursor:pointer;border-bottom:solid 1px rgba(240,240,240,.1)}.new-document-dialog .select .body .option:hover{background-color:#f0f0f01a}.new-document-dialog .select[data-open] .body{display:block}.new-document-dialog .select[data-open] .head:after{transform:rotate(-45deg)}.new-document-dialog .visibility .select{margin-top:8px}.new-document-dialog .visibility #share-copy-wrapper-new-document{display:none;margin-top:24px}.new-document-dialog .visibility #share-copy-wrapper-new-document[data-visible]{display:block}.new-document-dialog .toggle-wrapper{display:flex;align-items:center;gap:8px;color:#f0f0f0;font-size:12px}.new-document-dialog .toggle-wrapper .toggle{display:inline-block;width:36px;height:20px;border-radius:10px;background-color:#f0f0f01a;position:relative;cursor:pointer;transition:all .2s ease}.new-document-dialog .toggle-wrapper .toggle:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background-color:#f0f0f0;transition:all .2s ease;position:absolute;top:2px;left:2px}.new-document-dialog .toggle-wrapper .toggle[data-active]{background-color:#8e7dbe}.new-document-dialog .toggle-wrapper .toggle[data-active]:before{left:calc(100% - 18px)}#sharing{width:400px}#sharing h2{margin-top:0;font-size:20px}#sharing div{width:100%;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end}#sharing *{font-size:14px}#sharing select{background-color:#1b1b22;color:#f0f0f0;border:none;border-bottom:solid 1px #f0f0f0}#sharing select:focus{outline:none;border-color:#8e7dbe}#sharing #share-copy-wrapper,#sharing #share-comment-wrapper{display:none}#sharing #share-copy-wrapper[data-visible],#sharing #share-comment-wrapper[data-visible]{display:flex}#sharing .buttons{margin-top:24px;display:flex;justify-content:space-between}#sharing .buttons button{padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease}#sharing .buttons button:focus{outline:solid 2px #d88c9a}#sharing .buttons button:hover{background-color:#8e7dbe;border-color:#8e7dbe}#sharing .buttons button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}#sharing .buttons #copy-link{display:flex;align-items:center;gap:8px;visibility:hidden}#sharing .buttons #copy-link[data-visible]{visibility:visible}#sharing .buttons #copy-link img{width:16px;height:16px}#sharing .buttons #copy-link .copied,#sharing .buttons #copy-link[data-copied] .copy{display:none}#sharing .buttons #copy-link[data-copied] .copied{display:block}.child-comment{padding:8px 16px;gap:8px}.child-comment .header-row{display:flex;align-items:center;gap:8px;line-height:1;margin-bottom:4px}.child-comment .header-row .profile-picture{width:28px;height:28px;border-radius:50%;user-select:none}.child-comment .header-row .user-name{font-weight:700;color:#f0f0f0;font-size:13px}.child-comment .header-row .time-stamp{color:#b1b1b2;font-size:10px;white-space:nowrap;margin-top:1.5px}.child-comment .comment-text{display:block;font-size:13px;line-height:1.3;margin:0 0 0 36px;color:#f0f0f0}.comment-wrapper{position:absolute;z-index:300;height:0px;width:0px}.comment-wrapper .comment-popup-wrapper{position:absolute;top:-48px;left:44px;width:300px;background-color:#1b1b22;border-radius:8px;box-shadow:#00000059 0 3px 8px,#00000080 0 1px 3px,#ffffff14 0 1px inset,#ffffff4d 0 0 1px inset}@media screen and (max-width:768px){.comment-wrapper .comment-popup-wrapper{position:fixed;left:5vw;top:20vh;width:90vw;max-height:70vh;overflow-y:auto}}.comment-wrapper .comment-popup-wrapper .comment-popup-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:16px 16px 8px;font-weight:700;border-bottom:solid 1px rgba(214,214,214,.2);color:#b1b1b2}.comment-wrapper .comment-popup-wrapper .comment-popup-header span{flex-grow:1}.comment-wrapper .comment-popup-wrapper .comment-popup-header button{background-color:transparent;border:none;cursor:pointer;padding:0;margin-left:12px}.comment-wrapper .comment-popup-wrapper .comment-popup-header button img{width:14px;height:14px}.comment-wrapper .comment-popup-wrapper .comment-popup-footer{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;box-sizing:border-box;width:100%}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .profile-picture{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-right:8px}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .send-wrapper{display:flex;align-items:flex-end;gap:8px;width:100%;background-color:#f0f0f01a;padding:8px 12px;box-sizing:border-box;border-radius:8px}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .send-wrapper .response-input{flex-grow:1;min-height:20px;outline:none;font-size:14px;line-height:1.3;cursor:text}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .send-wrapper .response-input:empty~button{background-color:#f0f0f066}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .send-wrapper button{width:20px;height:20px;flex-shrink:0;background-color:#8e7dbe;border:none;cursor:pointer;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}.comment-wrapper .comment-popup-wrapper .comment-popup-footer .send-wrapper button img{max-width:16px;max-height:16px}.comment-wrapper[data-popup-open]{z-index:1000}.comment-wrapper[data-popup-open] .comment{width:28px!important;height:28px!important;padding:4px!important;overflow:hidden!important;outline:2px solid #99c1b9}.comment{position:absolute;bottom:0;left:0;background-color:#1b1b22;border-radius:20px 20px 20px 0;box-shadow:#00000059 0 3px 8px,#00000080 0 1px 3px,#ffffff14 0 1px inset,#ffffff4d 0 0 1px inset;padding:4px;min-width:28px;min-height:28px;transition-property:width,height,padding;transition-duration:.1s;transition-timing-function:ease-in-out;width:270.4px;height:fit-content;display:flex;align-items:flex-start;gap:8px}.comment .profile-picture{width:28px;height:28px;border-radius:50%;user-select:none}.comment[data-dragging]{pointer-events:none}.comment.comment-sent{width:28px;height:28px;padding:4px;overflow:hidden}.comment.comment-sent .comment-content{transition:all .1s ease-in-out;opacity:0;pointer-events:none;display:block;padding:0;margin-top:0;border-radius:0;background-color:transparent}.comment.comment-sent .comment-content .header-row{display:flex}.comment.comment-sent:hover,.comment.comment-sent[data-dragging]{width:270.4px;height:var(--needed-height);padding:8px}.comment.comment-sent:hover .comment-content,.comment.comment-sent[data-dragging] .comment-content{opacity:1}.comment .comment-content{width:220px;min-width:220px;font-size:13px;line-height:1.3;display:flex;margin-top:4px;margin-bottom:4px;padding:8px 12px;border-radius:8px;background-color:#f0f0f01a;box-sizing:border-box}.comment .comment-content .header-row{display:none;align-items:flex-end;gap:8px;line-height:1;margin-bottom:4px}.comment .comment-content .header-row .user-name{font-weight:700;color:#f0f0f0;font-size:13px}.comment .comment-content .header-row .time-stamp{color:#b1b1b2;font-size:10px;white-space:nowrap}.comment .comment-content p{margin:0;cursor:text;outline:none;width:100%}.comment .comment-content button{margin-left:auto;width:20px;height:20px;flex-shrink:0;background-color:#8e7dbe;border:none;cursor:pointer;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}.comment .comment-content button img{max-width:16px;max-height:16px}.comment .comment-content .replies-count{color:#b1b1b2;font-size:10px;white-space:nowrap;margin-top:1.5px}[data-placeholder]:empty:before{content:attr(data-placeholder);color:#d6d6d680}[data-placeholder]:empty:focus:before{content:""}@media screen and (max-width:1255px){.comment-wrapper,.comment{display:none}}#viewer-wrapper{--image-height: 900px;min-height:100vh;box-sizing:border-box;background-color:#dedddd40;background-image:url(https://teacheditor.com/teacheditor-background.svg);background-attachment:fixed}#viewer-wrapper[data-hidden],#viewer-wrapper[data-whiteboard] .zoom-wrapper,#viewer-wrapper[data-whiteboard] .comment-wrapper,#viewer-wrapper[data-whiteboard] #comment-button{display:none}#viewer-wrapper #images{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;padding:20px;width:100%;max-width:100%;height:calc(100vh - 50px);overflow:auto;box-sizing:border-box;position:fixed;top:30px}#viewer-wrapper #images::-webkit-scrollbar{width:8px}#viewer-wrapper #images::-webkit-scrollbar-track{background-color:#1b1b22}#viewer-wrapper #images::-webkit-scrollbar-thumb{background-color:#8373ae;border-radius:4px}#viewer-wrapper #images .img-wrapper{height:fit-content;position:relative;user-select:none}#viewer-wrapper #images .img-wrapper .viewer{height:var(--image-height);box-shadow:0 0 10px #00000080;pointer-events:none}#viewer-wrapper #bottom-row{position:fixed;bottom:0;left:0;width:100%;min-height:20px;justify-content:flex-end;padding-right:20px;box-sizing:border-box}#viewer-wrapper #top-row{position:fixed;top:0;left:0;height:30px;width:100%;box-sizing:border-box;padding:0 10vw;color:#fff;display:flex;align-items:center;justify-content:space-between}#viewer-wrapper .buttons{position:fixed;bottom:32px;right:20px;display:flex;gap:16px}#viewer-wrapper .buttons button{width:60px;height:60px;padding:0;background-color:#1b1b22;color:#f0f0f0;font-size:30px;border-radius:50%;box-shadow:0 0 10px #00000080;cursor:pointer;z-index:500;border:none;transition:all .2s ease}#viewer-wrapper .buttons button:hover,#viewer-wrapper .buttons button[data-active]{background-color:#8e7dbe}#viewer-wrapper .zoom-wrapper{display:flex;align-items:center;gap:8px;color:#fff}#viewer-wrapper input[type=range]{-webkit-appearance:none;background:transparent}#viewer-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:16px;height:16px;background-color:#fff;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}#viewer-wrapper input[type=range]::-webkit-slider-thumb:hover{background-color:#8e7dbe}#viewer-wrapper input[type=range]::-moz-range-thumb{border:0;width:16px;height:16px;background-color:#fff;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}#viewer-wrapper input[type=range]::-moz-range-thumb:hover{background-color:#8e7dbe}#viewer-wrapper input[type=range]::-ms-thumb{border:0;width:16px;height:16px;background-color:#fff;border-radius:50%;position:relative;top:-7px;transition:all .2s ease}#viewer-wrapper input[type=range]::-ms-thumb:hover{background-color:#8e7dbe}#viewer-wrapper input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background-color:#fff;border-radius:4px}#viewer-wrapper input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background-color:#fff;border-radius:4px}#viewer-wrapper input[type=range]:focus{outline:none}#viewer-wrapper input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.tools{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:5000;display:none;border-radius:20px;overflow:hidden;box-shadow:0 0 10px #00000080}.tools button{width:60px;height:40px;border:none;background-color:#1b1b22;display:flex;align-items:center;justify-content:center}.tools button img{height:50%}.tools button[data-active]{background-color:#8e7dbe}@media screen and (max-width:1255px){.tools{display:flex}}.login-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;border:none;display:flex;justify-content:center;align-items:center}.login-popup iframe{width:360px;height:600px;max-height:90vh;border:none;border-radius:8px;box-shadow:#00000059 0 3px 8px}.confirm-dialog{position:fixed;top:0;left:0;z-index:1000}.confirm-dialog p{width:100%}.confirm-dialog .buttons-row{display:flex;justify-content:flex-end}.confirm-dialog .cancel-button{padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease}.confirm-dialog .cancel-button:focus{outline:solid 2px #d88c9a}.confirm-dialog .cancel-button:hover{background-color:#8e7dbe;border-color:#8e7dbe}.confirm-dialog .cancel-button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}.confirm-dialog .confirm-button{padding:4px 8px;color:#f0f0f0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;border-radius:4px;border:solid 1px rgba(240,240,240,.2);cursor:pointer;transition:all .2s ease;margin-left:16px}.confirm-dialog .confirm-button:focus{outline:solid 2px #d88c9a}.confirm-dialog .confirm-button:hover{background-color:#8e7dbe;border-color:#8e7dbe}.confirm-dialog .confirm-button[data-active]{border-color:#f2d0a9;background-color:#8e7dbe}.confirm-dialog .checkbox-line{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;margin-top:32px}.confirm-dialog .checkbox-line .checkbox-wrapper{width:20px;height:20px;border-radius:4px;margin-top:0;margin-right:0;align-self:flex-end;cursor:pointer;background-color:transparent;user-select:none;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:4px;border:solid 1px rgba(240,240,240,.2)}.confirm-dialog .checkbox-line .checkbox-wrapper input{width:.0001px;height:.0001px;opacity:0;display:none;position:absolute;left:-100px;top:-100px}.confirm-dialog .checkbox-line .checkbox-wrapper input:checked~img,.confirm-dialog .checkbox-line .checkbox-wrapper input:checked~svg{transform:scale(1.5);opacity:1}.confirm-dialog .checkbox-line .checkbox-wrapper img,.confirm-dialog .checkbox-line .checkbox-wrapper svg{width:100%;height:100%;transform:scale(0);opacity:0;transition:all .2s cubic-bezier(.28,1.47,.85,1.43)}.global-loading-dialog{position:fixed;z-index:1100;width:min(360px,100vw - 32px);max-width:calc(100vw - 32px);padding:28px 24px;text-align:center;overflow:hidden;border-radius:4px}.global-loading-dialog .global-loading-content{display:flex;flex-direction:column;align-items:center;gap:18px}.global-loading-dialog .global-loading-spinner{width:22px;height:22px;border:4px solid rgba(240,240,240,.16);border-top-color:#8e7dbe;border-radius:50%;animation:global-loading-spin .8s linear infinite}.global-loading-dialog .global-loading-message{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere}@keyframes global-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#left-menu{background-color:#1b1b22;width:100%;box-sizing:border-box;border-right:solid 1px rgba(214,214,214,.2);display:flex;flex-direction:column}#left-menu .icon{width:100%;display:flex;flex-direction:column;align-items:center;margin:16px 0;color:#f0f0f0;text-decoration:none;font-size:12px;cursor:pointer}#left-menu .icon.logout{margin-top:auto}#left-menu .icon img{width:30px;padding:6px;border-radius:8px;margin-bottom:2px;transition:background-color .2s ease}#left-menu .icon span{font-size:12px}#left-menu .icon:hover img{background-color:#f0f0f01a}@media screen and (max-width:1255px){#left-menu{display:none}}.snapping-lines{position:absolute;top:0;left:0}.snapping-lines #snap-line-1,.snapping-lines #snap-line-2{stroke:#d88c9a;stroke-width:1}#text-menu-wrapper{width:100%;height:100%;border-right:1px solid rgba(240,240,240,.2);border-left:1px solid rgba(240,240,240,.2);box-sizing:border-box}@media screen and (max-width:1255px){#text-menu-wrapper{height:fit-content;width:100%;position:sticky!important;top:44px;padding-top:2px;padding-bottom:2px;z-index:550;background-color:#1b1b22}}.selection-element{position:absolute;border:solid 1px #aaa;background-color:transparent;pointer-events:none;top:0;left:0}.mouse-element{position:fixed;z-index:1000;pointer-events:none;width:64px;object-fit:contain}.mouse-element[src=""]{display:none}.mobile-placement-preview{position:fixed;left:50%;bottom:76px;z-index:4999;width:64px;height:64px;box-sizing:border-box;padding:8px;object-fit:contain;pointer-events:none;display:none;transform:translate(-50%);border:solid 1px rgba(240,240,240,.18);border-radius:8px;background-color:#d6d6d6f2;box-shadow:2px 2px 4px #0003}.mobile-placement-preview[src=""]{display:none!important}@media screen and (max-width:1255px){.mouse-element{display:none!important}.mobile-placement-preview:not([src=""]){display:block}}.page-punch-hole-layer{position:absolute;inset:0;pointer-events:none;z-index:100}.page-punch-hole-layer .page-punch-hole{position:absolute;box-sizing:border-box;border-radius:9999px;background-color:transparent;border:1px solid #1b1b22;opacity:.4}.group-shell{position:absolute;box-sizing:border-box;z-index:501}.group-shell:hover{border-color:#8e7dbe}.group-shell[data-active]{border-color:#8e7dbe;background:#8e7dbe14}.group-shell[data-active] .transformer{display:none}.group-toolbar{position:absolute;top:-38px;left:-1px;display:none;gap:8px;align-items:center;padding:6px 8px;border-radius:4px 4px 0 0;background:#1b1b22;pointer-events:auto;white-space:nowrap}.group-toolbar .icon{font-size:12px;height:14px;margin:0 -4px}.group-shell[data-active] .group-toolbar{display:flex}.group-toolbar button{border:none;border-radius:6px;padding:6px 10px;background:#8e7dbe;color:#fff;font-size:12px;font-weight:600;cursor:pointer;user-select:none}.group-toolbar button[data-variant=secondary]{background:#ffffff24}.group-toolbar button:hover{filter:brightness(1.08)}.group-toolbar button:disabled,.group-toolbar button:disabled:hover{cursor:not-allowed;opacity:.45;filter:none}.exercise-dom-root[data-grouped-child=true]{pointer-events:none}.exercise-dom-root[data-grouped-child=true] .transformer{display:none!important}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf);src:url(/fonts/Roboto-Regular.woff2) format("woff2"),url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light.ttf);src:url(/fonts/Roboto-Light.woff2) format("woff2"),url(/fonts/Roboto-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf);src:url(/fonts/Roboto-Bold.woff2) format("woff2"),url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic.ttf);src:url(/fonts/Roboto-Italic.woff2) format("woff2"),url(/fonts/Roboto-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-LightItalic.ttf);src:url(/fonts/Roboto-LightItalic.woff2) format("woff2"),url(/fonts/Roboto-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic.ttf);src:url(/fonts/Roboto-BoldItalic.woff2) format("woff2"),url(/fonts/Roboto-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}body{color:#f0f0f0}.bcp-container{z-index:510!important}.exercise-dom-root{will-change:transform,width,height;contain:layout;position:absolute;z-index:500;transform-origin:50% 50%;box-sizing:border-box}.exercise-dom-root:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid transparent;outline:1px solid transparent}.exercise-dom-root .transformer{position:absolute;z-index:1000;box-sizing:border-box;border:1px solid #8e7dbe;background-color:#fff;visibility:hidden;width:var(--resizer-size);height:var(--resizer-size);transform:translate(-50%,-50%)}.exercise-dom-root .transformer.plugin-overlay{transform:none}.exercise-dom-root .transformer.rotator{border-radius:50%}.exercise-dom-root .transformer.plugin-overlay{background-color:transparent;pointer-events:none;border-color:#8e7dbee6;border-style:solid}.exercise-dom-root .transformer.plugin-overlay[data-overlay-id=from],.exercise-dom-root .transformer.plugin-overlay[data-overlay-id=to],.exercise-dom-root .transformer.plugin-overlay[data-overlay-id=control]{background-color:#fff}.exercise-dom-root .transformer.plugin-overlay.ellipse{border-radius:50%}@media(hover:hover)and (pointer:fine){.exercise-dom-root:hover:after{outline-color:#8e7dbecc;border-color:#8e7dbecc}}.exercise-dom-root[data-active]{z-index:501}.exercise-dom-root[data-active]:after{outline-color:#8e7dbecc;border-color:#8e7dbecc}.exercise-dom-root[data-active] .transformer{visibility:visible}.exercise-dom-root[data-exercise-type=line]:after{display:none}.exercise-dom-root[data-exercise-type=line] .line-hover-highlight{border:none;visibility:hidden;color:#8e7dbee6}.exercise-dom-root[data-exercise-type=line][data-hover] .line-hover-highlight,.exercise-dom-root[data-exercise-type=line][data-active] .line-hover-highlight{visibility:visible}.exercise-dom-root[data-connection-selectable]{cursor:pointer}.exercise-dom-root[data-connection-selectable]:after{outline-color:#8e7dbe73;border-color:#8e7dbe73}.exercise-dom-root[data-connection-connected]{cursor:pointer}.exercise-dom-root[data-connection-connected]:after{outline-color:#8e7dbef2;border-color:#8e7dbef2;border-width:2px}.exercise-dom-root .loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.exercise-dom-root .loading:after{content:"";display:block;width:20px;height:20px;border:5px solid transparent;border-top:5px solid #8e7dbe;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body[data-mouse-mode=move] .exercise-dom-root{cursor:default!important;pointer-events:none}body[data-mouse-mode=move] .exercise-dom-root:after{border-color:transparent!important;outline-color:transparent!important}body[data-mouse-mode=move] .exercise-dom-root .transformer,body[data-mouse-mode=move] .exercise-dom-root .line-hover-highlight{visibility:hidden!important}.content{display:none;grid-template-columns:81px 200px 1fr 276px;grid-template-rows:44px 36px 1fr 20px;grid-template-areas:"left-menu top-row top-row top-row" "left-menu sidebar text-row toolbar" "left-menu sidebar canvas toolbar" "left-menu sidebar bottom-row toolbar";width:100%;height:100vh;height:100dvh;background-color:#1b1b22;overflow:hidden}.content #left-menu{grid-area:left-menu}.content #sidebar{grid-area:sidebar}.content #top-row{grid-area:top-row}.content #toolbar{grid-area:toolbar}.content #bottom-row{grid-area:bottom-row}.content #text-menu-wrapper{grid-area:text-row}.content #canvas-wrapper{grid-area:canvas;background-color:#dedddd40;background-image:url(https://teacheditor.com/teacheditor-background.svg);background-position-x:center}.content[data-visible]{display:grid}*{font-family:Roboto}#sentry-feedback{--font-family: Roboto;--page-margin: 0 480px 26px}dialog{width:400px;max-width:90vw;max-height:90vh;background-color:#1b1b22;color:#f0f0f0;border:none;box-shadow:0 0 10px #00000080;overflow-y:auto;overflow-x:hidden;padding:16px;box-sizing:border-box}dialog::backdrop{background-color:#00000080;backdrop-filter:blur(2px)}@media screen and (max-width:1255px){#content{display:block}#sentry-feedback{display:none}}@media screen and (max-width:768px){.exercise-dom-root .transformer[data-hide-mobile]{display:none}}