@font-face{font-family:silkaRegular;src:url(../fonts/SilkaRegular.f41c42c7.otf)}@font-face{font-family:silkaSemiBold;src:url(../fonts/SilkaSemiBold.4c08c84e.otf)}@font-face{font-family:silkaLight;src:url(../fonts/SilkaLight.eeade3cb.otf)}@font-face{font-family:Souses;src:url(../fonts/Souses.c8e976c1.otf)}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-track{background-color:#f1f1f1}.scroll::-webkit-scrollbar-thumb{background-color:#add8e6;border-radius:6px;box-shadow:inset 0 0 6px #0000004d}.scroll::-webkit-scrollbar-thumb:hover{background-color:blue}.my-gradient-button[data-v-2cb714d8]{background-clip:padding-box,border-box;background-origin:border-box;border:2px solid #0000;box-shadow:0 1px 2px #2d234259;transition:all .3s ease}.selection-popup[data-v-31ceb38e]{align-items:center;border-radius:4px;box-shadow:0 2px 10px #0003;display:flex;gap:8px;padding:6px 12px;position:absolute;z-index:1000}.outlined[data-v-cfc49760]{fill:none;stroke:#646464;stroke-width:8px;stroke-linejoin:round}.bordered1[data-v-4324f68c]{-webkit-text-stroke:1px #000}.shadows[data-v-4324f68c]{text-shadow:.025em .025em 0 #ff0,.05em .05em 0 blue,.075em .075em 0 red,.1em .1em 0 #000}.button-30{border-width:0;touch-action:manipulation;transition:box-shadow .15s,transform .15s;will-change:box-shadow,transform}.button-30:hover{box-shadow:0 4px 8px #2d234259;transform:translateY(-1px)}.my-text1{color:#353538}.body--dark .my-text1{color:#e7e4e4}.my-text2{color:#70707a}.body--dark .my-text2{color:#8c8c96}.my-text3{color:#bcbcca}.body--dark .my-text3{color:#616166}.my-bg1{background-color:#fff!important}.body--dark .my-bg1{background-color:#1b2838!important}.my-bg2{background-color:#f4f7fc!important}.body--dark .my-bg2{background-color:#253346!important}.my-bg3{background-color:#e8ecf1!important}.body--dark .my-bg3{background-color:#334357!important}.my-bg4{background-color:#d3d9dd!important}.body--dark .my-bg4{background-color:#435264!important}.my-bg-archived{background-color:#efebe9!important}.body--dark .my-bg-archived{background-color:#25211d!important}.my-bg-learned{background-color:#e8f5e9!important}.body--dark .my-bg-learned{background-color:#1e3120!important}.my-bg-main{background-color:#f4f7fc!important}.body--dark .my-bg-main{background-color:#1b2838!important}.my-bg-toolbar{background-color:#fff}.body--dark .my-bg-toolbar{background-color:#1b2838}.my-bg-yellow{background-color:#fffde7}.body--dark .my-bg-yellow{background-color:#5a5845}.my-bg-green-1{background-color:#e8f5e9}.body--dark .my-bg-green-1{background-color:#1e3632}.my-bg-red-1{background-color:#ffebee}.body--dark .my-bg-red-1{background-color:#312f2f}.my-text-red-9{color:#c62828}.body--dark .my-text-red-9{color:#ebaaaa}.my-bg-blue-1{background-color:#e3f2fd}.body--dark .my-bg-blue-1{background-color:#31323f}.my-bg-blue-grey-1{background-color:#eceff1}.body--dark .my-bg-blue-grey-1{background-color:#2e2f30}.my-bg-card{background-color:#fff}.body--dark .my-bg-card{background-color:#253346}.my-bg-card2{background-color:#fff}.body--dark .my-bg-card2{background-color:#1b2838}.my-bg-user-section{background-color:#c3e4e9}.body--dark .my-bg-user-section{background-color:#3a4246}.my-bg-leaderboard{background-color:#fdf2c6}.body--dark .my-bg-leaderboard{background-color:#646d79}.my-bg-classroom-sidebar{background-color:#e0e3e6}.body--dark .my-bg-classroom-sidebar{background-color:#312f2f}.my-bg-classroom-board{background-color:#fff}.body--dark .my-bg-classroom-board{background-color:#252525}.toolbar-height{height:50px}.user-toolbar-height{height:55px}.width-external{max-width:1200px;width:100%}.items-center{align-items:center;display:flex}.flex-center{display:flex;justify-content:center}.flex-stretch-v{display:flex;flex-grow:1}.bottom-fade{background:linear-gradient(0deg,#c8c8c8 0,#fff0)}.my-border-color{border-color:#a6a6af}.body--dark .my-border-color{border-color:#64646d}.my-border{border:1px solid #a6a6af;border-radius:8px}.my-border-right{border-right:1px solid #a6a6af}.my-border-left{border-left:1px solid #a6a6af}.my-border-bottom{border-bottom:1px solid #a6a6af}.my-border-bg{background-color:#a6a6af}.my-hud-font{-webkit-text-stroke:.5px #1d1d1d;color:#fff;font-family:Souses;font-size:13px;text-shadow:.5px .5px 0 #000c}.text-shadow-1{text-shadow:1px 1px 2px #00000059}.text-shadow-2{text-shadow:2px 2px 4px #00000059}.font-bloxx{font-family:BlackBloxx}.font-peace{font-family:Peace}.font-silka-light{font-family:silkaLight}.font-silka{font-family:silkaRegular}.font-silka-semi{font-family:silkaSemiBold}.font-souses{font-family:Souses}.my-blurred-image{filter:blur(1px) sepia()}.my-blurred-text{filter:blur(4px)}.my-bw-image{filter:grayscale(100%)}.zoom,.zoom-1:hover{transform:scale(1.1);transition:transform .2s;z-index:2}.zoom-2:hover{transform:scale(1.2);transition:transform .2s;z-index:3}.silhouette{filter:contrast(0) brightness(0)}.shimmer{animation:shimmer 2.5s infinite;background-repeat:no-repeat;color:grey;-webkit-mask:linear-gradient(-70deg,#000 30%,#0009,#000 70%) right/300% 100%}@keyframes shimmer{to{-webkit-mask-position:left}}.bordered-circle{border:1px solid #000;border-radius:300px}.bordered1{-webkit-text-stroke:2px #000;color:#fff}.tooltip{background:#0000;border-radius:10px;box-shadow:0 3px 10px 0 #0000004d;overflow:visible;padding:0}.tooltip-text{border-radius:10px;padding:20px;z-index:10}.tooltip-arrow{box-shadow:0 3px 10px 0 #0000004d;height:30px;transform:translateX(-50%) rotate(-45deg) skew(-20deg,-20deg);width:30px;z-index:-5}[class*=tooltip-arrow-top] .tooltip-arrow{top:0}.tooltip-arrow-top .tooltip-arrow{left:50%}.tooltip-arrow-top-left .tooltip-arrow{left:30px}.tooltip-arrow-top-right .tooltip-arrow{right:0}[class*=tooltip-arrow-bottom] .tooltip-arrow{bottom:0}.tooltip-arrow-bottom .tooltip-arrow{left:50%}.tooltip-arrow-bottom-left .tooltip-arrow{left:30px}.tooltip-arrow-bottom-right .tooltip-arrow{right:0}[class*=tooltip-arrow-left] .tooltip-arrow{left:0;transform:translateY(-50%) rotate(45deg) skew(-20deg,-20deg)}.tooltip-arrow-left .tooltip-arrow{top:50%}.tooltip-arrow-left-top .tooltip-arrow{top:20px}.tooltip-arrow-left-bottom .tooltip-arrow{bottom:-10px}[class*=tooltip-arrow-right] .tooltip-arrow{right:0;transform:translateY(-50%) rotate(45deg) skew(-20deg,-20deg)}.tooltip-arrow-right .tooltip-arrow{top:50%}.tooltip-arrow-right-top .tooltip-arrow{top:20px}.tooltip-arrow-right-bottom .tooltip-arrow{bottom:-10px}