@import url(https://cdn.jsdelivr.net/gh/alerque/libertinus/webfonts/libertinus.css);button{cursor:pointer}.hehe{z-index:100000000000000}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-spin-slow{animation:spin-slow 6s linear infinite}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.normal{color:#000;text-decoration:none}b{font-weight:600}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box}.lesson-card-container{grid-gap:10px;display:grid;grid-template-columns:1fr}.p-lesson-card-1{padding:15px 25px}.p-lesson-card-1:hover{padding:15px 30px}.p-lesson-card-2{padding:30px 40px}.p-lesson-card-2:hover{padding:30px 50px}@media screen and (max-width:400px){.p-lesson-card-2{padding:20px 40px}.p-lesson-card-2:hover{padding:20px 50px}}.lesson-card{border:2px solid #f2f2f2;border-radius:10px;box-shadow:1px 2px 5px #f3f3f3;cursor:pointer;font-size:18px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.lesson-card:hover{background-color:#fafafa;border-left:10px solid #262751}.lesson-card:active{background-color:#e6e6e6;border-left:10px solid #262751}.lesson-card-2{border:2px solid #f2f2f2;border-radius:15px;box-shadow:1px 2px 5px #f3f3f3;cursor:pointer;font-size:20px}.text-topic{color:grey;font-size:small;margin-top:5px}@media screen and (max-width:500px){.lesson-card{font-size:smaller}}.tr-hover{transition:all .2s ease-in-out}.tr-hover:hover{background-color:#f0f0f0}.tr-header-hover{background-color:#0099ffd0;transition:all .2s ease-in-out}.tr-header-hover:hover{background-color:#0099ffa6}.element-hover:hover{outline:2px dotted #5ac0ff;outline-offset:10px;position:relative}.element-select{outline:2px solid #5ac0ff;outline-offset:10px;position:relative;z-index:100}.no-select{-webkit-user-select:none;user-select:none}.edit-btn{border-radius:5px;box-shadow:1px 2px 5px #f3f3f3;transition:all .1s ease-in-out}.edit-btn:hover{background-color:#f3f3f3!important}.edit-btn:active{background-color:#dfdfdf!important}.edit-btn2{border-radius:5px;box-shadow:1px 1px 3px #2b7fff;transition:all .1s ease-in-out}.edit-btn2:hover{background-color:#4d94ff!important}.edit-btn2:active{background-color:#2b7fff!important}.button-cool{background-color:#2786f3;border:none;border-radius:5px;font-size:15px;height:48px;min-width:148px;outline:none;padding-left:20px;padding-right:20px;transition:all .2s ease-in}.button-cool,.save-btn{color:#fff;cursor:pointer}.save-btn{align-items:center;background-color:#61ac57;border:1px solid #61ac57;border-radius:5px;display:flex;justify-content:center;padding:8px 20px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.save-btn:hover{opacity:.5}.save-btn:active{background-color:#588d51;border:1px solid #61ac57;color:#fff}.save-btn-disable{align-items:center;background-color:#b9b9b9;border:1px solid #0000;border-radius:5px;color:#fff;display:flex;justify-content:center;opacity:.4;padding:8px 20px;-webkit-user-select:none;user-select:none}.editable:before{font-style:normal;text-decoration:inherit!important}.editable-s:before,.editable:before{color:#c7c7c7;content:attr(placeholder);display:block;font-weight:300}.show-hide{display:block!important}.dropbtn-hide{color:#000;cursor:pointer;font-size:16px}.dropdown-hide{display:inline-block;position:relative}.dropdown-content-hide{background-color:#fff;border:1px solid #00000026;border-radius:.25rem;box-shadow:1px 2px 5px #f3f3f3;display:none;margin:6px 0;overflow:auto;padding:10px 0;position:absolute;z-index:1000000}.dropdown-content-hide div{display:block;padding:5px 20px;text-align:center;text-decoration:none;transition:all .1s ease-in-out;width:100%}.dropdown-content-hide div.bg-gray-300:hover{background-color:#d1d1d1}.dropdown-content-hide div:hover{background-color:#f8f9fa}.dropdown-content-hide div:active{background-color:#eaebec}.edit-container{margin-left:auto;margin-right:auto}@media (min-width:1400px){.edit-container{max-width:1390px}}.li-link{color:#0985d3;text-decoration:none}.li-link:hover{text-decoration:underline}.word-break{word-break:break-word}.table-link{color:#0074bd!important;text-decoration:none}.table-link:hover{text-decoration:underline}.add-element{border:1px solid #e2e2e2;border-radius:10px;border-radius:5px;cursor:pointer;min-height:50px;transition:all .3s ease-in-out;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none;width:calc(50% - 10px)}@media screen and (max-width:1279px) and (min-width:700px){.add-element{width:calc(100% - 10px)}}@media screen and (max-width:700px){.add-element{width:calc(50% - 10px)}}.add-element:hover{background-color:#eee!important}.add-element:active{background-color:#f3f3f3!important}@media screen and (any-hover) and (min-width:900px){::-webkit-scrollbar{background-color:#f5f5f5;height:7px;width:7px}::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:0;box-shadow:inset 0 0 4px #0000004d}}.add-btn{cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.add-btn:hover{background-color:#f0f0f0!important}.add-btn:active{background-color:#e4e4e4!important}.media-res{width:80%}@media screen and (max-width:650px){.media-res{width:100%}}.media-img-res{width:400px}@media screen and (max-width:650px){.media-img-res{width:100%}}.html-div a{color:#2395ff;cursor:pointer;text-decoration:none}.html-div a:hover{text-decoration:underline}.custom-slider{-webkit-appearance:none;background:#1e40af;border-radius:999px;height:4px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#60a5fa;border:2px solid #1e3a8a;border-radius:50%;cursor:pointer;height:14px;width:14px}.custom-slider::-moz-range-thumb{background:#60a5fa;border:2px solid #1e3a8a;border-radius:50%;cursor:pointer;height:14px;width:14px}.mjx-chtml{font-family:Libertinus Math,serif!important}.editor-area{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}canvas{display:block}.lol-draw{height:300px;width:500px}.lol-draw-c{display:flex;justify-content:center}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-shimmer{overflow:hidden;position:relative}.animate-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.spinner-container{align-items:center;display:flex;justify-content:center;padding:20px}.spinner-container.fullscreen{background:#ffffffb3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.cool-spinner{animation:spin .8s cubic-bezier(.5,.1,.4,.9) infinite;border-color:#ff0080 #0000001a #0000001a #7928ca;border-radius:50%;border-style:solid;border-width:4px;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-dropdown{animation:slideIn .25s cubic-bezier(.16,1,.3,1)}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}