.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#030048;border-radius:.7rem;width:15rem;height:3rem;font-size:1.5rem;font-weight:900;display:flex;position:relative;overflow:hidden}.option{z-index:2;color:var(--white-font);flex:1;justify-content:center;align-items:center;transition:color .3s;display:flex}.option.active{color:#0b0779}.slider{background-color:var(--yellow-font);z-index:1;border-bottom:.2rem solid #9e7717;border-radius:.7rem;width:50%;transition:left .3s;position:absolute;top:0;bottom:0}.slider.left{left:0}.slider.right{left:50%}#gameSettingsMain{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;height:fit-content;display:flex}@keyframes ff-grow-fade-in{0%{opacity:0;height:0}to{opacity:1;max-height:12rem}}.gameSettingWrapper{justify-content:space-between;align-items:center;width:50%;height:5rem;padding:0;animation:.4s ease-out forwards ff-grow-fade-in;display:flex}.gameSettingsSubText{color:var(--white-font);align-items:center;height:100%;font-size:1.5rem;font-weight:900;display:flex}.customSelect{color:#0b0779;background-color:var(--yellow-font);border-bottom:.2rem solid #9e7717;border-radius:.7rem;outline:none;width:15rem;height:3rem;padding:0 1rem;font-size:1.5rem;font-weight:bolder}.timeToggle{background-color:#030048;border-radius:.7rem;width:15rem;height:3rem;font-size:1.5rem;font-weight:900;display:flex;overflow:hidden}.toggleOption{text-align:center;cursor:pointer;color:var(--white-font);background:0 0;border:none;flex:1;justify-content:center;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;transition:all .2s,color .2s;display:flex}.toggleOption:hover,.toggleOption.active{background-color:var(--yellow-font);color:#0b0779;border-bottom:.2rem solid #9e7717}.ff-toggle-switch{width:4rem;height:2rem;display:inline-block;position:relative}.ff-toggle-switch input{opacity:0;width:0;height:0}.ff-toggle-slider{cursor:pointer;background-color:#030048;border-radius:.9rem;transition:all .4s;position:absolute;inset:0}.ff-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:2rem;height:2rem;transition:all .4s;position:absolute}.ff-toggle-switch input:checked+.ff-toggle-slider{background-color:var(--yellow-font)}.ff-toggle-switch input:checked+.ff-toggle-slider:before{transform:translate(2rem)}#gameSettingsTitle{color:var(--white-font);margin:7% 0 1rem;font-size:3rem}.gameSettingWrapper2{border-radius:.7rem;flex-direction:column;justify-content:start;align-items:center;width:100%;height:fit-content;margin-top:1rem;padding-bottom:2rem;display:flex}.gameSettingsSubText2{color:var(--white-font);align-items:center;font-size:1.5rem;font-weight:900;display:flex}.toggle-container2{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#030048;border-radius:.7rem;width:25rem;height:3rem;margin-bottom:1rem;font-size:1.5rem;font-weight:900;display:flex;position:relative;overflow:hidden}.toggle3{background-color:#030048;border-radius:.7rem;width:fit-content;height:3rem;font-size:1.5rem;font-weight:900;display:flex;overflow:hidden}#settingPackSearch{box-sizing:border-box;color:#0b0779;background-color:var(--white-font);border:none;border-radius:.7rem 0 0 .7rem;outline:none;width:20rem;height:2rem;padding:0 1rem;font-size:1.2rem;font-weight:900}#searchIcon{background-color:var(--white-font);cursor:pointer;border-top-right-radius:.7rem;border-bottom-right-radius:.7rem;height:2rem;padding-right:1rem}.searchWrapper{align-items:center;margin-top:3rem;margin-bottom:1rem;display:flex}.joinButtonWrapper{justify-content:center;gap:.5rem;width:35rem;margin-top:2rem;margin-bottom:2rem;display:flex}.button{box-sizing:border-box;background-color:var(--yellow-font);color:#00147b;cursor:pointer;border-bottom:5px solid #9e7717;border-radius:.7rem;flex:1;padding:.5rem 0;font-size:2.5rem;font-weight:900;transition:all .2s}.button:hover{transform:scale(1.02)}.settingsLineBreak{background-color:#ffffff5d;width:50%;height:.2rem;margin-top:3rem}#searchBarWrapper{justify-content:space-between;width:100%;display:flex}.gameSettingsQuestions{grid-template-columns:repeat(5,auto);gap:1rem;width:80%;display:grid}#pagePaginationWrapper{align-items:center;gap:2rem;height:fit-content;margin-top:2rem;margin-bottom:5rem;display:flex}.paginationButton{box-sizing:border-box;background-color:var(--yellow-font);color:#00147b;cursor:pointer;border-bottom:.2rem solid #9e7717;border-right:.2rem solid #9e7717;border-radius:.7rem;justify-content:center;align-items:center;width:3rem;height:100%;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;transition:all .2s;display:flex}.paginationButton:hover{transform:scale(1.02)}#paginationPageNumber{color:var(--yellow-font);margin:0;font-size:1.5rem;font-weight:900;line-height:1rem}.gameSettingWrapper3{justify-content:space-between;align-items:center;width:70%;height:5rem;padding:0;animation:.4s ease-out forwards ff-grow-fade-in;display:flex}.customSliderInput-range{background-color:#030048;border-radius:.7rem;justify-content:center;align-items:center;width:5rem;height:3rem;margin-right:.2rem;font-size:1.5rem;font-weight:900;display:flex}.customSliderInput-wrapper{align-items:center;width:fit-content;margin:1rem 0;display:flex}.customSliderInput-slider{appearance:none;background-color:#030048;border-radius:.7rem;outline:none;width:19.7rem;height:3rem;transition:background .3s}.customSliderInput-slider::-webkit-slider-thumb{appearance:none;background:var(--yellow-font);cursor:pointer;border-bottom:.2rem solid #9e7717;border-radius:.7rem;width:1.5rem;height:3rem;transition:background .2s;box-shadow:0 0 2px #000}.customSliderInput-slider::-moz-range-thumb{background:var(--yellow-font);cursor:pointer;border-bottom:.2rem solid #9e7717;border-radius:.7rem;width:1.5rem;height:3rem;transition:background .2s}.customSliderInput-slider2{appearance:none;background-color:#030048;border-radius:.7rem;outline:none;width:9.7rem;height:3rem;transition:background .3s}.customSliderInput-slider2::-webkit-slider-thumb{appearance:none;background:var(--yellow-font);cursor:pointer;border-bottom:.2rem solid #9e7717;border-radius:.7rem;width:1.5rem;height:3rem;transition:background .2s;box-shadow:0 0 2px #000}.customSliderInput-slider2::-moz-range-thumb{background:var(--yellow-font);cursor:pointer;border-bottom:.2rem solid #9e7717;border-radius:.7rem;width:1.5rem;height:3rem;transition:background .2s}