:root{--fs-sm: clamp(.8rem, 2vw, .9rem);--fs-base: clamp(.9rem, 2.5vw, 1rem);--fs-md: clamp(1.25rem, 3vw, 1.5rem);--fs-lg: clamp(1.5rem, 3.5vw, 1.75rem);--fs-xl: clamp(1.75rem, 4vw, 2rem);--fs-xxl: clamp(2rem, 4.5vw, 2.25rem);--fs-xxxl: clamp(2.25rem, 5vw, 2.5rem);--ac-primary-light: #983ede;--ac-primary-light-hover: #b165ec;--ac-secondary-light: #18af6c;--ac-secondary-light-hover: #52c391;--ac-primary-dark: #aa5ef7;--ac-primary-dark-hover: #b677f5;--ac-secondary-dark: #25b072;--ac-secondary-dark-hover: #56bc8e;--fc-primary-light: #1b1a1f;--fc-secondary-light: #4c4b50;--fc-tertiary-light: #746f7c;--fc-primary-dark: #f3f0fa;--fc-secondary-dark: #bebcc4;--fc-tertiary-dark: #97939c;--bg-light-0: #fffeff;--bg-light-1: #f5f2fa;--bg-light-2: #e6e2eb;--bg-dark-0: #2d2c33;--bg-dark-1: #1a1a1f;--bg-dark-2: #141418;--bd-light-0: #cccfd3;--bd-light-1: #8a8d91;--bd-dark-0: #41484e;--bd-dark-1: #565f66;--tr-fast: all .25s;--tr-md: all .5s;--tr-slow: all 1s;--red-light-0: #fccfd6;--red-light-1: #f99eaa;--red-light-2: #fa535b;--red-light-3: #600511;--red-dark-0: #2e171b;--red-dark-1: #8a414b;--red-dark-2: #f04f57;--red-dark-3: #e98596;--blue-light-0: #cfe8fc;--blue-light-1: #9ebef9;--blue-light-2: #509ff8;--blue-light-3: #052f60;--blue-dark-0: #18202c;--blue-dark-1: #41528a;--blue-dark-2: #52a6f5;--blue-dark-3: #85a8e9;--green-light-0: #b9f5d2;--green-light-1: #85d6ae;--green-light-2: #3cbb6d;--green-light-3: #056028;--green-dark-0: #16271e;--green-dark-1: #418a53;--green-dark-2: #43a062;--green-dark-3: #85e9b2;--yellow-light-0: #fffebe;--yellow-light-1: #d7df71;--yellow-light-2: #e4c516;--yellow-light-3: #605e05;--yellow-dark-0: #292916;--yellow-dark-1: #8a8941;--yellow-dark-2: #dac23b;--yellow-dark-3: #e2e985;--orange-light-0: #ffd7bc;--orange-light-1: #ecae5d;--orange-light-2: #f59337;--orange-light-3: #603105;--orange-dark-0: #2c2318;--orange-dark-1: #8a6441;--orange-dark-2: #df7132;--orange-dark-3: #e9be85;--purple-light-0: #e2cffc;--purple-light-1: #cd9ef9;--purple-light-2: #9b43be;--purple-light-3: #60055b;--purple-dark-0: #291a2c;--purple-dark-1: #75418a;--purple-dark-2: #a742c0;--purple-dark-3: #d585e9;--gray-light-0: #e6e6e6;--gray-light-1: #cccccc;--gray-light-2: #808080;--gray-light-3: #333333;--gray-dark-0: #1f1d1f;--gray-dark-1: #615e61;--gray-dark-2: #857f83;--gray-dark-3: #b6aeb5}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{width:100dvw;height:100dvh;overflow:hidden}#root{width:100dvw;height:100dvh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;background-color:var(--bg-light-1)}.full-width{width:100%}.half-width{width:50%}.full-height{height:100%}.half-height{height:50%}.margin-left-025{margin-left:.25rem}.margin-left-05{margin-left:.5rem}.margin-left-1{margin-left:1rem}.margin-left-2{margin-left:2rem}.margin-left-4{margin-left:4rem}.margin-right-025{margin-right:.25rem}.margin-right-05{margin-right:.5rem}.margin-right-1{margin-right:1rem}.margin-right-2{margin-right:2rem}.margin-right-4{margin-right:4rem}.margin-top-025{margin-top:.25rem}.margin-top-05{margin-top:.5rem}.margin-top-1{margin-top:1rem}.margin-top-2{margin-top:2rem}.margin-top-4{margin-top:4rem}.margin-bottom-025{margin-bottom:.25rem}.margin-bottom-05{margin-bottom:.5rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-2{margin-bottom:2rem}.margin-bottom-4{margin-bottom:4rem}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-space-around{justify-content:space-around}.justify-space-between{justify-content:space-between}.justify-space-evenly{justify-content:space-evenly}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-4{gap:4rem}.gap-8{gap:8rem}h1{font-size:var(--fs-xxxl);font-weight:600}h2{font-size:var(--fs-xxl);font-weight:600}h3{font-size:var(--fs-xl);font-weight:600}h4{font-size:var(--fs-lg);font-weight:600}h5{font-size:var(--fs-md);font-weight:600}h6{font-size:var(--fs-base);font-weight:600}p,span{font-size:1rem}.text-primary{color:var(--fc-primary-light)}.text-secondary{color:var(--fc-secondary-light)}.text-tertiary{color:var(--fc-tertiary-light)}.background-0{background-color:var(--bg-light-0)}.background-1{background-color:var(--bg-light-1)}.background-2{background-color:var(--bg-light-2)}.modal-container{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:10000;background-color:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container .modal{width:85dvw;max-width:32rem;height:fit-content;max-height:85dvh;padding:2rem;background-color:var(--bg-light-0)}.modal-container .modal.border-left{max-width:36rem;border-left:.5rem solid transparent;border-color:var(--ac-primary-light)}.modal-container .modal.primary{border-color:var(--ac-primary-light)}.modal-container .modal.secondary{border-color:var(--ac-secondary-light)}.info-box{width:100%;padding:1rem;border-left:5px solid var(--gray-light-1);color:var(--gray-light-3);background-color:var(--gray-light-0)}.info-box:not(.full-width){max-width:64rem}.info-box.red{border-color:var(--red-light-1);color:var(--red-light-3);background-color:var(--red-light-0)}.info-box.blue{border-color:var(--blue-light-1);color:var(--blue-light-3);background-color:var(--blue-light-0)}.info-box.green{border-color:var(--green-light-1);color:var(--green-light-3);background-color:var(--green-light-0)}.info-box.yellow{border-color:var(--yellow-light-1);color:var(--yellow-light-3);background-color:var(--yellow-light-0)}.info-box.orange{border-color:var(--orange-light-1);color:var(--orange-light-3);background-color:var(--orange-light-0)}.info-box.purple{border-color:var(--purple-light-1);color:var(--purple-light-3);background-color:var(--purple-light-0)}.info-box.gray{border-color:var(--gray-light-1);color:var(--gray-light-3);background-color:var(--gray-light-0)}.primary-button{width:fit-content;height:fit-content;padding:.5rem 1rem;border:2px solid var(--ac-primary-light);border-radius:.25rem;outline:none;font-size:.85rem;font-weight:500;color:#fff;background-color:var(--ac-primary-light);cursor:pointer;transition:var(--tr-fast)}.primary-button:hover,.primary-button:focus{border-color:var(--ac-primary-light-hover);color:var(--ac-primary-light-hover);background-color:transparent}.primary-button.full-width{width:100%}.primary-button.small{padding:.5rem 1rem;font-size:.85rem}.primary-button.medium{padding:.75rem 1.5rem;font-size:1rem}.primary-button.large{padding:1rem 2.5rem;font-size:1.15rem}.primary-button.primary{border-color:var(--ac-primary-light);color:#fff;background-color:var(--ac-primary-light)}.primary-button.primary:hover,.primary-button.primary:focus{border-color:var(--ac-primary-light-hover);color:var(--ac-primary-light-hover);background-color:transparent}.primary-button.secondary{border-color:var(--ac-secondary-light);color:#fff;background-color:var(--ac-secondary-light)}.primary-button.secondary:hover,.primary-button.secondary:focus{border-color:var(--ac-secondary-light-hover);color:var(--ac-secondary-light-hover);background-color:transparent}.secondary-button{width:fit-content;height:fit-content;padding:.5rem 1rem;border:2px solid var(--ac-primary-light);border-radius:.25rem;outline:none;font-size:.85rem;font-weight:500;color:var(--ac-primary-light);background-color:transparent;cursor:pointer;transition:var(--tr-fast)}.secondary-button:hover,.secondary-button:focus{border-color:var(--ac-primary-light-hover);color:#fff;background-color:var(--ac-primary-light-hover)}.secondary-button.full-width{width:100%}.secondary-button.small{padding:.5rem 1rem;font-size:.85rem}.secondary-button.medium{padding:.75rem 1.5rem;font-size:1rem}.secondary-button.large{padding:1rem 2.5rem;font-size:1.15rem}.secondary-button.primary{border-color:var(--ac-primary-light);color:var(--ac-primary-light);background-color:transparent}.secondary-button.primary:hover,.secondary-button.primary:focus{border-color:var(--ac-primary-light-hover);color:#fff;background-color:var(--ac-primary-light-hover)}.secondary-button.secondary{border-color:var(--ac-secondary-light);color:var(--ac-secondary-light);background-color:transparent}.secondary-button.secondary:hover,.secondary-button.secondary:focus{border-color:var(--ac-secondary-light-hover);color:#fff;background-color:var(--ac-secondary-light-hover)}.navigation-bar{width:100dvw;height:4rem;padding:0 16dvw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;z-index:1000;background-color:var(--bg-light-0);box-shadow:0 0 1rem #00000040}.navigation-bar .menu-toggle-button,.navigation-bar #menu-toggle{display:none}.navigation-bar .menu{width:32dvw;min-width:36rem;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.navigation-bar .menu .menu-close-button{display:none;font-size:2rem;color:var(--fc-primary-dark);cursor:pointer}.navigation-bar .logo a{padding:.5rem;font-size:var(--fs-md);font-weight:600;text-decoration:none;color:var(--fc-primary-light)}.navigation-bar .logo a span{margin-left:.25rem;padding:.25rem .25rem .15rem;border-radius:.5rem;font-size:inherit;font-weight:700;color:#fff;background-color:var(--ac-primary-light)}.navigation-bar .links{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-top:4px solid transparent;list-style:none}.navigation-bar .links .link{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:4px solid transparent}.navigation-bar .links .link>a{padding:.25rem 1rem;font-size:1rem;text-decoration:none;color:var(--fc-primary-light);transition:var(--tr-fast)}.navigation-bar .links .link.active>a,.navigation-bar .links .link.active>label{font-weight:600;color:var(--ac-primary-light)}.navigation-bar .links .link.active{border-color:var(--ac-primary-light)}.navigation-bar .links .link:not(.active)>a:active,.navigation-bar .links .link:not(.active)>a:focus,.navigation-bar .links .link:not(.active)>a:hover{color:var(--ac-primary-light-hover)}.navigation-bar .link.expandable{position:relative}.navigation-bar .link.expandable label{padding:.25rem .5rem .25rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;font-size:1rem;text-decoration:none;color:var(--fc-primary-light);cursor:pointer;transition:var(--tr-fast)}.navigation-bar .links .link:not(.active) label:active,.navigation-bar .links .link:not(.active) label:focus,.navigation-bar .links .link:not(.active) label:hover{color:var(--ac-primary-light-hover)}.navigation-bar .link.expandable label>svg{font-size:.75rem;position:relative;bottom:-.1rem;transition:var(--tr-fast)}.navigation-bar .link.expandable input{display:none}.navigation-bar .link.expandable input:checked~label>svg{transform:rotate(180deg)}.navigation-bar .link.expandable .dropdown{width:80dvw;height:fit-content;max-height:0px;padding:0rem 4rem;overflow:hidden;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap;position:fixed;top:4rem;left:50%;transform:translate(-50%);border-top:1px solid var(--bd-light-0);background-color:var(--bg-light-0);transition:var(--tr-fast)}.navigation-bar .link.expandable input:checked~.dropdown{max-height:calc(100dvh - 4rem);padding:2rem 4rem 2.5rem;box-shadow:0 .5rem .5rem #00000040}.navigation-bar .link.expandable .dropdown .category{width:100%;min-width:16rem;max-width:24rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;list-style:none}.navigation-bar .link.expandable .dropdown .category .title{font-size:1.1rem;font-weight:600}.navigation-bar .link.expandable .dropdown .category .item{padding:1rem .5rem 1rem 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem;text-decoration:none}.navigation-bar .link.expandable .dropdown .category .item:not(:last-child){border-bottom:1px solid var(--bd-light-0)}.navigation-bar .link.expandable .dropdown .category .item .icon{width:2rem;min-width:2rem;height:2rem;min-height:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%;color:var(--ac-primary-light);background-color:var(--bg-light-1);transition:var(--tr-fast)}.navigation-bar .link.expandable .dropdown .category .item-title{font-weight:600;color:var(--fc-primary-light);transition:var(--tr-fast)}.navigation-bar .link.expandable .dropdown .category .item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;text-overflow:ellipsis;color:var(--fc-tertiary-light)}.navigation-bar .link.expandable .dropdown .category .item:hover .icon,.navigation-bar .link.expandable .dropdown .category .item:hover .item-title{color:var(--ac-primary-light-hover)}.navigation-bar .buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}@media all and (max-width: 1280px){.navigation-bar{padding:0 8dvw}.navigation-bar .link.expandable .dropdown{width:100dvw;flex-direction:column;align-items:center;justify-content:flex-start}}@media all and (max-width: 960px){.navigation-bar{padding:0 16dvw;justify-content:space-between}.navigation-bar .menu-toggle-button{padding:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.75rem;color:var(--fc-secondary-light);cursor:pointer;transition:var(--tr-fast)}.navigation-bar #menu-toggle:not(:checked)~.menu-toggle-button{transform:rotate(0)}.navigation-bar #menu-toggle:checked~.menu-toggle-button{transform:rotate(-180deg)}.navigation-bar #menu-toggle:checked~.menu-toggle-button .icon.open,.navigation-bar #menu-toggle:not(:checked)~.menu-toggle-button .icon.close{display:none}.navigation-bar .menu{width:85dvw;min-width:0;max-width:24rem;height:100dvh;padding:1.5rem .5rem 3rem 2rem;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2.5rem;position:fixed;top:0;right:-100%;background-color:var(--bg-dark-0);transition:var(--tr-fast)}.navigation-bar #menu-toggle:checked~.menu{overflow-x:visible;right:0}.navigation-bar #menu-toggle:checked~.menu .menu-close-button{display:flex}.navigation-bar #menu-toggle:checked~.menu .links{width:100%;height:80dvh;max-height:80dvh;padding-right:1rem;overflow-y:auto;scrollbar-width:thin;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;border:none}.navigation-bar #menu-toggle:checked~.menu .links .link{width:100%;height:fit-content;padding:1rem 0rem;border:none}.navigation-bar #menu-toggle:checked~.menu .links .link:not(:last-child){border-bottom:1px solid var(--bd-dark-0)}.navigation-bar .links .link a,.navigation-bar .links .link.expandable>label{width:100%;font-size:1.2rem;color:var(--fc-primary-dark)}.navigation-bar .links .link.active a{color:var(--ac-primary-dark)}.navigation-bar .links .link:not(.active) a:active,.navigation-bar .links .link:not(.active) a:focus,.navigation-bar .links .link:not(.active) a:hover{color:var(--ac-primary-dark-hover)}.navigation-bar .links .link.expandable{display:flex;flex-direction:column}.navigation-bar .links .link.expandable>label{justify-content:space-between}.navigation-bar .links .link.expandable.active>label{color:var(--ac-primary-dark)}.navigation-bar .links .link.expandable .dropdown{position:static}.navigation-bar .links .link.expandable input:checked~.dropdown{width:100%;max-height:none;margin-top:.5rem;padding:1rem;flex-direction:column;position:static;transform:translate(0);border:none;background-color:var(--bg-dark-1);box-shadow:none}.navigation-bar .link.expandable .dropdown{border:none;background-color:var(--bg-dark-1)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .title{font-size:1rem;color:var(--fc-primary-dark)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .item:not(:last-child){border-bottom:1px solid var(--bd-dark-0)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .icon{margin-top:.5rem;color:var(--ac-primary-dark);background-color:var(--bg-dark-0)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .item-title{font-size:.9rem;color:var(--fc-primary-dark)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .item-description{color:var(--fc-tertiary-dark)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .item:hover .icon,.navigation-bar .links .link.expandable input:checked~.dropdown .category .item:hover .item-title{color:var(--ac-primary-dark-hover)}.navigation-bar .links .link.expandable input:checked~.dropdown .category .info-box.green{border-color:var(--green-dark-1);background-color:var(--green-dark-0)}.navigation-bar .links .link.expandable input:checked~.dropdown .category h6{color:var(--fc-primary-dark)}.navigation-bar .links .link.expandable input:checked~.dropdown .category p{color:var(--fc-secondary-dark)}.navigation-bar .link.expandable .dropdown .category .item-title{display:flex;line-height:var(--fs-md)}.navigation-bar .link.expandable .dropdown .category .item-description{-webkit-line-clamp:3;line-clamp:3}.navigation-bar #menu-toggle:checked~.menu .buttons{width:100%;padding-right:1.5rem;flex-direction:column;align-items:center;justify-content:center}.navigation-bar #menu-toggle:checked~.menu .buttons>*{width:100%}}@media all and (max-width: 770px){.navigation-bar{padding:0 12dvw}}@media all and (max-width: 600px){.navigation-bar{padding:0 8dvw}}.searchbar{width:100%;max-width:46rem;height:3rem;display:flex;align-items:center;gap:.5rem}.searchbar .input-container{width:calc(100% - 3.5rem);height:100%;position:relative;display:flex;align-items:center}.searchbar .input-container input{width:calc(100% - 4rem);height:100%;padding:0 1rem;border:1px solid var(--bd-light-0);border-radius:.5rem 0 0 .5rem;border-right:none;outline:none;color:var(--fc-primary-light);background-color:#ffffffa3;transition:var(--tr-fast)}.searchbar .input-container input:focus,.searchbar .input-container input:hover{border-color:var(--ac-primary-light-hover);background-color:var(--bg-light-0)}.searchbar .input-container .search-button{width:4rem;height:100%;display:flex;align-items:center;justify-content:center;border:none;border-radius:0 .5rem .5rem 0;outline:none;font-size:1.2rem;color:#fff;background-color:var(--ac-primary-light);cursor:pointer;transition:var(--tr-fast)}.searchbar .input-container .search-button:not(:disabled):active,.searchbar .input-container .search-button:not(:disabled):focus,.searchbar .input-container .search-button:not(:disabled):hover{background-color:var(--ac-primary-light-hover)}.searchbar .input-container .search-button:disabled{color:#ffffffa3;background-color:var(--ac-primary-light-hover);cursor:not-allowed}.searchbar .input-container .suggestions{width:100%;padding:.5rem;display:flex;flex-direction:column;position:absolute;top:calc(100% + .25rem);left:0;z-index:1000;border:1px solid var(--bd-light-0);border-radius:.5rem;background-color:var(--bg-light-0);list-style:none}.searchbar .input-container .suggestions .suggestion{width:100%}.searchbar .input-container .suggestions .suggestion button{width:100%;display:flex;align-items:center;padding:.5rem;overflow:hidden;border:none;outline:none;text-overflow:ellipsis;white-space:nowrap;color:var(--fc-secondary-light);background:transparent;cursor:pointer;transition:var(--tr-fast)}.searchbar .input-container .suggestions .suggestion button:hover{color:var(--ac-primary-light-hover)}.searchbar .input-container .suggestions .suggestion:not(:last-child){border-bottom:1px solid var(--bd-light-0)}.searchbar .input-container .suggestions .suggestion button>svg{width:1rem;height:100%;margin-right:.75rem;transform:translateY(.1rem)}.searchbar .input-container .suggestions .suggestion button span{width:100%;overflow-x:hidden;font-size:.85rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.searchbar .filter-button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fc-primary-light);background-color:transparent;border:none;cursor:pointer;transition:var(--tr-fast)}.searchbar .filter-button:hover{color:var(--ac-primary-light-hover)}.section{width:100dvw;height:fit-content}.section.padding{padding:2.5rem 10% 4.5rem}.section.dark{background-color:var(--bg-light-2)}.browse-page{margin-top:4rem}.tags-container{max-height:16rem;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:row;gap:.5rem 0;flex-wrap:wrap;list-style:none}.tags-container .tag{margin-right:.75rem}.tags-container .tag button{padding:.32rem .64rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;border:1px solid var(--bd-light-0);border-radius:.5rem;outline:none;font-size:.8rem;background-color:var(--bg-light-1);cursor:pointer;transition:var(--tr-fast)}.tags-container .tag button:not(.selected):active,.tags-container .tag button:not(.selected):focus,.tags-container .tag button:not(.selected):hover,.tags-container .tag button.selected{color:#fff;background-color:var(--ac-primary-light-hover);border-color:var(--ac-primary-light)}.tags-container .tag button svg{transform:translateY(.05rem)}.browse-page h4{margin-bottom:1rem}.browse-page .results-container{width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;list-style:none}.browse-page .results-container li:not(:last-child){width:100%;border-bottom:1px solid var(--bd-light-0)}.search-result{width:100%;height:fit-content;padding:1rem 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem;text-decoration:none}.search-result .thumbnail{width:16rem;min-width:16rem;height:9rem;overflow:hidden;position:relative;background-color:#00000040}.search-result .thumbnail img{width:100%;height:100%;object-fit:cover;border:1px solid #e6e6e6}.search-result .info{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.search-result .info .title{min-height:1.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:1.2rem;font-weight:600;line-height:1.25rem;text-decoration:none;color:var(--fc-primary-light);transition:var(--tr-fast)}.search-result:hover .info .title{color:var(--ac-primary-light)}.search-result .info .title-placeholder{width:100%;height:2rem;display:flex;background-color:#0006}.search-result .info .creator{margin-top:.25rem;font-size:.85rem;color:var(--fc-primary-light)}.search-result .info .creator-placeholder{width:20%;height:1rem;margin-top:.25rem;display:flex;background-color:#00000052}.search-result .info .description{margin-top:.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;text-overflow:ellipsis;color:var(--fc-tertiary-light)}.search-result .info .description-placeholder{width:100%;height:3rem;margin-top:.5rem;display:flex;background-color:#00000040}.search-result .info .rating{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem;position:relative}.search-result .info .rating .rating-average{font-weight:600;color:var(--red-light-3)}.search-result .info .rating .stars{position:relative;bottom:-2.5px;color:var(--orange-light-2)}.search-result .info .rating .rating-count{color:var(--fc-secondary-light)}.search-result .info .rating-placeholder{width:60%;height:1.25rem;background-color:#0006}.search-result .info .rating-placeholder{width:30%;height:1.25rem;margin-top:.5rem;display:flex;background-color:#00000052}@media all and (max-width: 780px){.search-result{gap:1rem}}@media all and (max-width: 700px){.search-result{padding:1.5rem 0;flex-direction:column}.search-result .thumbnail{width:100%;min-width:none;height:auto;max-height:none;min-height:none}.search-result .thumbnail:not(:has(img)){min-height:20rem}.search-result .info .title{overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;text-overflow:unset}}.contact-page,.help-page{margin-top:4rem}.alert{width:100%;padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:2px solid var(--blue-light-1);border-radius:.5rem;color:var(--blue-light-3);background-color:var(--blue-light-0)}.alert:not(.full-width){max-width:64rem}.alert .close-button{width:1.25rem;height:1.25rem;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;outline:none;font-size:1.5rem;color:inherit;background-color:transparent;opacity:.5;cursor:pointer;transition:var(--tr-fast)}.alert .close-button:hover,.alert .close-button:focus{opacity:1}.alert.red{border-color:var(--red-light-1);color:var(--red-light-3);background-color:var(--red-light-0)}.alert.blue{border-color:var(--blue-light-1);color:var(--blue-light-3);background-color:var(--blue-light-0)}.alert.green{border-color:var(--green-light-1);color:var(--green-light-3);background-color:var(--green-light-0)}.alert.yellow{border-color:var(--yellow-light-1);color:var(--yellow-light-3);background-color:var(--yellow-light-0)}.alert.orange{border-color:var(--orange-light-1);color:var(--orange-light-3);background-color:var(--orange-light-0)}.alert.purple{border-color:var(--purple-light-1);color:var(--purple-light-3);background-color:var(--purple-light-0)}.alert.gray{border-color:var(--gray-light-1);color:var(--gray-light-3);background-color:var(--gray-light-0)}.badge{width:fit-content;padding:.24em .64em;position:relative;bottom:.2em;border-radius:.5rem;font-size:.64em;font-weight:700;color:#fff;background-color:var(--gray-light-2)}.badge.red{background-color:var(--red-light-2)}.badge.blue{background-color:var(--blue-light-2)}.badge.green{background-color:var(--green-light-2)}.badge.yellow{background-color:var(--yellow-light-2)}.badge.orange{background-color:var(--orange-light-2)}.badge.purple{background-color:var(--purple-light-2)}.badge.gray{background-color:var(--gray-light-2)}.info-card{width:100%;max-width:20rem;padding:2rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;text-align:center;color:var(--red-light-3);background-color:#ffffff52;box-shadow:.25rem .25rem .5rem #00000040;cursor:pointer}.info-card .icon{width:6.5rem;height:6.5rem;display:flex;align-items:center;justify-content:center;border-radius:100%;color:var(--red-light-2);background-color:var(--bg-light-2);box-shadow:.15rem .15rem .5rem #00000040}.info-card .icon svg{width:4rem;height:4rem}.info-card .description{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;bottom:calc(-100% + 4px);color:#fff;background-color:var(--red-light-2);transition:var(--tr-fast)}.info-card:hover .description{bottom:0}.info-card.red{color:var(--red-light-3)}.info-card.red .icon{color:var(--red-light-2)}.info-card.red .description{background-color:var(--red-light-2)}.info-card.blue{color:var(--blue-light-3)}.info-card.blue .icon{color:var(--blue-light-2)}.info-card.blue .description{background-color:var(--blue-light-2)}.info-card.green{color:var(--green-light-3)}.info-card.green .icon{color:var(--green-light-2)}.info-card.green .description{background-color:var(--green-light-2)}.info-card.yellow{color:var(--yellow-light-3)}.info-card.yellow .icon{color:var(--yellow-light-2)}.info-card.yellow .description{background-color:var(--yellow-light-2)}.info-card.orange{color:var(--orange-light-3)}.info-card.orange .icon{color:var(--orange-light-2)}.info-card.orange .description{background-color:var(--orange-light-2)}.info-card.purple{color:var(--purple-light-3)}.info-card.purple .icon{color:var(--purple-light-2)}.info-card.purple .description{background-color:var(--purple-light-2)}.info-card.gray{color:var(--gray-light-3)}.info-card.gray .icon{color:var(--gray-light-2)}.info-card.gray .description{background-color:var(--gray-light-2)}.quiz-item{width:16rem;min-width:16rem;position:relative;color:var(--fc-primary-light)}.quiz-item .thumbnail{width:16rem;min-width:16rem;height:9rem;overflow:hidden;position:relative;background-color:#00000040}.quiz-item .thumbnail img{width:100%;height:100%;object-fit:cover;border:1px solid #e6e6e6}.quiz-item .info{width:100%;height:fit-content;padding:.5rem 0rem}.quiz-item .title{height:2.5rem;display:flex;align-items:center;font-weight:600;line-height:1.175rem;white-space:nowrap;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.quiz-item .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.quiz-item .title-placeholder.span-1{width:90%;height:1.1rem;margin-bottom:.25rem;display:flex;background-color:#0006}.quiz-item .title-placeholder.span-2{width:50%;height:1.1rem;margin-bottom:.25rem;display:flex;background-color:#0006}.quiz-item .creator{height:1.25rem;display:flex;align-items:flex-start;font-size:.85rem}.quiz-item .creator-placeholder{width:30%;margin-bottom:.25rem;height:1rem;background-color:#0006}.quiz-item .rating{height:1.25rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem;position:relative}.quiz-item .rating .rating-average{font-weight:600;color:var(--red-light-3)}.quiz-item .rating .stars{position:relative;bottom:-2.5px;color:var(--orange-light-2)}.quiz-item .rating .rating-count{color:var(--fc-secondary-light)}.quiz-item .rating-placeholder{width:60%;height:1.25rem;background-color:#0006}.quiz-item .button-container{width:64%}.quiz-item .button-placeholder{width:100%;height:2.375rem;display:flex;border-radius:.25rem;background-color:#00000080}.quiz-item .times-played{display:flex;flex-direction:row;align-items:center;gap:.25rem;font-size:.8rem;color:var(--fc-secondary-light)}.quiz-item .times-played svg{width:.5rem;position:relative;bottom:-1.5px}.quiz-item .times-played-placeholder{width:1.75rem;height:1rem;display:flex;background-color:#00000040}.quiz-item .settings{position:absolute;top:.75rem;right:.25rem;z-index:2}.quiz-item .settings>.button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;z-index:2;border:none;outline:none;font-size:2.5rem;color:#fff;background-color:transparent;cursor:pointer;opacity:.75;transition:var(--tr-fast)}.quiz-item .settings>.button:active,.quiz-item .settings>.button:hover,.quiz-item .settings>.button:focus{opacity:1}.quiz-item .settings button svg{color:inherit;filter:drop-shadow(0px 0px 1px rgba(0,0,0,1))}.quiz-item .settings .menu{width:10rem;height:fit-content;position:absolute;top:0rem;right:2rem}.quiz-item .settings .menu .option{width:100%;height:fit-content;padding:.4rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:none;outline:none;font-size:.85rem;text-align:left;color:var(--fc-primary-light);background-color:var(--bg-light-0);cursor:pointer;transition:var(--tr-fast)}.quiz-item .settings .menu .option:active,.quiz-item .settings .menu .option:hover,.quiz-item .settings .menu .option:focus{color:var(--ac-primary-light-hover)}.quiz-item .settings .menu .option:not(:last-child){border-bottom:1px solid var(--bd-light-0)}@media all and (max-width: 480px){.quiz-item{width:64dvw;min-width:64dvw}.quiz-item .thumbnail{width:64dvw;min-width:64dvw;height:36dvw;max-height:36dvw}}.quote{width:fit-content;<<<<<<< HEAD min-width: 50dvw;======= >>>>>>> main max-width: 42rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;<<<<<<< HEAD background-color: var(--bg-light-2);=======}.quote.full-width{width:100%;max-width:none;>>>>>>> main}.quote .icon-container{padding:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.quote .icon-container svg{font-size:2rem;color:var(--ac-primary-light-hover);opacity:.5}.quote .content{padding:1.5rem 2rem 1.5rem 0rem;display:flex;flex-direction:column;<<<<<<< HEAD align-items: flex-start;======= align-items: flex-end;>>>>>>> main justify-content: flex-start;gap:1.5rem}<<<<<<< HEAD ======= .quote:not(.full-width) .content{max-width:28rem}>>>>>>> main .quote .content .text{font-size:1.4rem;font-weight:600;font-style:italic;<<<<<<< HEAD ======= text-align: right;>>>>>>> main color: var(--fc-primary-light)}.quote .content .author{font-style:italic;<<<<<<< HEAD ======= text-align: right;>>>>>>> main color: var(--fc-secondary-light)}.home-page{margin-top:4rem}.home-header{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;position:relative}.home-header .background{width:100%;height:100%;position:absolute}.home-header .circle-0{width:10dvw;max-width:4rem;height:10dvw;max-height:4rem;position:absolute;left:50dvw;top:2.5rem;border-radius:100%;background:var(--ac-primary-light);opacity:.25}.home-header .circle-1{width:40dvw;height:40dvw;position:absolute;left:-20dvw;bottom:-25dvw;border-radius:100%;background:linear-gradient(to bottom,var(--ac-primary-light),transparent,transparent);opacity:.1}.home-header .circle-2{width:100dvw;height:100dvw;position:absolute;left:-55dvw;top:-50dvw;border-radius:100%;background-color:var(--ac-primary-light);background:linear-gradient(to bottom,var(--ac-secondary-light),transparent);opacity:.25}.home-header .circle-3{width:100dvw;height:100dvw;position:absolute;right:-40dvw;bottom:-55dvw;border-radius:100%;background-color:var(--ac-secondary-light);opacity:.06}.home-header .info{width:50%;padding:2.5rem 5% 4.5rem 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:1}.home-header .info h1{font-size:clamp(2.44rem,2.38vi + 1.85rem,3.75rem)}.home-header .info h1 span{margin-left:.32rem;padding:0rem .5rem .15rem;border-radius:1rem;font-size:inherit;color:#fff;background-color:var(--ac-primary-light)}.home-header .info h2{margin-top:.5rem;margin-bottom:1.5rem}.home-header .info-box{margin-bottom:2rem}.home-header .illustration{width:50%;padding:2.5rem 10% 4.5rem 5%;display:flex;align-items:center;justify-content:flex-end}.home-header .illustration img{max-height:36rem}.section:has(.home-stats){margin-bottom:2.5rem}.home-stats h3{margin-bottom:2.5rem;text-align:center}.home-stats .info-card-container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-evenly;flex-wrap:wrap;gap:2rem 1rem}.home-page .welcome{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10dvw}.home-page .welcome .welcome-text h2,.home-page .welcome .welcome-text .motivational-message{width:100%;text-align:left}.home-page .welcome .welcome-text{width:100%;display:flex;flex-direction:column;align-items:flex-end}.home-page .welcome .motivational-message{margin-top:.5rem;margin-bottom:2.5rem;color:var(--fc-secondary-light)}.home-page .welcome img{max-width:32rem}.quiz-container{margin-top:2rem;padding-bottom:1.5rem;overflow-x:scroll;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem;-ms-overflow-style:none;scrollbar-width:none}.quiz-container::-webkit-scrollbar{display:none}.section .top-ten>p{margin-bottom:1rem}.section .recommendations>p{margin-bottom:1rem}.section .games-started>p{margin-bottom:1rem}@media all and (max-width: 1500px){.home-page .welcome{gap:4rem}.home-page .welcome img{max-width:24rem}}@media all and (max-width: 1280px){.home-page .welcome{align-items:center}.home-page .welcome img{max-width:20rem}}@media all and (max-width: 1080px){.home-page .welcome>.welcome-text{width:100%;display:flex;flex-direction:column;align-items:center}.home-page .welcome .welcome-text h2,.home-page .welcome .welcome-text .motivational-message{width:100%;text-align:center}.home-page .welcome img{display:none}}@media all and (max-width: 840px){.home-header{flex-direction:column;align-items:flex-start}.home-header .circle-0{top:2.5rem;left:-80dvw}.home-header .info{width:100%;padding:2.5rem 10%}.home-header .illustration{padding:.5rem 10% 2.5rem;display:none}}@media all and (max-width: 480px){.home-header .circle-0{top:4.5rem;left:80dvw;opacity:.15}.home-header .info{align-items:center}.home-header .info h1,.home-header .info h2,.home-header .info p{text-align:center}.home-header .illustration{width:100%;display:flex}}.game-to-continue{width:16rem;min-width:16rem;text-decoration:none;color:var(--fc-primary-light)}.game-to-continue .thumbnail{width:16rem;min-width:16rem;height:9rem;overflow:hidden;position:relative;background-color:#00000040}.game-to-continue .thumbnail img{width:100%;height:100%;object-fit:cover;border:1px solid #e6e6e6}.game-to-continue .thumbnail .play-button-container{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:1;background-color:#00000026;transition:var(--tr-fast)}.game-to-continue .thumbnail .play-button-container:hover{background-color:#00000080}.game-to-continue .thumbnail .play-button-container svg{font-size:4rem;color:#fff}.game-to-continue .info{width:100%;height:fit-content;padding:.5rem 0rem}.game-to-continue .title{height:2.5rem;display:flex;align-items:center;font-weight:600;line-height:1.175rem;white-space:nowrap;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.game-to-continue .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.game-to-continue .title-placeholder.span-1{width:90%;height:1.1rem;margin-bottom:.25rem;display:flex;background-color:#0006}.game-to-continue .title-placeholder.span-2{width:50%;height:1.1rem;margin-bottom:.25rem;display:flex;background-color:#0006}.game-to-continue .creator{height:1.25rem;display:flex;align-items:flex-start;font-size:.85rem}.game-to-continue .creator-placeholder{width:30%;margin-bottom:.25rem;height:1rem;background-color:#0006}.game-to-continue .info .progress-bar{width:100%;height:.5rem;margin-top:1rem;background-color:#00000029;border-radius:.25rem}.game-to-continue .info .progress-bar .progress{height:100%;display:flex;border-radius:.25rem;background-color:var(--ac-primary-light)}.game-to-continue .info .progress-bar-placeholder{width:100%;height:.5rem;margin-top:1rem;display:flex;background-color:#0006;border-radius:.25rem}@media all and (max-width: 480px){.game-to-continue{width:64dvw;min-width:64dvw}.game-to-continue .thumbnail{width:64dvw;min-width:64dvw;height:36dvw;max-height:36dvw}}.input-field-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.input-field-container:not(.full-width){max-width:32rem}.input-field-container label{margin-left:1rem;margin-bottom:.5rem;font-size:1rem;color:var(--fc-primary-light)}.input-field-container input{width:100%;padding:1rem;border:1px solid var(--bd-light-0);border-radius:1rem;outline:none;color:var(--fc-secondary-light);font-size:.85rem;background-color:#ffffff80;transition:var(--tr-fast)}.input-field-container:not(.invalid) input:hover,.input-field-container:not(.invalid) input:focus{border-color:var(--ac-primary-light)}.input-field-container.invalid input{border-color:var(--red-light-2)}.input-field-container .error-text{margin:.5rem 1rem 0rem;font-size:.8rem;color:var(--red-light-2)}.password-input-field-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.password-input-field-container:not(.full-width){max-width:32rem}.password-input-field-container label{margin-left:1rem;margin-bottom:.5rem;font-size:1rem;color:var(--fc-primary-light)}.password-input-field-container .input-wrapper{width:100%;position:relative}.password-input-field-container input{width:100%;padding:1rem;border:1px solid var(--bd-light-0);border-radius:1rem;outline:none;font-size:.85rem;color:var(--fc-secondary-light);background-color:#ffffff80;transition:var(--tr-fast)}.password-input-field-container:not(.invalid) input:hover,.password-input-field-container:not(.invalid) input:focus{border-color:var(--ac-primary-light)}.password-input-field-container.invalid input{border-color:var(--red-light-2)}.password-input-field-container .hide-button{width:1.5rem;height:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;right:.25rem;top:50%;transform:translate(-50%,-50%);border:none;outline:none;font-size:1.25rem;color:var(--fc-primary-light);background-color:transparent;opacity:.5;cursor:pointer;transition:opacity .25s}.password-input-field-container .hide-button.hidden{font-size:1.4rem}.password-input-field-container .hide-button:hover,.password-input-field-container .hide-button:focus{opacity:.75}.password-input-field-container .error-text{margin:.5rem 1rem 0rem;font-size:.8rem;color:var(--red-light-2)}.window{width:100%}.window.small{max-width:52rem;height:32rem;max-height:32rem}.window.medium{max-width:64rem;height:40rem;max-height:40rem}.window.large{max-width:72rem;height:46rem;max-height:46rem}@media all and (max-height: 840px){.window.large{height:85dvh;max-height:85dvh}}@media all and (max-height: 770px){.window.medium{height:85dvh;max-height:85dvh}}@media all and (max-height: 600px){.window.small{height:85dvh;max-height:85dvh}}@media all and (max-height: 480px){.window.window.small,.window.medium,.window.large{height:90dvh;max-height:90dvh}}@media all and (max-width: 1280px){.window.small{max-width:40rem}.window.medium,.window.large{max-width:85dvw}}@media all and (max-width: 770px){.window.small{max-width:80dvw;height:75dvh;max-height:75dvh}.window.medium{max-width:90dvw;height:80dvh;max-height:80dvh}.window.large{max-width:90dvw;height:85dvh;max-height:85dvh}}@media all and (max-width: 480px){.window.small,.window.medium,.window.large{max-width:100dvw;height:100dvh;max-height:100dvh}}.login-page{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center}.login-page .login-form{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;border-radius:1rem;background-color:var(--bg-light-0);box-shadow:0 0 1rem #00000040}.login-page .login-form .banner{width:50%;padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background-color:var(--ac-primary-light)}.login-page .login-form .banner .back-button{padding:0 .5rem;position:absolute;top:1.5rem;left:1.5rem;border:none;outline:none;font-size:2rem;color:#fff;background-color:transparent;cursor:pointer;opacity:.75;transition:var(--tr-fast)}.login-page .login-form .banner .back-button:active,.login-page .login-form .banner .back-button:focus,.login-page .login-form .banner .back-button:hover{opacity:1}.login-page .login-form .form{width:50%;padding:3rem 2rem 3.5rem}.login-page .login-form .form .content{height:100%;padding-right:1rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.login-page .login-form .form .content .header{margin-bottom:1.5rem;padding-left:1rem}.login-page .login-form .form .content .header h5{margin-bottom:.5rem}.login-page .login-form .form .content .header p{color:var(--fc-secondary-light)}.login-page .login-form .form .content .input-fields{margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.login-page .login-form .form .content .or{margin:2rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.login-page .login-form .form .content .or:before,.login-page .login-form .form .content .or:after{content:"";flex:1;border-bottom:1px solid var(--bd-light-0)}.login-page .login-form .form .content .google-login-button{width:100%;padding:.64rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--bd-light-0);border-radius:.25rem;outline:none;color:var(--fc-primary-light);background-color:transparent;cursor:pointer;transition:var(--tr-fast)}.login-page .login-form .form .content .google-login-button:active,.login-page .login-form .form .content .google-login-button:focus,.login-page .login-form .form .content .google-login-button:hover{border-color:var(--gray-light-3);color:#fff;background-color:var(--gray-light-3)}.login-page .login-form .form .content .google-login-button svg{font-size:1.5rem}.login-page .login-form .form .content .register-link{margin-top:2.5rem;text-align:center}@media all and (max-width: 940px){.login-page .login-form{flex-direction:column-reverse;align-items:center}.login-page .login-form .banner{width:100%;height:6rem}.login-page .login-form .banner img{display:none}.login-page .login-form .form{width:100%;max-width:42rem;height:calc(100% - 6rem);padding:3rem 3rem 4rem 4rem}}@media all and (max-width: 640px){.login-page .login-form .form{padding:3rem 2rem 3rem 3rem}}@media all and (max-width: 480px){.login-page .login-form{border-radius:0}.login-page .login-form .banner{height:16dvh;display:flex}.login-page .login-form .form{height:84dvh}}.play-page{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center}.play-page .content{width:100%;height:100%;padding:2.5rem 2rem 2.5rem 2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:1rem;background-color:var(--bg-light-0);box-shadow:0 0 1rem #0000001a}.play-page .content .header{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.play-page .content .header .top{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.play-page .content .header .top .creator{margin-top:.25rem;font-size:var(--fs-sm);color:var(--fc-tertiary-light)}.play-page .content .header .top .close-button{width:2rem;height:2rem;margin-left:2rem;display:flex;align-items:center;justify-content:center;border:none;outline:none;font-size:1.75rem;color:var(--fc-secondary-light);background-color:transparent;cursor:pointer;transition:var(--tr-fast)}.play-page .content .header .top .close-button:active,.play-page .content .header .top .close-button:focus,.play-page .content .header .top .close-button:hover{color:var(--ac-primary-light-hover)}.play-page .content .header .progress-bar{width:100%;height:.5rem;margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:1px solid var(--bd-light-0);border-radius:.25rem;background-color:var(--bg-light-1)}.play-page .content .header .progress-bar .value{height:calc(100% + 2px);display:flex;border:1px solid var(--ac-primary-light);border-right:none;border-radius:.25rem;background-color:var(--ac-primary-light-hover)}.play-page .content .main{width:100%;height:100%;margin:1.5rem 0 2.5rem;padding-right:.5rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.play-page .content .main .answers{width:100%;margin-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;list-style:none}.play-page .content .main .answers .answer{width:100%}.play-page .content .main .answers .answer button{width:100%;padding:1rem;border:1px solid var(--bd-light-0);outline:none;text-align:left;color:var(--fc-primary-light);background:var(--bg-light-1)}.play-page .content .main .answers .answer button:not(:disabled){cursor:pointer;transition:var(--tr-fast)}.play-page .content .main .answers .answer button:not(.selected):not(:disabled):active,.play-page .content .main .answers .answer button:not(.selected):not(:disabled):focus,.play-page .content .main .answers .answer button:not(.selected):not(:disabled):hover{color:var(--ac-primary-light);background:var(--bg-light-1);border-color:var(--ac-primary-light)}.play-page .content .main .answers .answer button.selected{color:#fff;background-color:var(--ac-primary-light-hover)}.play-page .content .main .answers .answer button:disabled.correct{color:var(--green-light-3);background-color:var(--green-light-0);border-color:var(--green-light-1)}.play-page .content .main .answers .answer button:disabled.incorrect{color:var(--red-light-3);background-color:var(--red-light-0);border-color:var(--red-light-1)}.play-page .content .footer{width:100%;height:6rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.quiz-page{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center}.quiz-page .content{width:100%;height:100%;padding:2.5rem 2rem 2.5rem 2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:1rem;background-color:var(--bg-light-0);box-shadow:0 0 1rem #0000001a}.quiz-page .content .header{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.quiz-page .content .header .creator{margin-top:.25rem;font-size:var(--fs-sm);color:var(--fc-tertiary-light)}.quiz-page .content .header .close-button{width:2rem;height:2rem;margin-left:2rem;display:flex;align-items:center;justify-content:center;border:none;outline:none;font-size:1.75rem;color:var(--fc-secondary-light);background-color:transparent;cursor:pointer;transition:var(--tr-fast)}.quiz-page .content .header .close-button:active,.quiz-page .content .header .close-button:focus,.quiz-page .content .header .close-button:hover{color:var(--ac-primary-light-hover)}.quiz-page .content .info{width:100%;height:100%;margin:1.5rem 0 2.5rem;padding-right:.5rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.quiz-page .content .info .description{font-size:var(--fs-base)}.quiz-page .content .info .tags{width:100%;margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;list-style:none}.quiz-page .content .info .tags .tag{padding:.16rem .64rem;border:1px solid var(--bd-light-0);border-radius:.5rem;font-size:.8rem;background-color:var(--bg-light-1);cursor:pointer;transition:var(--tr-fast)}.quiz-page .content .info .tags .tag:hover{background-color:var(--bg-light-2)}.quiz-page .content .info .features{width:100%;margin-top:2rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:1rem;list-style:none}.quiz-page .content .info .features .feature{width:8rem;height:8rem;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--fc-primary-light);background-color:var(--gray-light-0);cursor:pointer;transition:var(--tr-fast)}.quiz-page .content .info .features .feature:hover{color:#fff;background-color:var(--gray-light-3)}.quiz-page .content .info .features .feature svg{width:3rem;height:3rem}.quiz-page .content .info .features .feature.red{background-color:var(--red-light-0)}.quiz-page .content .info .features .feature.red:hover{background-color:var(--red-light-2)}.quiz-page .content .info .features .feature.blue{background-color:var(--blue-light-0)}.quiz-page .content .info .features .feature.blue:hover{background-color:var(--blue-light-2)}.quiz-page .content .info .features .feature.green{background-color:var(--green-light-0)}.quiz-page .content .info .features .feature.green:hover{background-color:var(--green-light-2)}.quiz-page .content .info .features .feature.yellow{background-color:var(--yellow-light-0)}.quiz-page .content .info .features .feature.yellow:hover{background-color:var(--yellow-light-2)}.quiz-page .content .info .features .feature.orange{background-color:var(--orange-light-0)}.quiz-page .content .info .features .feature.orange:hover{background-color:var(--orange-light-2)}.quiz-page .content .info .features .feature.purple{background-color:var(--purple-light-0)}.quiz-page .content .info .features .feature.purple:hover{background-color:var(--purple-light-2)}.quiz-page .content .footer{width:100%;height:6rem}.register-page{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center}.register-page .register-form{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;border-radius:1rem;background-color:var(--bg-light-0);box-shadow:0 0 1rem #00000040}.register-page .register-form .banner{width:50%;padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background-color:var(--ac-primary-light)}.register-page .register-form .banner .back-button{padding:0 .5rem;position:absolute;top:1.5rem;left:1.5rem;border:none;outline:none;font-size:2rem;color:#fff;background-color:transparent;cursor:pointer;opacity:.75;transition:var(--tr-fast)}.register-page .register-form .banner .back-button:active,.register-page .register-form .banner .back-button:focus,.register-page .register-form .banner .back-button:hover{opacity:1}.register-page .register-form .form{width:50%;padding:3rem 2rem 3.5rem}.register-page .register-form .form .content{height:100%;padding-right:1rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.register-page .register-form .form .content .header{margin-bottom:1.5rem;padding-left:1rem}.register-page .register-form .form .content .header h5{margin-bottom:.5rem}.register-page .register-form .form .content .header p{color:var(--fc-secondary-light)}.register-page .register-form .form .content .input-fields{margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.register-page .register-form .form .content .login-link{margin-top:2.5rem;text-align:center}@media all and (max-width: 940px){.register-page .register-form{flex-direction:column;align-items:center}.register-page .register-form .banner{width:100%;height:6rem}.register-page .register-form .banner img{display:none}.register-page .register-form .form{width:100%;max-width:42rem;height:calc(100% - 6rem);padding:3rem 3rem 4rem 4rem}}@media all and (max-width: 640px){.register-page .register-form .form{padding:3rem 2rem 3rem 3rem}}@media all and (max-width: 480px){.register-page .register-form{border-radius:0}.register-page .register-form .banner{height:16dvh;display:flex}.register-page .register-form .form{height:84dvh}}.result-page{width:100dvw;height:100dvh;display:flex;flex-direction:row;align-items:center;justify-content:center}.result-page .content{width:100%;height:100%;padding:2.5rem 2rem 2.5rem 2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:1rem;background-color:var(--bg-light-0);box-shadow:0 0 1rem #0000001a}.result-page .content .header{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem}.result-page .content .header .thumbnail{width:16rem;min-width:16rem;height:9rem;overflow:hidden;position:relative;background-color:#00000040}.result-page .content .header .thumbnail img{width:100%;height:100%;object-fit:cover;border:1px solid #e6e6e6}.result-page .content .header .info .title{font-size:1.25rem;line-height:1.5rem}.result-page .content .header .info .creator{margin-top:.25rem;display:flex}.result-page .content .results{width:100%;margin-top:1.5rem}.result-page .content .results .coins-info{width:100%;padding:1.5rem;border:1px solid var(--bg-light-2);border-radius:.5rem}.result-page .content .results .coins-info .top{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.result-page .content .results .coins-info .top .coins-text{font-size:1.2rem;color:var(--fc-secondary-light)}.result-page .content .results .coins-info .top .coins-text .coins{font-size:1.75rem;font-weight:600;color:var(--fc-primary-light)}.result-page .content .results .coins-info .top svg{font-size:1.75rem;color:var(--orange-light-2)}.result-page .content .results .coins-info .progress-bar{width:100%;height:.5rem;margin-top:1rem;background-color:var(--bg-light-2);border-radius:.5rem}.result-page .content .results .coins-info .progress-bar .progress{width:0%;height:100%;display:flex;border-radius:.5rem;background-color:var(--orange-light-1)}.result-page .content .results .answers-info{width:100%;margin-top:1rem;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:1rem}.result-page .content .results .answers-info .info{width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;border:1px solid var(--bg-light-2);border-radius:.5rem}.result-page .content .results .answers-info .info svg{font-size:2rem}.result-page .content .results .answers-info .info.correct svg{color:var(--green-light-2)}.result-page .content .results .answers-info .info.partially svg{color:var(--orange-light-2)}.result-page .content .results .answers-info .info.incorrect svg{color:var(--red-light-2)}.result-page .content .results .answers-info .info .description{font-size:.85rem;line-height:.9rem;text-align:center;color:var(--fc-secondary-light)}.result-page .content .footer{width:100%;max-width:32rem;height:100%;margin-top:2rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:1rem}@media all and (max-width: 700px){.result-page .content .header{flex-direction:column}.result-page .content .header .thumbnail{width:64dvw;min-width:64dvw;height:36dvw;max-height:36dvw}.result-page .content .header .info{width:64dvw}}