#filters{width:240px;height:100%;position:absolute;top:0;right:calc(50% + 410px)}#filters-body{box-sizing:border-box;background:#fff;border-left:5px solid #666;width:100%;max-height:calc(100vh - 100px);padding:6px 8px;position:sticky;top:4px;left:0;overflow:auto}.filters-section:not(:first-of-type){margin-top:10px}.filters-label{border-bottom:2px solid #000;flex-flow:row;justify-content:flex-start;align-items:center;gap:4px;display:flex}.filter-group{margin-bottom:10px;padding:4px}.filter-group>label{box-sizing:border-box;background:#ddd;border-radius:4px;width:100%;margin-bottom:4px;padding:4px;font-weight:700;display:block}.filter-group>label:has(input){cursor:pointer;background:0 0;padding:2px;font-weight:400}.filter-group input,.filter-group select{box-sizing:border-box;border-bottom:1px solid #ccc;width:100%;padding:4px 8px;transition:border-bottom-color .3s}.filter-group input:hover,.filter-group select:hover{border-bottom-color:#666}.filter-group input[type=range]{accent-color:#ea6060;padding:0}.filter-group input[type=checkbox]{--clr:#ea6060;width:20px;height:20px;accent-color:var(--clr);vertical-align:bottom;margin-right:6px}.filter-group input[type=number]{max-width:60px}.filter-group>select{cursor:pointer}.filter-group:has(.used)>label:first-child{background:#f19d9d}#search-results{background:#fff;border-left:5px solid #666;margin-bottom:2px;padding:10px}#search-results>span>span:not(.filtered)>#clear-filters{visibility:hidden}#clear-filters,#extra-clear-filters{cursor:pointer;background:#eee;border:1px solid #888;border-radius:4px;margin-left:8px;padding:2px 8px;transition:background-color .3s;box-shadow:0 0 5px #c8c8c8cc}#clear-filters:hover,#extra-clear-filters:hover{background:#ccc}.game-li.invisible{opacity:.3}#games.hide .game-li.invisible,#extra-clear-filters-container{display:none}#filter-button{z-index:100;background:#a6d6e8;border-radius:666px;width:44px;padding:4px;font-size:0;transition:width .3s;display:none;position:fixed;bottom:10px;left:10px;overflow:hidden;box-shadow:0 1px 5px #c8c8c8cc}#filter-button>span{height:36px;margin-left:6px;font-size:16px;font-weight:700;line-height:36px}#filter-button>span:after{content:" (закрыть)"}#filter-button:has(+#filters[aria-expanded=true]){width:calc(100vw - 20px)}.game-name>mark{color:#ea6060;text-decoration:underline 2px}#categories-filters{width:240px;height:100%;position:absolute;top:0;left:calc(50% + 410px)}#categories-body{box-sizing:border-box;background:#fff;border-left:5px solid #666;width:100%;max-height:calc(100vh - 100px);padding:6px 8px;position:sticky;top:4px;left:0;overflow:scroll}#categories-body::-webkit-scrollbar-thumb:hover{background:#ea6060}#categories-body>.filter-group{padding-left:0}#categories-body>.filter-group>.button{flex-flow:row;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}#categories-body>.filter-group>.button>span:first-child:first-letter{text-transform:uppercase}@media screen and (width<=1340px){#contents{margin:0 260px}#filters{left:10px;right:auto}#categories-filters{left:auto;right:10px}}@media screen and (pointer:fine){#categories-body::-webkit-scrollbar{width:6px}#categories-body::-webkit-scrollbar-thumb{background:#222;border-radius:10px;width:6px}}@media screen and (width<=1000px){#contents{margin:0 20px 0 260px}#categories-filters{width:100%;position:static}#categories-body{border-left:none;padding:4px 8px;position:static;overflow-y:hidden}#categories-body::-webkit-scrollbar,#categories-body::-webkit-scrollbar-thumb{width:auto;height:6px}#categories-body>.filters-label{display:none}#categories-body>.filter-group{flex-flow:row;justify-content:flex-start;align-items:center;gap:4px;width:max-content;margin-bottom:4px;padding:0;display:flex}#categories-body>.filter-group>.button{width:auto;margin:0!important}#filter-category-mod-container{display:none!important}}@media screen and (width<=600px){#contents{margin:0}#filters{z-index:10;width:100vw;height:100vh;transition:transform .4s;position:fixed;left:0;transform:translate(-100%)}#filters-body{border:none;height:100%;max-height:100vh;padding:10px 14px 100px;overflow:auto}#filters[aria-expanded=true]{transform:translate(0)}#filter-button{display:flex}#extra-clear-filters-container{display:block}}