.page_page__556_G{width:100%;height:100%;position:relative}.page_aside___Wpm7{position:absolute;top:0;left:0;background-color:rgb(20,20,20);width:100px;padding:50;width:60px;height:100%;border-right:1px solid rgba(255,255,255,.144)}.page_aside___Wpm7 nav{width:100%}.page_aside___Wpm7 nav,.page_aside___Wpm7 nav ul{display:flex;align-items:center;justify-content:center}.page_aside___Wpm7 nav ul{flex-direction:column;list-style:none;gap:10px;margin-top:20px;width:-moz-fit-content;width:fit-content}.page_aside___Wpm7 nav ul li{border-radius:50%;overflow:hidden;flex-shrink:1}.page_aside___Wpm7 nav ul li,.page_aside___Wpm7 nav ul li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.page_aside___Wpm7 nav ul li a{color:white;padding:10px;transition:.3s}.page_active__9fwfh,.page_aside___Wpm7 nav ul li a:hover{background-color:rgba(128,128,128,.37)}.page_page__556_G .page_main__nw1Wk{margin-left:60px;height:100%}.page_page__556_G .page_main__nw1Wk .page_Content__Tbe6Q{width:100%;height:100%;overflow-y:auto}.filter_container__Lbs1b{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding-bottom:16px;border-radius:10px;color:#fff}.filter_FilterComponents___Az8X{display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%;padding:16px}.filter_FilterComponents___Az8X::-webkit-scrollbar{width:3px;background-color:transparent}.filter_FilterComponents___Az8X::-webkit-scrollbar-track{background:rgb(20,20,20);border-radius:8px;width:2px}.filter_FilterComponents___Az8X::-webkit-scrollbar-thumb{background-color:rgba(128,128,128,.226);border-radius:8px;border:2px solid transparent}.filter_FilterComponents___Az8X::-webkit-scrollbar-thumb:hover{background-color:rgba(128,128,128,.426)}.filter_collection__2nT9N{background:#1a1a1a;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.filter_title__s74Gw{font-size:16px;margin-bottom:8px;font-weight:600}.filter_items__Ei2Sk{overflow:hidden}.filter_item__ffMS1{display:flex;align-items:center;gap:8px;padding:4px 0;color:#ddd}.filter_toggle__eo_Z5{background:none;border:none;color:#4aa3ff;text-decoration:underline;cursor:pointer;margin-top:8px}.filter_rangeSection__m9lII,.filter_sortSection__CNFCH{display:flex;flex-direction:column;gap:8px}.filter_select__LafkL{padding:6px;background-color:#1e1e1e;color:#fff;border-radius:4px;border:1px solid #333}.filter_rangeRow__lcS8n{display:flex;align-items:center;gap:10px}.filter_rangeRow__lcS8n input{width:80px;padding:5px;background-color:#1e1e1e;border:1px solid #333;color:#fff;border-radius:4px}.filter_buttonGroup__nOp99{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 16px}.filter_submit__g6t0U{width:75%}.filter_clear__LER3p,.filter_submit__g6t0U{background-color:#4aa3ff;color:#000;border:none;padding:10px;border-radius:6px;font-weight:700;cursor:pointer}.filter_clear__LER3p{width:25%}.main_Content__3u3DC{width:100%;height:100%;padding:10px;display:flex;flex-direction:column}.main_Header__ZzzIp{padding:15px;border:1px solid rgba(255,255,255,.295);border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.main_Header__ZzzIp .main_AppLogo__uO9px{display:flex;align-items:center;gap:10px}.main_Header__ZzzIp .main_AppLogo__uO9px .main_Logo__47GCW{font-size:22px}.main_Header__ZzzIp .main_AppLogo__uO9px>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.main_Header__ZzzIp .main_AppLogo__uO9px>div ul{list-style:none;color:gray;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.main_Header__ZzzIp .main_AppLogo__uO9px>div ul span{color:green}.main_Header__ZzzIp .main_Controls__B7E8F{display:flex;align-items:center;gap:5px}.main_Header__ZzzIp .main_Controls__B7E8F>button{padding:10px;border:0;font-size:16px;font-weight:700;cursor:pointer;border-radius:8px}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnCreate__8iPag{background-color:transparent;color:#5cb85c;transition:.2s}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnCreate__8iPag:hover{color:#0c550c}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnUpdate__YdrGE{background-color:transparent;color:#f0ad4e;transition:.2s}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnUpdate__YdrGE:hover{color:#5c3e14}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnDelete__9UyDt{background-color:transparent;color:#d9534f;transition:.2s}.main_Header__ZzzIp .main_Controls__B7E8F>button.main_btnDelete__9UyDt:hover{color:#581614}.main_PageMossContainer__UFsNH{width:100%;border-bottom:1px solid rgba(255,255,255,.281);margin-bottom:10px;display:flex;align-items:center;justify-content:end}.main_PageMossContainer__UFsNH ul{display:flex;align-items:center;justify-content:center;list-style:none;gap:10px}.main_PageMossContainer__UFsNH ul li{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;font-size:16px}.main_PageMossContainer__UFsNH ul li input[type=radio]{opacity:0;margin:0;z-index:1;cursor:pointer}.main_PageMossContainer__UFsNH ul li input[type=radio],.main_radio-mark__1Amg8{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px}.main_radio-mark__1Amg8{background-color:white;border:2px solid #555;border-radius:50%;box-sizing:border-box;transition:all .2s ease}.main_custom-radio__w2h_S input[type=radio]:checked+.main_radio-mark__1Amg8:after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;background-color:#007bff;border-radius:50%}.main_radioMark__CUaYj{color:#999;transition:color .3s;cursor:pointer}.main_active__pnKtp{color:#007bff}.cards_Content__Ygkyj,.main_HerBody__fJ4V0{display:flex;flex-wrap:wrap;gap:10px}.cards_Content__Ygkyj{flex-grow:1;width:100%;height:100%;overflow-y:auto}.page_Card__PAvFl{width:300px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;transition:.2s;cursor:pointer}.page_Card__PAvFl:hover{box-shadow:5px 5px 10px 1px #000}.page_Card__PAvFl .page_GameCover__fPnRE{width:100%;height:-moz-fit-content;height:fit-content}.page_Card__PAvFl .page_CradBody__c7ON5{padding:10px;width:100%;height:100%;background-color:#121212}.page_Card__PAvFl .page_CradBody__c7ON5 h4{padding:10px 0}.page_Card__PAvFl .page_CradBody__c7ON5 p{margin-left:10px;color:hsla(0,0%,100%,.39);font-size:12px}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Items__SFPuT{display:flex;align-items:center;justify-content:space-between;padding:10px 0;width:100%}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Items__SFPuT .page_UserRate__PGrX_{font-weight:700;font-size:16px}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Items__SFPuT .page_UserRate__PGrX_:before{content:"✭";font-size:16px;color:rgba(255,217,0,.637)}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Items__SFPuT .page_Price__Hi5Ns{font-weight:700}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Items__SFPuT .page_Price__Hi5Ns:after{content:"$";color:green}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Genres__w1AiA{width:100%}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Genres__w1AiA ul{width:100%;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.page_Card__PAvFl .page_CradBody__c7ON5 .page_Genres__w1AiA ul li{padding:5px;background-color:rgba(162,170,243,.144);color:hsla(0,0%,100%,.507);border-radius:5px;font-size:10px;font-weight:700}.page_Modal__Eqru0{background-color:#141414;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.page_Modal__Eqru0 .page_backButton__u8Zr9{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:20px}.page_Modal__Eqru0 .page_backButton__u8Zr9 button{border:none;font-size:16px;font-weight:700;background-color:rgba(0,0,0,0);transition:.3s}.page_Modal__Eqru0 .page_backButton__u8Zr9 button:hover{color:wheat;cursor:pointer}.page_ModalBody__mHZ7B{width:10px;height:10px}.GameDetails_Content__6xsTl{width:100%;height:100%;background-color:rgb(20,20,20);color:white}.GameDetails_mediaBlock__UsNmH{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid red}.GameDetails_Header__7Jl2Q .GameDetails_MediaBrowser__5nJmg{background-image:linear-gradient(),}.Loader_loaderContainer__jtv2x{display:flex;align-items:center;justify-content:center;padding:2rem;width:100%;height:100%}.Loader_spinner__6hPkA{width:40px;height:40px;border:4px solid #ccc;border-top-color:#0070f3;border-radius:50%;animation:Loader_spin__OiI_D .5s linear infinite}@keyframes Loader_spin__OiI_D{to{transform:rotate(1turn)}}.lists_Content__P1oY9{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.page_List__wxMIg{width:100%;height:-moz-fit-content;height:fit-content;display:flex;border-radius:5px;overflow:hidden;transition:.2s;cursor:pointer}.page_List__wxMIg:hover{box-shadow:5px 5px 10px 1px #000}.page_List__wxMIg .page_GameCover__CJ2hU{width:-moz-fit-content;width:fit-content;height:150px}.page_List__wxMIg .page_CradBody__oEEoK{padding:10px;width:100%;height:100%;background-color:#121212}.page_List__wxMIg .page_CradBody__oEEoK h4{padding:10px 0}.page_List__wxMIg .page_CradBody__oEEoK p{margin-left:10px;color:hsla(0,0%,100%,.39);font-size:12px}.page_List__wxMIg .page_CradBody__oEEoK .page_Items__dk0Bw{display:flex;align-items:center;justify-content:space-between;padding:10px 0;width:100%}.page_List__wxMIg .page_CradBody__oEEoK .page_Items__dk0Bw .page_UserRate__HZnae{font-weight:700;font-size:16px}.page_List__wxMIg .page_CradBody__oEEoK .page_Items__dk0Bw .page_UserRate__HZnae:before{content:"✭";font-size:16px;color:rgba(255,217,0,.637)}.page_List__wxMIg .page_CradBody__oEEoK .page_Items__dk0Bw .page_Price__yjnAy{font-weight:700}.page_List__wxMIg .page_CradBody__oEEoK .page_Items__dk0Bw .page_Price__yjnAy:after{content:"$";color:green}.page_List__wxMIg .page_CradBody__oEEoK .page_Genres__Ve0jR{width:100%}.page_List__wxMIg .page_CradBody__oEEoK .page_Genres__Ve0jR ul{width:100%;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.page_List__wxMIg .page_CradBody__oEEoK .page_Genres__Ve0jR ul li{padding:5px;background-color:rgba(162,170,243,.144);color:hsla(0,0%,100%,.507);border-radius:5px;font-size:10px;font-weight:700}.page_Content__aI0nA{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;gap:20px}.page_Content__aI0nA .page_Filter__4J_19{width:250px;min-width:250px;height:100%;border:1px solid rgba(255,255,255,.171);border-radius:10px;overflow:hidden}.page_Content__aI0nA .page_Main__gGeOQ{flex-grow:1;height:100%;overflow-y:auto;border:1px solid rgba(255,255,255,.171);border-radius:10px;overflow:hidden}