.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter{gap:.75rem;max-width:30rem;padding-bottom:4rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter)>svg{width:2.5rem;height:2.5rem;fill:var(--scdclr3);z-index:1;opacity:0;position:absolute;top:.5rem;right:.5rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) input{border:2px solid var(--mnrclr7);border-radius:.5rem;padding:.25rem .5rem;font-size:1.25rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) input:focus{border-color:var(--mnrclr2)}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) input:focus~svg{opacity:1}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options{grid-template-columns:repeat(3,1fr);column-gap:1rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select label{margin-bottom:.25rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select svg{width:1.75rem;height:1.75rem;fill:var(--scdclr3)}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option{z-index:5;background:var(--prmclr1);color:var(--scdclr3);cursor:pointer;border-radius:.5rem;top:100%}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value{border-radius:.5rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value.open{border-bottom:1px solid var(--scdclr3);border-radius:.5rem .5rem 0 0}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value.open svg{transform:rotate(90deg)}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .options-container .option,:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value{padding:.5rem}:is(:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .options-container .option,:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value):hover{background:var(--prmclr2);color:var(--prmclr1)}:is(:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .options-container .option,:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .selected-value):hover svg{fill:var(--prmclr1)}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .options-container .option:not(:last-child){border-bottom:1px solid var(--scdclr3)}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options .custom-select .select-option .options-container .option:last-child:hover{border-radius:0 0 .5rem .5rem}@media (max-width:600px){:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options label{font-size:1.25rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options span{font-size:1rem}}@media (min-width:601px){:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options label{font-size:1.5rem}:is(.admin-page .page-contents .game-filter,.index-page .page-contents .game-filter) .select-options span{font-size:1.25rem}}