@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Niramit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Text+Me+One&family=Zen+Kurenaido&display=swap);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;--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)}: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:0 0 .5rem}nav{--_blur:5px;border:1px solid #ffffff4d;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-radius:1000px;content:"";height:100%;position:absolute;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}nav .ellipse-button{height:60px}.logo{border-radius:100px;height:auto;margin:0 0 0 20px;max-width:56px}.app-name{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}.navbars-margin{margin-top:84px}.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){.top-nav-button,.top-nav-button *{display:none}.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;width:100%}.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;right:1rem;text-shadow:0 0 10px var(--accent-clr-2);top:100%;z-index:1011}.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;height:var(--_h);max-height:64px;z-index:1000}.flex-bottom-nav{align-items:center;display:flex;gap:12px;height:var(--_h)}.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,.round-button:hover{transition:all .2s}.round-button:focus .round-button-icon,.round-button:hover .round-button-icon{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow)}.round-button:focus *,.round-button:hover *{transition:inherit}.round-button:focus p,.round-button:hover p{color:var(--navbar-text-clr);text-decoration:underline;transition:inherit}.round-button:focus .icon *,.round-button:focus .round-button-icon,.round-button:hover .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 .round-button-icon{background-color:var(--accent-clr-inactive)}.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:10px;padding-right:10px;-webkit-user-select:none;user-select:none}.ellipse-button:disabled{background-color:var(--accent-clr-inactive)}.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:focus,.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:focus *,.ellipse-button:hover *{transition:inherit}.ellipse-button:focus p,.ellipse-button:hover p{text-decoration:underline;transition:inherit}.ellipse-button:focus .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,.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)}.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;stroke:var(--navbar-text-clr)}.nav-reading-mode{display:flex;gap:8rem;justify-content:center}.bottom-nav-cont.nav-reading-mode{gap:2rem}.bottom-nav.nav-dict{display:flex}.toggle-switch#reading-mode-switch{display:none}@media screen and (max-width:1100px){.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{display:flex}.bottom-nav-cont.nav-reading-mode{gap:.5rem}}.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)}}th{background-color:var(--navbar-clr);color:var(--navbar-text-clr);font-weight:700;position:sticky;text-align:left;top:80px;z-index:10}table{border-collapse:initial;border-spacing:4px 8px;justify-self:center;width:98%}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{background-color:var(--accent-clr);color:var(--navbar-text-clr)}.text-center{text-align:center}.card{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:0 5px 15px var(--primary-clr-sh);padding:var(--_br)}.bold{font-weight:800}.light{font-weight:200}.flex-row{align-items:end;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center}.no-margin{margin:0!important}.margin-bottom{margin-bottom:1rem}.error{color:var(--error-clr)}.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}@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:1000}.popup{background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:24px;max-width:35rem;min-height:15rem;padding:24px;position:relative}.popup-close-button{position:absolute;right:19px;top:19px}.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;height:70vh;justify-content:center}.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)}}.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}.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{align-items:center;display:flex;flex-direction:column}.choice-chips{background-color:var(--text-clr);border-radius:1000px;display:flex;gap:8px;padding:2px;width:fit-content}.chip{border:1px solid var(--primary-clr);border-radius:16px;color:var(--primary-clr);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.chip.selected,.chip:hover{background-color:var(--accent-clr-2)}.chip.selected{border-color:var(--accent-clr-2);color:var(--text-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;--shadow-color:40deg 7% 50%;--shadow-elevation-low:0.2px 1px 1px hsl(var(--shadow-color)/0.65),0.3px 1.6px 1.6px -1.8px hsl(var(--shadow-color)/0.52),1px 4.6px 4.5px -3.6px hsl(var(--shadow-color)/0.38);--shadow-elevation-medium:0.2px 1px 1px hsl(var(--shadow-color)/0.68),0.6px 2.8px 2.7px -1.2px hsl(var(--shadow-color)/0.58),1.8px 8.5px 8.3px -2.4px hsl(var(--shadow-color)/0.47),4.9px 23px 22.6px -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)}.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:.2px 1px 1px #888277ad,.6px 2.8px 2.7px -1.2px #88827794,1.8px 8.5px 8.3px -2.4px #88827778,4.9px 23px 22.6px -3.6px #8882775e;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:.2px 1px 1px #888277a1,1px 4.7px 4.6px -.5px #88827794,2px 9.5px 9.3px -1px #8882778a,3.8px 17.8px 17.5px -1.5px #8882777d,6.8px 31.7px 31.1px -2.1px #88827770,11.4px 53.5px 52.5px -2.6px #88827763,18.3px 85.6px 84px -3.1px #88827757,27.7px 130px 127.6px -3.6px #8882774a;box-shadow:var(--shadow-elevation-high)}.keycap-button:active{background-color:#6e7365;background-color:var(--active-2-clr-3);box-shadow:.2px 1px 1px #888277a6,.3px 1.6px 1.6px -1.8px #88827785,1px 4.6px 4.5px -3.6px #88827761;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:.2px 1px 1px #888277a6,.3px 1.6px 1.6px -1.8px #88827785,1px 4.6px 4.5px -3.6px #88827761;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:998}.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: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}.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}.flex50{display:flex;gap:12px}.flex50>*{flex:1 1 160px}.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-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;font-size:1rem}.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}.form-container #vocabulary_name{width:20rem}.form-container #access_modifier{width:calc(21.5rem + 2px)}.form-container #description{width:20rem}.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}.custom-voc-list-item{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:4px 4px 10px var(--primary-clr-sh);flex-grow:1;transition:transform .2s}.custom-voc-list-item:focus,.custom-voc-list-item:hover{border:1px solid var(--accent-clr);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}.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{background-color:var(--text-clr);border:1px solid var(--primary-clr);border-radius:0 var(--_br) 0 var(--_br);color:var(--primary-clr);font-size:.6rem;height:.7rem;padding:0 2px;position:absolute;right:0;text-align:center;top:0;width:1.5rem}.sort-conditions{display:flex;gap:1.5rem;margin:10px}.chat-info,label{display:flex}.chat-info{align-items:center;background-color:var(--text-clr);border:1px solid var(--text-clr);border-radius:1000px;box-shadow:0 5px 15px var(--primary-clr-sh);color:var(--primary-clr);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}.word-card{align-items:center;aspect-ratio:3/4;background:#fff;border:1px solid var(--text-clr);border-radius:var(--_br);cursor:grab;justify-self:anchor-center;margin:0 auto;padding:var(--_br);position:fixed;text-align:center;-webkit-user-select:none;user-select:none;width:min(300px,calc(100vw - 10px - var(--_br)));will-change:transform}.word-card p{overflow-wrap:break-word}.word-card:active{cursor:grabbing}.game-answers{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;justify-items:center}.game-question{font-size:1.2rem;font-weight:700;margin:.5rem 0;text-align:center}.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;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}}
/*# sourceMappingURL=main.f1f292de.css.map*/