body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@layer reset, base, layout, components, utilities;:root{--media-phone-width:768px;--_br:12px;--_navbars-margin-top-desktop:84px;--_navbars-margin-top-mobile:64px;--text-clr:#1f2321;--primary-clr:#ede7d9;--primary-clr-sh:#ccbb93;--primary-clr-2:#cbccb8;--primary-clr-3:#94a89c;--primary-clr-4:#698683;--primary-clr-5:#49696f;--primary-clr-6:#2e4756;--navbar-clr:#1f2321e6;--navbar-text-clr:#ede7d9;--accent-clr:#005b46;--accent-clr-inactive:#887a59;--accent-clr-2:#57806d;--accent-clr-3:#809981;--error-clr:#bf5847;--button-clr:#0c8345;--button-text-clr:#ede7d9;--_focus-inner-shadow:inset 0px 4px 6px var(--accent-clr),inset 0px 0px 0px 2px var(--accent-clr-2),inset 0px -4px 6px 2px var(--accent-clr-3);--_focus-inner-shadow-2:inset 0px 0px 0px 2px var(--accent-clr),inset 0px 4px 6px var(--accent-clr-3),inset 0px -4px 6px 2px var(--accent-clr);--shadow-color:40deg 7% 50%;--shadow-elevation-low:0 4px 4px -2.5px hsl(var(--shadow-color)/0.52),0 7px 7px -4px hsl(var(--shadow-color)/0.38);--shadow-elevation-medium:0 8.5px 8.3px -2.4px hsl(var(--shadow-color)/0.67),0 23px 23px -3.6px hsl(var(--shadow-color)/0.37);--shadow-elevation-high:0.2px 1px 1px hsl(var(--shadow-color)/0.63),1px 4.7px 4.6px -0.5px hsl(var(--shadow-color)/0.58),2px 9.5px 9.3px -1px hsl(var(--shadow-color)/0.54),3.8px 17.8px 17.5px -1.5px hsl(var(--shadow-color)/0.49),6.8px 31.7px 31.1px -2.1px hsl(var(--shadow-color)/0.44),11.4px 53.5px 52.5px -2.6px hsl(var(--shadow-color)/0.39),18.3px 85.6px 84px -3.1px hsl(var(--shadow-color)/0.34),27.7px 130px 127.6px -3.6px hsl(var(--shadow-color)/0.29);--shadow-color-navbar:40deg 7% 10%;--shadow-navbar-low:0 8px 5px -2.4px hsl(var(--shadow-color-navbar)/0.1),0 15px 10px -3.6px hsl(var(--shadow-color-navbar)/0.17);--shadow-navbar-medium:0 10px 5px -4px hsl(var(--shadow-color-navbar)/0.2),0 20px 15px -10px hsl(var(--shadow-color-navbar)/0.3)}:root:has(#dark-theme:checked){--text-clr:#ede7d9;--primary-clr:#1f2321;--primary-clr-sh:#4e5a53;--navbar-clr:#ede7d9e6;--navbar-text-clr:#1f2321;--accent-clr:#7fd1ae;--accent-clr-inactive:#887a59;--accent-clr-2:#005b46;--button-clr:#0c8345;--button-text-clr:#ede7d9}body{background-color:#ede7d9;background-color:var(--primary-clr);color:#1f2321;color:var(--text-clr);font-family:Noto Sans,sans-serif}html{font-size:24px}a{all:unset;cursor:pointer;display:inline-block}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{border-radius:12px;border-radius:var(--_br);outline:2px solid #005b46;outline:2px solid var(--accent-clr);outline-offset:2px}button{all:unset}p{all:unset;display:block}h1,h2,h3{font-family:Montserrat Alternates,sans-serif;font-weight:500}h3{margin:.5rem 0}nav{--_blur:5px;background:#0000;box-shadow:var(--shadow-navbar-low);color:var(--navbar-text-clr);max-height:64px;min-height:64px;position:relative;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}nav:before{--_c2:hsl(from var(--text-clr) h s l/0.75);--_c1:hsl(from var(--text-clr) h s l/0.95);backdrop-filter:blur(var(--_blur));-webkit-backdrop-filter:blur(var(--_blur));background-color:var(--navbar-clr);background:linear-gradient(to right,var(--_c1),var(--_c2),var(--_c1));border:1px solid #ffffff3b;border-radius:1000px;content:"";height:100%;left:-1px;position:absolute;top:-1px;width:100%;z-index:-1}.top-nav-cont{display:flex;max-height:64px;width:100vw}.top-nav,.top-nav-cont{align-items:center;justify-content:center;position:fixed;top:10px;z-index:1000}.top-nav{grid-gap:3rem;border-radius:1000px;display:grid;gap:3rem;grid-template-columns:1fr auto 1fr;grid-template-rows:100%}.top-nav .logo-container{display:flex;gap:.5rem}.top-nav .search{align-items:center;display:flex;justify-content:center;width:100%}nav .ellipse-button{height:60px}.logo{border-radius:100px;height:auto;margin:0 0 0 20px;max-width:56px}.app-name,.login-button-container p{cursor:pointer;font-family:Montserrat Alternates,sans-serif;font-size:28px;margin:auto 0}.app-name:hover{text-decoration:underline}.profile{margin:0 20px}.top-nav .nav-center{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr) 2fr repeat(2,1fr);max-height:64px}.top-nav .fixed-width{display:flex;width:180px}.top-nav form{display:inline-block}.navButton{opacity:.7}.navButton:focus,.navButton:hover{opacity:1;scale:1.05;transition:all .1s}.top-nav .login{align-items:center;display:flex;justify-content:center}.top-nav .login-button-container{align-items:center;display:flex;justify-content:end;width:100%}.top-nav .login.button-with-icon{margin-right:20px;width:120px}.top-nav .login:focus,.top-nav .login:hover{scale:1.05;transition:all .1s}.navbars-margin{margin-top:var(--_navbars-margin-top-desktop)}.profile-icon{height:52px;width:52px}.app-logo{display:inline-block;height:auto;margin:0 0 0 20px;max-width:64px}@media screen and (max-width:1100px){.navbars-margin{margin-top:var(--_navbars-margin-top-mobile)}.top-nav-button,.top-nav-button *{display:none}.login-button-container .login.button-with-icon{margin-right:0;width:7ch}.login-button-container p{font-size:20px}.top-nav{gap:1rem;max-height:48px;min-height:48px;top:4px}.top-nav .nav-center{gap:.5rem;grid-template-columns:1fr;row-gap:0}.app-name{display:none}.app-logo{display:inline-block;height:auto;margin:0 0 0 12px;max-width:48px}}.button-with-icon{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.search{position:relative;width:100%}.search li,.search ul{list-style:none}.search input{background-color:var(--text-clr);border:1px solid var(--primary-clr);border-radius:1000px;max-height:60px;padding:10px;width:calc(100% - 22px)}.search input,.search-dropdown{color:var(--primary-clr);min-width:100px}.search-dropdown{--_c1:hsl(from var(--accent-clr-2) h s l/0.65);--_c2:hsl(from var(--accent-clr-3) h s l/0.55);--_c6:hsl(from var(--primary-clr-3) h s l/0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(to right,var(--_c1),var(--_c2));border:1px solid var(--_c2);border-radius:var(--_br);box-shadow:0 8px 32px 0 var(--_c6);padding:.75rem 1rem;position:absolute;text-shadow:0 0 10px var(--accent-clr-2);top:25px}.button-dropdown{display:inline-block;position:relative}.nav-item{align-items:center;cursor:pointer;display:flex;font-family:Montserrat Alternates,sans-serif;font-size:28px;height:52px;justify-content:end;margin-right:40px;transition:background-color .3s ease}.button-dropdown .nav-item .icon{height:52px;width:52px}.button-dropdown .nav-item .icon *{stroke-width:.5px;stroke:var(--text-clr)}.dropdown{--_c1:hsl(from var(--accent-clr-2) h s l/0.45);backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);background:#4a6a4b73;background:linear-gradient(to right,var(--_c1),#4a6a4b73);border:1px solid #ffffff2e;border-radius:var(--_br);box-shadow:0 8px 32px 0 #6f80875e;min-width:200px;padding:10px 0;position:absolute;text-shadow:0 0 10px var(--accent-clr-2);z-index:1011}.dropdown-top-nav{right:1rem;top:100%}.dropdown>*{cursor:pointer;padding:8px 15px}.dropdown>:hover{background-color:#4a6a4b99}@media screen and (max-width:1100px){.nav-item .text{font-size:20px}.nav-item{margin-right:12px}}.icon{max-height:1rem;max-width:1rem}.icon *{fill:var(--text-clr);stroke:var(--text-clr)}nav .icon *{fill:var(--navbar-text-clr);stroke:var(--navbar-text-clr);stroke-width:.5px}.bottom-nav-cont{align-items:center;bottom:10px;display:flex;justify-content:center;max-height:64px;position:fixed;width:100vw;z-index:1000}.bottom-nav{--_h:64px;border-radius:1000px;box-shadow:var(--shadow-navbar-medium);height:var(--_h);max-height:64px;z-index:1000}.flex-bottom-nav{align-items:center;display:flex;gap:4px;height:var(--_h)}.flex-bottom-nav-gap-12{gap:12px}.bottom-nav-padding-20{padding:0 20px}.bottom-nav-padding-2{padding:0 2px}.dropdown-menu{display:none}.dropdown:hover>.dropdown-menu{background-color:var(--navbar-clr);border-radius:12px;bottom:48px;display:flex;flex-direction:column;position:absolute;z-index:1000}.dropdown .bottom-nav-button{margin:.3rem .6rem}nav .round-button-without-text .round-button-icon{height:60px;width:60px}nav .round-button-with-text{height:60px}@media screen and (max-width:1100px){.bottom-nav-cont{display:none}}.nav-default{display:flex}.nav-reading-mode{display:none}body:has(.login-container) .nav-default{display:none}.round-button{align-items:center;color:var(--navbar-text-clr);cursor:pointer;display:flex;flex-flow:column;opacity:1;-webkit-user-select:none;user-select:none}.round-button-with-text p{font-size:.5rem}.round-button-icon{align-items:center;background-color:var(--accent-clr);border-radius:100px;display:flex;height:40px;justify-content:center;width:40px}.round-button-icon .icon *{fill:var(--navbar-text-clr);stroke-width:0;stroke:var(--navbar-text-clr)}.round-button:focus-visible,.round-button:hover{transition:all .2s}.round-button:focus-visible .round-button-icon,.round-button:hover .round-button-icon{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow)}.round-button:focus-visible *,.round-button:hover *{transition:inherit}.round-button:focus-visible p,.round-button:hover p{color:var(--navbar-text-clr);text-decoration:underline;transition:inherit}.round-button:focus-visible .icon *,.round-button:hover .icon *{transition:inherit}.round-button:focus-visible .round-button-icon,.round-button:hover .round-button-icon{transition:inherit}.round-button:active .round-button-icon{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow-2);text-shadow:0 4px 3px var(--accent-clr);transition:inherit}.round-button:disabled{opacity:.3;pointer-events:none}.ellipse-button{align-items:center;background-color:var(--accent-clr);border-radius:1000px;color:var(--navbar-text-clr);cursor:pointer;display:flex;flex-flow:row;justify-content:center;min-height:2em;padding-left:1rem;padding-right:1rem;-webkit-user-select:none;user-select:none}.ellipse-button:disabled{opacity:.3;pointer-events:none}.ellipse-button-icon{align-items:center;display:flex;justify-content:center}.ellipse-button-icon .icon *{fill:var(--navbar-text-clr);stroke-width:0;stroke:var(--navbar-text-clr)}.ellipse-button.active,.ellipse-button:focus-visible,.ellipse-button:hover{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow);text-shadow:0 4px 3px var(--accent-clr);transition:all .4s}.ellipse-button:disabled.active{opacity:1;pointer-events:none}.ellipse-button:focus-visible *,.ellipse-button:hover *{transition:inherit}.ellipse-button:focus-visible p,.ellipse-button:hover p{text-decoration:underline;transition:inherit}.ellipse-button:focus-visible .icon *,.ellipse-button:hover .icon *{transition:inherit}.ellipse-button.secondary-button{background-color:var(--primary-clr);box-shadow:inset 0 0 0 2px var(--accent-clr);color:var(--text-clr)}.secondary-button .ellipse-button-icon .icon *{fill:var(--text-clr);stroke-width:0;stroke:var(--text-clr)}.ellipse-button.secondary-button:focus-visible,.ellipse-button.secondary-button:hover{background-color:var(--primary-clr-2);box-shadow:inset 0 4px 6px var(--accent-clr-2),inset 0 0 0 2px var(--accent-clr-2),inset 0 -4px 6px 2px var(--primary-clr);text-shadow:none}.ellipse-button:active{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow-2)}.ellipse-button.shadow{box-shadow:var(--shadow-elevation-medium)}.toggle-switch-label{padding:0}.toggle-switch{--height-1:60px;align-items:center;background-color:var(--navbar-clr);border-radius:100px;display:flex;height:64px;justify-content:center;position:relative;width:120px;z-index:1}.toggle-switch-checkbox{display:none}.toggle-switch *{z-index:3}.switch{background-color:var(--accent-clr);border-radius:100px;height:var(--height-1);left:2px;position:absolute;top:2px;transition:.3s;transition-timing-function:ease-out;width:76px;z-index:2}.toggle-switch-checkbox:checked+.toggle-switch>.switch{left:42px}.toggle-switch-checkbox:checked+.toggle-switch .icon-left{left:0;opacity:.6;transition-timing-function:ease-out}.toggle-switch-checkbox:checked+.toggle-switch .icon-right .icon{max-height:1.5rem;max-width:1.5rem;transition:all .3s ease-out}.toggle-switch-checkbox:checked+.toggle-switch .icon-right{opacity:1;right:10px;transition-timing-function:ease-in-out}:not(.toggle-switch-checkbox:checked)+.toggle-switch .icon-left .icon{max-height:1.5rem;max-width:1.5rem;transition-timing-function:ease-out;transition:all .3s ease-out}.icon-left,.icon-right{align-items:center;animation-timing-function:ease-in-out;display:flex;height:var(--height-1);justify-content:center;position:absolute;transition:.3s;width:var(--height-1)}.icon-left{left:10px;opacity:1}.icon-right{opacity:.6;right:0;transition-timing-function:ease-out}.icon-left .icon *,.icon-right .icon *{fill:var(--navbar-text-clr);stroke-width:0}.nav-reading-mode{display:flex;gap:2rem;justify-content:center;width:100%}.bottom-nav.nav-dict{display:flex}.toggle-switch#reading-mode-switch{display:none}.reading-mode-ellipse-button{padding:0;width:120px}@media screen and (max-width:1100px){.nav-reading-mode{gap:8px}.bottom-nav.nav-dict{display:none;margin-left:0}:root:has(#reading-mode-switch:checked) .bottom-nav.nav-textarea{display:none}:root:has(#reading-mode-switch:checked) .bottom-nav.nav-dict{display:flex}.toggle-switch#reading-mode-switch{box-shadow:var(--shadow-navbar-medium);display:flex}}.dropdown-botom-nav{bottom:100%;left:1rem;top:auto}.bottom-nav-cont.nav-messaging{bottom:10px;display:flex;max-height:30%;position:fixed;width:100vw;z-index:1000}.nav-messaging .message-form{bottom:0}.nav-messaging .bottom-nav,.nav-messaging .message-form{align-items:center;display:flex;justify-content:center;position:absolute}.nav-messaging .bottom-nav{bottom:8px}.message-textarea{background-color:var(--primary-clr);border:2px solid #000;border-radius:var(--_br);bottom:0;box-shadow:0 0 20px 10px var(--primary-clr-sh);color:var(--text-clr);font-family:Helvetica,Arial,sans-serif;font-size:1rem;height:100px;max-width:50rem;overflow-x:hidden;overflow-y:scroll;padding:8px 8px 75px;position:absolute;resize:none;scroll-padding-bottom:75px;width:550px;word-spacing:.05rem}@media (max-width:610px){.message-textarea{width:85vw}}.login-container{border:2px solid var(--text-clr);border-radius:var(--_br);justify-content:center;margin-bottom:3rem;max-width:calc(95% - 2rem);min-width:60vw;padding:1rem}.login-container .text-input{margin-bottom:12px;max-width:90%;min-width:8rem}.scroll-container{bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-10000}.scroll-content{animation:scroll 20s linear infinite;background:linear-gradient(90deg in hsl longer hue,red,red);background-clip:text;-webkit-background-clip:text;background-size:5000%;color:#0000;margin:.2rem 0;white-space:nowrap;z-index:-10000}.scroll-content span{font-size:3rem;padding-right:1rem;z-index:-10000}@keyframes scroll{0%{background-position:100% 0}to{background-position:0 0}}.username-status{align-items:center;display:flex;font-size:.74rem;gap:8px;justify-content:center;margin-top:4px}.username-status .status-message{margin:0}.h52{height:52px}.w125{width:125px}.w250{width:250px}.success-icon{color:var(--accent-clr)}.error-icon{color:var(--error-clr)}@layer base{label{font-family:Montserrat Alternates,sans-serif;font-size:.75rem;padding:0 calc(.75rem + 2px)}.text-input{background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:1000px;color:var(--text-clr);font-size:1rem;height:2rem;max-width:600px;min-width:15rem;padding:0 .75rem}.text-input:disabled{background-color:hsl(from var(--primary-clr-2) h s l/.33);background-image:linear-gradient(-45deg,var(--primary-clr-2) 25%,#0000 25%,#0000 35%,var(--primary-clr-2) 35%,var(--primary-clr-2) 37%,#0000 37%,#0000 40%,var(--primary-clr-2) 40%,var(--primary-clr-2) 75%,#0000 75%,#0000);border:2px solid var(--accent-clr);box-shadow:inset 0 4px 6px var(--primary-clr),inset 0 -4px 6px 2px var(--accent-clr-3);color:hsl(from var(--text-clr) h s l/.33)}.textarea-input{background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:var(--_br);color:var(--text-clr);font-size:1rem;max-width:50rem;min-height:6rem;min-width:15rem;overflow-x:hidden;overflow-y:scroll;padding:8px .75rem;resize:none}.custom-select{height:2rem;max-width:600px;min-width:15rem;position:relative}.custom-select select{-webkit-appearance:none;appearance:none;background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:100px;color:var(--text-clr);cursor:pointer;font-size:1rem;height:2rem;padding:0 .75rem;width:100%}.custom-select .icon{position:absolute;right:16px;top:.5rem}.form-container{display:flex;flex-direction:column;gap:.5rem}input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:.3rem;cursor:pointer;display:flex;height:1rem;justify-content:center;margin:0;width:1rem}input[type=checkbox]:before{border-radius:.25rem;box-shadow:inset 1rem 1rem var(--accent-clr);content:"";height:calc(1rem - 4px);transform:scale(0);transition:transform .1s ease-in-out;width:calc(1rem - 4px)}input[type=checkbox]:checked:before{transform:scale(1)}}@media screen and (max-width:1100px){.text-input{min-width:0}.custom-select,.textarea-input{max-width:calc(100% - 1.5rem);min-width:0}}.text-center{text-align:center}.card{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:var(--shadow-elevation-low);padding:var(--_br)}.bold{font-weight:800}.light{font-weight:200}.font-size075{font-size:.75rem}.flex-row{align-items:end;flex-direction:row;flex-wrap:wrap}.flex-column,.flex-row{display:flex;gap:.5rem;justify-content:center}.flex-column{align-items:center;flex-direction:column}.no-margin{margin:0!important}.margin-bottom{margin-bottom:1rem}.error{color:var(--error-clr)}.grid-table{grid-gap:4px;display:grid;font-size:.75rem;gap:4px;grid-template-columns:2rem 1fr 9ch 20ch 10ch 9ch;max-width:100%;overflow-x:auto;position:relative}.grid-header{display:contents}.grid-header-cell{background-color:var(--navbar-clr);border:1px solid var(--text-clr);border-radius:16px;color:var(--navbar-text-clr);font-weight:700;padding:.5rem;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;z-index:10}.grid-header-cell.table-checkbox{align-items:center;display:flex;justify-content:center}.grid-row{display:contents}.grid-cell{background-color:var(--bg-clr);border:1px solid var(--text-clr);border-radius:16px;cursor:pointer;padding:.5rem;-webkit-user-select:none;user-select:none;z-index:0}.grid-cell.without-border{border:none}.grid-cell.no-padding{padding:0}.grid-cell.table-checkbox{align-items:center;display:flex;justify-content:center}.grid-row:hover .grid-cell{background-color:var(--accent-clr);color:var(--navbar-text-clr)}.table-container{height:500px;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative}th{background-color:var(--navbar-clr);color:var(--navbar-text-clr);font-weight:700;text-align:left;z-index:10}.th-sticky{position:sticky;top:0}table{border-collapse:initial;border-spacing:4px 8px;position:relative}thead th.table-checkbox{width:1rem}td,th{border:1px solid var(--text-clr);border-radius:16px;padding:.5rem}td.without-border{border:none}td.no-padding{padding:0}td{z-index:0}.tr-hover:hover{background-color:var(--accent-clr);color:var(--navbar-text-clr)}.loader{animation:rotation 1s ease-in infinite;border-radius:50%;border-style:dashed;border-bottom:2px dashed var(--text-clr);border-left:2px solid var(--text-clr);border-right:2px solid var(--text-clr);border-top:2px dashed var(--text-clr);box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:6rem}.page-container.loading-container{height:70vh}.loader:after{border:2px solid var(--accent-clr);border-radius:50%;box-sizing:border-box;content:"";height:12px;left:4px;position:absolute;top:4px;width:12px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-custom-voc-button{margin:1.5rem auto;position:relative;z-index:100}.vocabulary-table{grid-template-columns:2rem 1fr 9ch 9ch 10ch 20ch}.hero{background:linear-gradient(to right,var(--text-clr),var(--accent-clr-2));color:var(--primary-clr);padding:2rem .5rem;position:relative;text-align:center;z-index:1}.hero,.hero:before{border-radius:var(--_br)}.hero:before{--_c1:hsl(from var(--accent-clr-2) h s l/0.2);--_c2:hsl(from var(--text-clr) h s l/0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(to right,var(--_c1),var(--_c2));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.hero *{z-index:3}.hero-logo{bottom:0;height:100%;max-height:1000px;max-width:1000px;position:absolute;top:0;width:100%;z-index:1}.hero-logo *{fill:var(--primary-clr);stroke-width:0;stroke:var(--text-clr)}.hero h1{font-size:2.8rem;margin-bottom:1rem}.cta button,.hero button{margin-bottom:2rem;margin-top:2rem}section{margin:3rem auto;max-width:1000px}section.colour-bg{background:linear-gradient(to right,var(--primary-clr-2),var(--accent-clr-2));border-radius:var(--_br);color:var(--text-clr);padding:1rem 8px 2rem}.features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.feature{background:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:var(--_br);box-shadow:0 0 10px #0000001a;flex:1 1;min-width:250px;padding:1.5rem 0;transition:transform .3s ease}section.colour-bg .feature{background:var(--primary-clr);border:2px solid var(--accent-clr-2)}.feature h3{margin-top:0}.cta{text-align:center}.cta h2{font-size:2rem;margin-bottom:1rem}@media (max-width:600px){.navbars-margin{margin-top:64px}.hero h1{font-size:2.2rem;margin-top:0}}footer{background:#333;color:#fff;font-size:.9rem;padding:2rem;text-align:center}.profile-avatar{max-width:150px}.profile-avatar,.profile-avatar-small{aspect-ratio:1;border:1px solid var(--text-clr);border-radius:50%}.profile-avatar-small{margin-right:12px;max-width:50px}.public-info-flex{display:grid;grid-template-columns:200px 1fr}h2.capitalize{all:unset;font-weight:700;text-transform:capitalize}.profile-container{grid-gap:2px;background:var(--text-clr);border-radius:var(--_br);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:2px}.profile-details{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);grid-column:span 2;grid-row:span 1;padding:12px;z-index:10}.profile-details .bio{font-size:.75rem;margin:1rem auto}.profile-followers{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.profile-stats{background:var(--text-clr);border-radius:var(--_br);margin-bottom:2rem;padding:2px}.profile-stats .header{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);margin-bottom:2px}.profile-stats .header h2{grid-column:2/span 1}.profile-stats .header .show-more-btn{align-self:center;grid-column:3/span 1;justify-self:center;margin:12px auto}.collapsible{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);max-height:300px;overflow:hidden;padding:8px;position:relative}.collapsible.expanded{max-height:100%}.show-more-btn{height:2rem;width:8rem}.two-layer-div{--_br2:calc(var(--_br) - 2px);background:var(--text-clr);border:2px solid var(--text-clr);border-radius:var(--_br);margin-bottom:2rem;overflow:hidden}.two-layer-div-header{border-radius:var(--_br2);color:var(--primary-clr);overflow:hidden;padding:.5rem}.two-layer-div-body{background:var(--primary-clr);border-radius:var(--_br2);overflow:hidden}.profile-nav-section{padding:12px}.profile-nav-section>div{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}@media (max-width:1100px){.profile-container{grid-template-columns:repeat(1,1fr)}.profile-details{grid-column:span 1;order:1}.profile-stats .header{grid-template-columns:repeat(1,1fr)}.profile-stats .header h2{grid-column:span 1;margin-bottom:12px}.profile-stats .header .show-more-btn{grid-column:span 1}}.close-button{--br:12px;background-color:red;border:1px solid #000;border-radius:var(--br);height:var(--br);width:var(--br)}.popup-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000038;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.popup{--_p:24px;background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:24px;margin-bottom:20px;max-height:calc(100vh - var(--_navbars-margin-top-desktop) - var(--_p)*2);max-width:min(35rem,calc(90vw - var(--_p)*2));min-height:15rem;overflow-x:hidden;overflow-y:auto;padding:var(--_p);position:fixed;top:var(--_navbars-margin-top-desktop)}@media screen and (max-width:1100px){.popup{--_p:12px;min-height:0;top:var(--_navbars-margin-top-mobile)}}.popup-close-button{position:absolute;right:19px;top:19px}.learning-stats{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:150px;grid-template-columns:repeat(3,1fr)}.learning-stats .metric{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr)}.accuracy-all,.accuracy-today{align-items:center;display:flex;grid-column:span 2;grid-row:span 1;justify-content:center}.spells-today{grid-column:span 1;grid-row:span 2}.best-streak-ever{grid-column:span 1;grid-row:span 1}.activity-calendar-metric{grid-column:span 1;grid-row:span 2}.activity-chart{grid-column:span 3;grid-row:span 3}.activity-chart.metric{background:var(--primary-clr)}.days-in-a-row{grid-column:span 2;grid-row:span 2}.metric:not(.accuracy-today,.accuracy-all){align-items:center;display:flex;flex-direction:column-reverse;justify-content:center}.metric-name{font-size:.9rem}.accuracy-all .metric-name,.accuracy-today .metric-name{font-size:1.5rem}.metric-value{align-content:center;flex-grow:1;font-size:2.5rem;text-align:center}.activity-calendar-metric .activity-heatmap-container{align-content:center;flex-grow:1;justify-items:center}.chart-container{border:1px solid var(--text-clr);border-radius:var(--_br);margin:20px 0;padding:15px}.activity-stats-container h2{margin-bottom:20px;text-align:center}.chart-container h3{margin-bottom:15px}@media (max-width:1100px){.learning-stats{gap:4px;grid-template-columns:repeat(2,1fr)}}.activity-heatmap-container{border-radius:var(--_br)}.activity-calendar{display:flex;margin-top:1rem}.day-labels{display:flex;flex-direction:column;margin-right:8px}.day-label{align-items:center;display:flex;font-size:10px;height:12px;justify-content:flex-end;margin-bottom:3px;width:30px}.calendar-grid{grid-gap:3px;display:grid;gap:3px;grid-auto-flow:column;grid-template-columns:repeat(16,12px);grid-template-rows:repeat(7,12px)}.calendar-day{border-radius:2px;cursor:pointer;height:12px;width:12px}.activity-level-0{background-color:var(--text-clr)}.activity-level-1{background-color:#9be9a8}.activity-level-2{background-color:#40c463}.activity-level-3{background-color:#30a14e}.activity-level-4{background-color:#216e39}.month-0{border:1px solid #e67e22}.month-1{border:1px solid #9b59b6}.month-2{border:1px solid #2ecc71}.month-3{border:1px solid #3498db}.month-4{border:1px solid #f1c40f}.month-5{border:1px solid #e74c3c}.month-6{border:1px solid #1abc9c}.month-7{border:1px solid #34495e}.month-8{border:1px solid #d35400}.month-9{border:1px solid #8e44ad}.month-10{border:1px solid #27ae60}.month-11{border:1px solid #2980b9}.activity-legend{align-items:center;display:flex;font-size:12px;gap:4px;justify-content:center;margin-top:.5rem}.legend-item{margin:0 6px}.activity-day{border-radius:2px;display:inline-block;height:12px;width:12px}.onboarding-tasks{padding:12px 12px 2rem}.task-item{border:1px solid var(--text-clr);border-radius:var(--_br);display:grid;grid-template-columns:64px 1fr;margin:12px auto;max-width:25rem;padding:12px}.onboarding .task-checkbox{margin:auto}.task-item.completed{background:var(--primary-clr-2);color:var(--text-clr)}.task-item.active{animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;color:var(--text-clr);position:relative}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.onboarding .congratulations{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--text-clr);display:flex;flex-direction:column;justify-content:center;margin:12px auto;max-width:25rem;padding:12px 12px 2rem;position:relative}.onboarding .congratulations h2,.onboarding .congratulations>p{margin-bottom:.5rem}.flipCard{height:200px;perspective:1000px;width:300px}.flipCard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.flipCard:hover .flipCard-inner{transform:rotateY(180deg)}.flipCard-back,.flipCard-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flipCard-front{background-color:#6a2c70;border:10px solid #6a2c70;border-radius:10px;transform:rotateY(0deg)}.flipCard-back,.flipCard-front{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center}.flipCard-back{background-color:#f08a5d;border:10px solid #f08a5d;border-radius:10px;transform:rotateY(180deg)}.page-container{margin:auto auto 200px;max-width:40rem;padding:12px}.page-container.no-scroll{margin-bottom:auto;overflow:hidden;padding-bottom:200px}.center-column{flex-direction:column}.center-column,.choice-chips{align-items:center;display:flex}.choice-chips{background-color:var(--primary-clr-2);border-radius:1000px;flex-wrap:wrap;gap:8px;justify-content:center;padding:2px;width:fit-content}.chip{border:1px solid var(--accent-clr-2);border-radius:16px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.chip:focus-visible,.chip:hover{background-color:var(--accent-clr-2)}.chip.selected{background-color:var(--accent-clr-2);border-color:var(--accent-clr-2);color:var(--primary-clr)}:root{--active-2-clr:#c1c7b7;--active-2-clr-2:#969c8d;--active-2-clr-3:#6e7365;--active-2-clr-4:#474d3f;--active-2-clr-5:#2f4858}.keycap-button{background-color:#969c8d;background-color:var(--active-2-clr-2);background:linear-gradient(180deg,#969c8d 6px,#6e7365 calc(var(--_br)),#6e7365 calc(100% - 6px - var(--_br)),#474d3f calc(100% - 12px));background:linear-gradient(180deg,var(--active-2-clr-2) 6px,var(--active-2-clr-3) calc(var(--_br)),var(--active-2-clr-3) calc(100% - 6px - var(--_br)),var(--active-2-clr-4) calc(100% - 12px));border-radius:var(--_br);box-shadow:var(--shadow-elevation-medium);cursor:pointer;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:600;padding:6px 6px 12px;position:relative;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.keycap-button-inner{align-items:center;background-color:#c1c7b7;background-color:var(--active-2-clr);border-radius:calc(var(--_br) - 6px);display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;transition:all .2s ease-in-out}.keycap-button:hover{box-shadow:var(--shadow-elevation-high)}.keycap-button:active{background-color:#6e7365;background-color:var(--active-2-clr-3);box-shadow:var(--shadow-elevation-low)}.keycap-button.right-answer{position:relative;top:-10px}.keycap-button:disabled{background:#969c8d;background:var(--active-2-clr-2);background:linear-gradient(180deg,#c1c7b7 6px,#969c8d calc(var(--_br)),#969c8d calc(100% - 6px - var(--_br)),#6e7365 calc(100% - 12px));background:linear-gradient(180deg,var(--active-2-clr) 6px,var(--active-2-clr-2) calc(var(--_br)),var(--active-2-clr-2) calc(100% - 6px - var(--_br)),var(--active-2-clr-3) calc(100% - 12px));box-shadow:var(--shadow-elevation-low);color:#6e7365;color:var(--active-2-clr-3);transition:all .2s ease-in-out}.progress-bar-container{background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:1000px;box-shadow:inset 0 0 2px 3px var(--primary-clr-sh);display:flex;justify-self:center;margin-bottom:10px;margin-top:10px;overflow:hidden;position:relative;width:90%;z-index:800}.progress-bar{align-items:center;background-color:var(--text-clr);border-radius:1000px;color:var(--primary-clr);display:flex;justify-content:center;line-height:1;text-align:center;transition:min-width .4s ease;white-space:nowrap}.progress-text{font-size:.8rem;font-weight:700;padding:0 5px}.game-session-stat{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:150px;grid-template-columns:repeat(4,1fr)}.accuracy,.correct-count,.incorrect-count,.max-streak,.session-score{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr)}.session-score{display:flex;flex-direction:column-reverse;grid-column:span 2;grid-row:span 2}.metric-value{font-family:Montserrat Alternates,sans-serif;font-weight:300}.metric-name{border-bottom-left-radius:var(--_br);border-bottom-right-radius:var(--_br);color:var(--primary-clr);font-size:1.5rem;font-weight:300;margin:0;padding:10px;text-align:center}.session-score .metric-value{flex-grow:1;font-size:140px;justify-self:center;text-align:center}.accuracy{align-items:center;display:flex;gap:20px;grid-column:span 2;justify-content:center}.correct-count,.incorrect-count{display:flex;flex-direction:column-reverse;grid-column:span 1;grid-row:span 1}.correct-count .metric-name,.incorrect-count .metric-name{font-size:24px}.correct-count .metric-value,.incorrect-count .metric-value{flex-grow:1;font-size:80px;justify-self:center;text-align:center}.max-streak{align-items:center;display:flex;gap:30px;grid-column:span 4;justify-content:center}.max-streak .metric-value{font-size:120px;justify-self:center;text-align:center}@media (max-width:1100px){.game-session-stat{gap:6px;grid-auto-rows:80px;grid-template-columns:repeat(4,1fr)}.metric-name{font-size:24px}.session-score{grid-column:span 4;grid-row:span 2}.session-score .metric-value{font-size:90px}.accuracy{grid-column:span 4;grid-row:span 2}.correct-count,.incorrect-count{display:flex;flex-direction:column-reverse;grid-column:span 2;grid-row:span 2}.correct-count .metric-name,.incorrect-count .metric-name{font-size:20px}.correct-count .metric-value,.incorrect-count .metric-value{flex-grow:1;font-size:60px;justify-self:center;text-align:center}.max-streak{gap:10px;grid-column:span 4;grid-row:span 2}.max-streak .metric-value{font-size:80px}}.circle-wrapper{height:200px;position:relative;width:200px}.circle{align-items:center;background:conic-gradient(green 75%,var(--primary-clr) 0);border-radius:var(--_br);color:#333;display:flex;font-family:sans-serif;font-size:2rem;height:100%;justify-content:center;width:100%}.circle:after{background:var(--primary-clr);border-radius:4px;content:"";height:184px;position:absolute;width:184px}.circle-text{font-weight:700;position:absolute;z-index:1}.flex50{display:flex;gap:12px;max-width:100vw}.flex50>*{flex:1 1 160px;max-width:50%}.flex50-left{display:flex;justify-content:flex-end}.flex50-left,.flex50-right{position:relative}.reading-mode-textarea{align-self:center;background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);color:var(--text-clr);font-size:1rem;height:calc(100% - 116px);resize:none;width:100%;width:calc(100% - 40px)}.reading-mode-text,.reading-mode-textarea{border-radius:var(--_br);display:block;max-width:30rem;overflow-x:hidden;overflow-y:scroll;padding:16px 8px 100px 32px}.reading-mode-text{align-content:flex-start;border:2px solid var(--text-clr);height:calc(100vh - 200px);white-space:pre-line;width:100%;z-index:10}.reading-mode-text-line{text-wrap:wrap;display:block}.reading-mode-dict{border-radius:var(--_br);flex-wrap:wrap;height:calc(100vh - 200px);max-width:50rem;overflow-x:visible;overflow-y:scroll;padding-bottom:100px;white-space:pre-line;width:calc(50vw - 36px)}.reading-mode-dict .etymology{box-shadow:none}.button-group{align-items:center;background-color:var(--navbar-clr);border-radius:1000px;box-sizing:border-box;display:flex;height:64px;justify-content:center;position:absolute}.button-group-left{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:20px;right:20px}.button-group-right{bottom:20px;left:20px}@media screen and (max-width:1100px){.flex50>*{max-width:100%}.flex50-left{justify-content:center;margin:10px}.flex50-right{margin:12px}.reading-mode-dict,.reading-mode-text,.reading-mode-textarea{border-radius:20px;height:calc(100dvh - 208px);overflow-x:hidden;overflow-y:scroll;padding:8px 8px 100px;width:calc(100vw - 40px)}.flex50-right{display:none}:root:has(#reading-mode-switch:checked) .flex50-left{display:none}:root:has(#reading-mode-switch:checked) .flex50-right{display:flex}}.word-span{cursor:default}.word-span.selected-word,.word-span:active,.word-span:focus,.word-span:hover{background-color:var(--primary-clr-2);border-radius:1rem}.word-span.selected-word{text-decoration:underline}.new-line{margin:5px;min-width:100%}.word-from-dict-container{align-content:flex-start;border:2px solid var(--text-clr);border-radius:12px;display:flex;flex-wrap:wrap;margin-bottom:2rem;overflow-x:hidden;overflow-y:scroll;white-space:pre-line}.word-from-dict{margin:5px;min-width:4rem}.definitionContainer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.partOfSpeech{fontWeight:bold}img.de-image{aspect-ratio:1;border-radius:var(--_br);max-height:256px;max-width:256px;object-fit:cover;z-index:-1000}.dictionary-entry{container-type:inline-size}.spell-container{grid-gap:2px;background:var(--text-clr);border-radius:var(--_br);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);padding:2px}.spell-details{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);grid-column:span 2;grid-row:span 1;padding:12px;z-index:10}.spell-details>*{margin-bottom:.5rem}.spell-details h1{margin-bottom:1.5rem}.spell-image-container{grid-column:span 1;grid-row:span 1;height:100%;position:relative;width:100%;z-index:1}.spell-container h1{margin-top:0}.spell-container .spellings-container{align-items:self-start;display:flex;gap:8px}.spell-container .spellings-container ul{all:unset}.spell-container .spellings-container li{display:block}.definitions-container{margin-top:64px}.etymology{grid-gap:12px;background:var(--text-clr);border-radius:var(--_br);box-shadow:0 4px 20px 2px var(--primary-clr-sh);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:64px;padding:2px}.definition,.definition-details,.examples{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);padding:12px}.etymology.recommended .definition,.etymology.recommended .examples{animation:gradient 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;position:relative}.recommended-badge{background-color:var(--text-clr);border-radius:0 calc(var(--_br) - 2px) 0 calc(var(--_br) - 2px);color:var(--primary-clr);font-family:Montserrat Alternates,sans-serif;font-size:.8rem;height:1rem;padding:0 2px;position:absolute;right:2px;text-align:center;top:2px;width:6rem}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.definition{grid-column:span 2;grid-row:span 1}.definition-details{background:var(--text-clr);color:var(--primary-clr);grid-column:span 1;grid-row:span 1}.examples{grid-column:span 3;grid-row:span 1}.examples ul{margin-block-end:1.5rem;margin-block-start:0;padding-inline-start:0}.example{margin-left:40px}@container (width < 35rem){.etymology{grid-template-columns:repeat(1,1fr)}.definition,.definition-details,.examples{grid-column:span 1}.spell-container{grid-template-columns:1fr}.spell-details{order:1}.spell-details,.spell-image-container{grid-column:span 1}}@media (max-width:1100px){.etymology{grid-template-columns:repeat(1,1fr)}.definition,.definition-details,.examples{grid-column:span 1}.spell-container{grid-template-columns:repeat(1,1fr)}.spell-details{order:1}.spell-details,.spell-image-container{grid-column:span 1}}.audio-player-container{align-content:center;align-items:center;align-self:center;display:flex;flex-direction:row;gap:10px}.image-container{align-items:center;border-radius:24px;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.background-image{border-radius:var(--_br);filter:blur(20px);height:100%;left:0;object-fit:cover;opacity:.3;position:absolute;top:0;width:100%;z-index:-1}.carousel-image-container{height:256px;position:relative;width:256px}.de-image{aspect-ratio:1;border-radius:24px;height:256px;object-fit:cover;width:256px;z-index:-1000}.left-arrow,.right-arrow{height:100%;position:absolute;right:0;top:0;width:50%}.left-arrow{left:0;top:0}.right-arrow{right:0;top:0}.dots{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--primary-clr);border:1px solid var(--primary-clr-sh);border-radius:10px;bottom:30px;display:flex;height:18px;justify-content:center;margin:0 auto;position:relative;width:76px}.dots-4,.dots-left,.dots-main,.dots-right{animation-duration:.3s;animation-timing-function:ease-in;background-color:var(--accent-clr);border-radius:10px;height:10px;position:absolute;top:4px;width:10px}.dots-left{left:4px}.dots-main{animation-name:moving-right;background-color:var(--accent-clr-2);left:18px;width:40px}.dots-right{left:62px}.dots-4{left:-10px;opacity:0}.dots-main.left{animation-name:moving-left-m}@keyframes moving-left-m{to{background-color:var(--accent-clr);left:62px;width:10px}}.dots-left.left{animation-name:moving-left-l}@keyframes moving-left-l{to{background-color:var(--accent-clr-2);left:18px;width:40px}}.dots-right.left{animation-name:moving-left-r}@keyframes moving-left-r{to{left:72px;opacity:0;transform:scale(.5)}}.dots-4.left{animation-name:moving-left-4}@keyframes moving-left-4{0%{left:-4px;transform:scale(.5)}to{left:4px;opacity:1;transform:scale(1)}}.de-image.left{animation-duration:.3s;animation-name:moving-left-de-image}@keyframes moving-left-de-image{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.dots-main.right{animation-name:moving-right-m}@keyframes moving-right-m{to{background-color:var(--accent-clr);left:4px;width:10px}}.dots-left.right{animation-name:moving-right-l}@keyframes moving-right-l{to{left:-4px;opacity:0;transform:scale(.5)}}.dots-right.right{animation-name:moving-right-r}@keyframes moving-right-r{to{background-color:var(--accent-clr-2);left:18px;width:40px}}.dots-4.right{animation-name:moving-right-4}@keyframes moving-right-4{0%{left:72px;transform:scale(.5)}to{left:62px;opacity:1;transform:scale(1)}}.de-image.right{animation-duration:.3s;animation-name:moving-right-de-image}@keyframes moving-right-de-image{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.skeleton{--_c1:hsl(from var(--primary-clr) h s calc(l - 5));--_c2:hsl(from var(--primary-clr) h calc(s + 30) l);--_c3:hsl(from var(--primary-clr) h s calc(l + 5));animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--_c1) 25%,var(--_c2) 50%,var(--_c3) 75%,var(--_c1) 95%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{border-radius:var(--_br);height:2rem;margin-bottom:1rem;width:60%}.skeleton-subtitle{border-radius:var(--_br);height:1.5rem;margin-bottom:.5rem;width:40%}.skeleton-text{display:inline-block;width:80%}.skeleton-paragraph,.skeleton-text{border-radius:var(--_br);height:1rem}.skeleton-paragraph{margin-bottom:.5rem;width:100%}.skeleton-link{border-radius:var(--_br);display:inline-block;height:1rem;margin-right:8px;width:60px}.skeleton-audio{border-radius:var(--_br);height:40px;margin-bottom:8px;width:200px}.skeleton-image{border-radius:calc(var(--_br) - 2px);height:200px;width:100%}.skeleton-ellipse-button{border-radius:1000px;display:inline-block;height:2em;width:100px}.grid-cell.skeleton{border:1px solid var(--text-clr);border-radius:16px;padding:.5rem}.form-container #description,.form-container #vocabulary_name,.form-container .custom-select#access_modifier{width:90%}.folder-button{background-color:red;border:3px solid #000;border-radius:12px;min-height:200px;min-width:200px}.custom-voc-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:100%;z-index:0}.custom-voc-list-item{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:var(--shadow-elevation-low);flex-grow:1;max-width:calc(100% - 1.5rem);padding:.5rem;transition:transform .2s;z-index:1}.custom-voc-list-item:focus,.custom-voc-list-item:hover{border:1px solid var(--accent-clr);box-shadow:var(--shadow-elevation-medium);transform:scale(1.05)}.custom-voc-info{margin:.3rem}.custom-voc-info p{font-weight:200}.custom-voc-info p:first-child{font-weight:600}.custom-voc-info .access-modifier{font-family:Montserrat Alternates,sans-serif;font-size:.75rem}.pagination{gap:16px;padding:16px}.slider-wrapper{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;width:100%}.slider-container{background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:1000px;box-shadow:inset 0 0 2px 3px var(--primary-clr-sh);cursor:pointer;height:24px;margin-bottom:10px;margin-top:10px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:200px;width:90%}.slider-thumb{background-color:var(--accent-clr);border-radius:1000px;box-shadow:0 2px 4px #0003;cursor:grab;height:24px;min-width:30px;position:absolute;transition:background-color .2s ease}.slider-thumb:active,.slider-thumb:hover{background-color:var(--accent-clr-2)}.slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.page-indicator{color:#666;font-size:12px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}label{display:flex}.profile-preview{border:1px solid var(--text-clr);border-radius:var(--_br);display:grid;grid-template-columns:70px 1fr;padding:var(--_br);width:300px}.message-container{display:flex;flex-direction:column-reverse;justify-content:flex-start;justify-self:center;overflow-y:scroll;padding-bottom:220px;width:600px}@media (max-width:610px){.message-container{width:95%}}.message-container .message,.message-container .my-message{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:0 5px 15px var(--primary-clr-sh);margin:10px 0;max-width:60%;padding:8px;position:relative}.message-container .my-message{align-self:flex-end;background-color:var(--accent-clr-2)}.message-container .message{align-self:flex-start}.message-container .message .message-time,.message-container .my-message .message-time{color:var(--text-clr);font-size:.6rem;font-style:italic;font-weight:300}.message-container .message.unread{padding:.6rem 8px 8px}.unread-message-badge{border:1px solid var(--primary-clr);border-radius:0 var(--_br) 0 var(--_br);font-size:.6rem;height:.7rem;padding:0 2px;position:absolute;right:0;text-align:center;top:0;width:1.5rem}.chat-info,.unread-message-badge{background-color:var(--text-clr);color:var(--primary-clr)}.chat-info{align-items:center;border:1px solid var(--text-clr);border-radius:1000px;box-shadow:0 5px 15px var(--primary-clr-sh);display:flex;justify-self:center;max-height:64px;max-width:90%;padding:4px;position:sticky;top:90px;z-index:1000}.chat-info .user-name{margin-right:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-type{font-size:.7rem;font-weight:300;padding-right:12px}.classroom-avatar{margin-right:10px}.deck{overflow:hidden;overflow-x:hidden}@media (max-width:1100px){.no-margin-mobile{margin:0!important}.small-mobile{font-size:.7rem}}@layer base{.word-card{--_w:min(300px,calc(100vw - 100px - var(--_br)));aspect-ratio:3/4;background:var(--primary-clr-6);border:1px solid var(--text-clr);border-radius:24px;box-shadow:inset 0 0 0 12px #f9f9f9;color:var(--primary-clr);cursor:grab;font-size:1.2rem;font-weight:900;left:calc(50% - var(--_w)/2);padding:var(--_br);position:fixed;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--_w);will-change:transform;z-index:800}}.word-card p{overflow-wrap:break-word}.word-card:active{cursor:grabbing}@keyframes fadeOutGuide{0%{opacity:1}to{opacity:0}}.choose-words-guide-icons{--_time:0.5s;align-items:center;animation:fadeOutGuide 1.5s forwards .1s,moveCenterLeftRightCenter var(--_time) ease-in-out 0s 5;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3001}@keyframes moveCenterLeftRightCenter{0%,to{transform:translateX(max(-5vw,-10px))}50%{transform:translateX(min(5vw,10px))}}.swipe-icon-cursor{height:3rem;width:3rem}.swipe-icon{height:2rem;width:2rem}.game-answers{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;justify-items:center;margin:1rem auto;text-align:center}.game-container{position:relative}.game-answers .image-answer{aspect-ratio:1/1;border-radius:var(--_br);max-width:300px}.game-answers .image-answer:hover{box-shadow:var(--shadow-elevation-medium)}.answer-from-fragments{align-items:center;border:1px solid var(--text-clr);border-radius:var(--_br);display:flex;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:2rem;font-style:normal;font-weight:400;justify-content:center;min-height:3rem;min-width:60%;padding:.5rem 2rem}.answer-fragment-right{color:green}.answer-fragment-wrong{color:red}.blinking-cursor{animation:blink 1s step-start infinite;background-color:var(--text-clr);display:inline-block;height:1em;margin-left:2px;vertical-align:bottom;width:1ch}@keyframes blink{50%{opacity:0}}.game-rules{position:fixed;top:0;z-index:3000}.game-question{background:linear-gradient(to right,var(--primary-clr) 0,var(--primary-clr-2) 50%,var(--primary-clr) 100%);border-radius:var(--_br);font-weight:800;min-width:30%;padding:.5rem 1rem;text-align:center;text-justify:center}.game-question:before{content:"Question: ";font-weight:300}.image-question{min-height:100px;min-width:100px}.popup-container:has(.answer-popup-incorrect){background:radial-gradient(circle at center,#46000038,#32000038)}.popup-container:has(.answer-popup-correct){background:radial-gradient(circle at center,#00460038,#00320038)}.answer-popup-correct h1{--_c:var(--accent-clr-2);--_c2:var(--accent-clr);-webkit-text-fill-color:#0000;animation:incorrectGradientMove 5s ease-in-out infinite;background:linear-gradient(90deg,var(--_c2),var(--_c),var(--_c2),var(--_c));-webkit-background-clip:text;background-size:300% 100%;color:var(--_c)}.answer-popup .next-button{margin-top:1rem}.answer-popup-incorrect h1{-webkit-text-fill-color:#0000;animation:incorrectGradientMove 5s ease-in-out infinite;background:linear-gradient(90deg,#963c00,var(--error-clr),#960000,var(--error-clr));-webkit-background-clip:text;background-size:300% 100%;color:var(--error-clr)}@keyframes incorrectGradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ReadOnlyReader_readOnlyReader__k1yIk{overflow-x:scroll;white-space:normal}.ReadOnlyReader_readOnlyReader__k1yIk img{height:auto;max-width:200px}.ReadOnlyReader_readOnlyReader__k1yIk section{margin:2rem auto}.ReadOnlyReader_readOnlyReader__k1yIk pre{font-size:.8rem}.ReadOnlyReader_readOnlyReader__k1yIk .ReadOnlyReader_word-span__bHdk5{font-size:inherit}.ReadOnlyReader_readOnlyReader__k1yIk h1,.ReadOnlyReader_readOnlyReader__k1yIk h2,.ReadOnlyReader_readOnlyReader__k1yIk h3,.ReadOnlyReader_readOnlyReader__k1yIk h4,.ReadOnlyReader_readOnlyReader__k1yIk h5,.ReadOnlyReader_readOnlyReader__k1yIk h6{text-align:center}.ReadOnlyReader_readOnlyReader__k1yIk figcaption{font-size:.8rem;font-style:italic}.ReadOnlyReader_readOnlyReaderHeader__lCxDX{background-color:var(--primary-clr-2);border-radius:var(--_br)}
/*# sourceMappingURL=main.7d201264.css.map*/