.custom-scrollbar,textarea{scrollbar-color:var(--thumb,#331011)var(--track,#6b473c);scrollbar-width:thin;scroll-behavior:smooth}.custom-scrollbar::-webkit-scrollbar,textarea::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background-color:var(--track,#6b473c)}.custom-scrollbar::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background-color:var(--thumb,#331011);border:#0000;border-radius:2px}.custom-scrollbar.is-thumb-only,textarea{--track:transparent;--thumb:#6b473c}html,body{height:100%}body,main,:is(#flashcards,#learn,#test,#match):target{flex-direction:column;display:flex}main,main>div,:is(#flashcards,#learn,#test,#match)>div:nth-child(2){flex-grow:1}.set-container{overflow-wrap:break-word;flex-wrap:wrap;gap:10px;display:flex}.set-container>.card{max-width:100%}.set-container:empty:after{content:attr(data-empty);font-style:italic}.card-content{padding-left:16px;padding-right:16px}.card-content:first-child{padding-top:16px}.card-content:nth-last-child(2),.card-content:last-child{padding-bottom:16px}[hidden]{display:none!important}main{margin-left:1rem;margin-right:1rem}.page,.page:target~#home{display:none}.page>h1:first-child{letter-spacing:.0074em;color:#fff;z-index:5;margin-top:0;margin-bottom:2rem;padding-bottom:1rem;font-size:2.125rem;font-weight:400;line-height:2.5rem;position:sticky;top:64px}.page>h1:first-child:after{content:"";width:calc(100% + 2rem);height:calc(100% + 1rem);z-index:-1;background:url(hero-background.de33fa3e.svg) 50%/100% 100% no-repeat;position:absolute;top:-1rem;left:-1rem}#home,.page:target{display:var(--page-display,block)}body>footer{height:43px;margin-top:1rem;font-size:smaller;margin-bottom:0!important}.fw-bold{font-weight:700!important}.supporting-text{opacity:.6;font-size:.875rem;font-weight:400;line-height:1.25rem}.fab-theme-container{width:-moz-fit-content;width:-moz-fit-content;width:fit-content;z-index:21;position:fixed;bottom:10px;right:10px}@media (max-width:1023px){.fab-theme-container>button.is-floating,.fab-theme-container.show div button.is-floating{width:45px;height:45px;border-radius:50px}.fab-theme-container>button.is-floating i,.fab-theme-container.show div button.is-floating i{font-size:1.2rem!important}}.fab-theme-container>button span{transition:transform .3s linear}.fab-theme-container>div{margin-bottom:10px;position:absolute;bottom:100%}.fab-theme-container>div button{display:none;transform:scale(0)}.fab-theme-container.show>div{flex-direction:column-reverse;display:flex}.fab-theme-container.show>div button{transform-origin:bottom;animation-name:enter;animation-duration:.1s;animation-fill-mode:forwards;display:block}.fab-theme-container.show>div button:nth-of-type(1){animation-delay:.1s}.fab-theme-container.show>div button:nth-of-type(2){animation-delay:.2s}.fab-theme-container.show>div button:nth-of-type(3){animation-delay:.3s}.fab-theme-container.show>div button:nth-of-type(4){animation-delay:.4s}.fab-theme-container.show>button span{transform:rotate(180deg)}@keyframes enter{0%{transform:scale(0)}to{transform:scale(.8)}}:is(#flashcards,#learn,#test,#match)>h1>span,.field-user-name,.field-collection-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - var(--studymode-header-width));vertical-align:bottom;display:inline-block;overflow:hidden}.fit{overflow-wrap:break-word;max-width:100%;line-height:normal;display:inline-block;white-space:pre-line!important}.ignore-user-hue{filter:hue-rotate(calc(var(--hue-rotated,0)*-1deg))!important}.page-loader{background-color:var(--body-background-color);width:100%;height:calc(100% - 80px);z-index:2;position:absolute;top:80px}.page-loader .loader-container{position:fixed;top:50vh;left:50vw;transform:translate(-50%)translateY(-50%)}@media screen and (display-mode:standalone){@supports (-webkit-touch-callout: none){body>footer.footer{padding-bottom:4px}}}#home{width:100%;height:calc(100% - 52px);z-index:2;background:url(hero-background.de33fa3e.svg) 50%/100% 100% no-repeat;position:absolute;left:0}#home .list-item{border:0!important}#home ul{list-style-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 -5 24 24' width='20' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'/%3E%3C/svg%3E")}#home>div{color:#fff;width:100%;height:100%;scroll-snap-type:y mandatory;position:relative;overflow-y:scroll}#home>div>div{scroll-snap-align:start;scroll-snap-stop:always;height:100%;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;display:flex}#home>div>div>div{margin-left:auto;margin-right:auto}#home>div>div:first-child>div{background-color:#ffffff1c;border-radius:20px;padding:2rem 2rem 1rem}#home>div>div:first-child>div>p{text-align:center}#home>div>div:first-child>div>div{flex-direction:row;justify-content:center;display:flex}#home>div>div:first-child>div>div h2{font-weight:700}#home>div>div:first-child>div>div ul{padding:revert;float:right;min-width:25%;font-size:1.25rem}@media (max-height:430px){#home>div>div:first-child>div{transform:scale(.8)}}#home>div>div:last-child{background:url(features-background.3087770a.svg) 50% no-repeat}#home>div>div:last-child h2{text-align:center;margin:0}#home>div>div:last-child>div{max-width:100%}@media (max-height:500px){#home>div>div:last-child>div{transform:scale(.8)}}@media (max-height:400px){#home>div>div:last-child>div{transform:scale(.6)}}#account{text-align:center}#account div{margin:auto}#search details{cursor:pointer}#search details:not([open])>summary>h2:after{content:" (Click to Expand)"}@media (min-width:900px){#search details .set-container{flex-wrap:nowrap}}#search .set-container .card-content:nth-last-child(2){margin-top:4px}@media (min-width:769px){#search .set-container .card{max-width:50%}}@media (max-width:380px){#search .field-search-container .buttons span:not(.icon){display:none}#search .field-search-container .buttons span.icon{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}}@supports selector(:has(.page:not(#home))){main:not(:has(.page:not(#home):target))~footer{z-index:20;opacity:0}main:not(:has(.page:not(#home):target))~footer:has(>:hover){opacity:1;background-color:#0000}main:not(:has(.page:not(#home):target))~footer:has(>:hover):after{display:none}}#credits ul>li{margin-bottom:1rem}#login{background-color:var(--primary)}#login:after{content:"";width:100vw;height:100vh;background:url(login-background.ce68cfe7.svg) 50%/100% 100% no-repeat;display:inline-block;position:absolute;top:0;left:0}#login .column.is-8:first-child{background-color:var(--scheme-main-bis);border-radius:10px}@media (max-width:768px){#login .column.is-8:last-child .level-left,#login .column.is-8:last-child .level-right,#login .column.is-8:last-child .level-item{display:inline}}#login .container{z-index:2;position:relative;top:40%;transform:translateY(-50%)}@media (max-height:800px) or (max-width:500px){#login .container{top:50%}}#login>img{z-index:2;height:8rem;width:8rem;position:absolute;bottom:calc(43px + 2rem);left:1rem}#login[data-mode=sign-up] .btn-switch-mode:after{content:"Log In"}#login[data-mode=sign-up] :is(form button[type=submit],.form-title):after{content:"Sign Up"}#login[data-mode=sign-up] .prompt-switch-mode span:last-child{display:none}#login[data-mode=forgot-password] .btn-switch-mode:after{content:"Log In"}#login[data-mode=forgot-password] .btn-switch-mode+a,#login[data-mode=forgot-password] .btn-switch-mode span{display:none}#login[data-mode=forgot-password] :is(form button[type=submit],.form-title):after{content:"Reset Password"}#login[data-mode=forgot-password] .btn-continue-google,#login[data-mode=forgot-password] #login-display-name,#login[data-mode=forgot-password] #login-password,#login[data-mode=forgot-password] #login-confirm-password,#login[data-mode=forgot-password] #login-accept-tos,#login[data-mode=forgot-password] #login-accept-tos+label,#login[data-mode=forgot-password] .prompt-switch-mode span:first-child{display:none}#login:not([data-mode=sign-up],[data-mode=forgot-password]) .btn-switch-mode:after{content:"Sign Up"}#login:not([data-mode=sign-up],[data-mode=forgot-password]) :is(form button[type=submit],.form-title):after{content:"Log In"}#login:not([data-mode=sign-up],[data-mode=forgot-password]) #login-display-name,#login:not([data-mode=sign-up],[data-mode=forgot-password]) #login-confirm-password,#login:not([data-mode=sign-up],[data-mode=forgot-password]) .prompt-switch-mode span:first-child,#login:not([data-mode=sign-up],[data-mode=forgot-password]) #login-accept-tos,#login:not([data-mode=sign-up],[data-mode=forgot-password]) #login-accept-tos+label{display:none}@media (min-width:769px){#login .btn-continue-google .icon{margin-right:.75rem}}@media (max-width:768px){#login .btn-continue-google .icon{margin:0}}.change-hue-container{color:#fff;opacity:0;z-index:3;transition:opacity .5s;position:absolute;top:60px;right:0}.change-hue-container:hover{opacity:1}body>.announcements-container{z-index:4;max-width:300px;width:300px;position:fixed;bottom:1rem;left:1rem}.btn-create.button.is-ghost:hover{text-decoration:none}.btn-create.button.is-ghost:hover>span:nth-child(2){text-decoration:underline}