.search-page.loading{margin-top:100px;color:#fff;display:flex;justify-content:center}.search-page .class-filter-list{user-select:none;background:hsla(var(--coolgrey-900),var(--opacity-50));padding-block:var(--s1)}.search-page .class-filter-list .filter-list-cell{height:80px;cursor:pointer;font-size:var(--text-sm);padding:0 2px;border-radius:var(--rounded-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .1s ease-in-out}.search-page .class-filter-list .filter-list-cell.included{background:hsla(var(--green-500),var(--opacity-50))}.search-page .class-filter-list .filter-list-cell.excluded{background:hsla(var(--red-500),var(--opacity-50))}.search-page .class-filter-list .filter-list-cell .class-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-page .class-filter-list .filter-list-cell:hover{transform:scale(1.1);z-index:100}.search-page .class-filter-list .filter-list-cell .class-percentage{padding-top:1px;padding-bottom:1px;background-color:#1e1e1ecc;position:absolute;right:0;bottom:0;color:#fff;text-shadow:-1px -1px0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:var(--text-sm)}.search-page .class-filter-list .filter-list-cell.inactive{filter:grayscale(100%)}.search-page .class-filter-list .filter-list-cell.inactive:hover{filter:none}.search-page .class-filter-list>div{--repeat: auto-fit;--minimum-value: var(--space-min_tap_size);--max-width: 60px;display:grid;grid-template-columns:repeat(var(--repeat),minmax(min(var(--minimum-value),100%),var(--max-width)));gap:var(--s1)}@media (min-width: 640px){.search-page .class-filter-list>div{--repeat: 10}}@media (min-width: 1024px){.search-page .class-filter-list>div{--repeat: auto-fit}}.search-page .quick-filter-box{padding:4px 8px;background-color:#32323280;border:1px solid #555}.search-page .quick-filter{display:flex;align-items:center;white-space:nowrap;min-width:0}.search-page .quick-filter>:not(:first-child){margin-left:6px}.search-page .quick-filter input{background:#222;border:1px solid #888;color:#fff;padding:0 8px;height:30px;min-width:20px}.search-page .quick-filter input{width:70px}.search-page .quick-filter input.slim{width:45px}.search-page .filter-container{background-color:#32323280;max-height:392px;overflow:hidden;border:1px solid #555}.search-page .filter-container .filter-container-header{display:flex;font-weight:700;justify-content:space-between;align-items:center;height:40px;padding:4px 8px}.search-page .filter-container .filter-container-header select{background:#222;border:1px solid #888;color:#fff;font-size:12px}.search-page .filter-container .filter-container-list{background:#222}.search-page .filter-container .filter-container-list .filter-list::-webkit-scrollbar{background-color:#222;width:14px;border:3px solid #222}.search-page .filter-container .filter-container-list .filter-list::-webkit-scrollbar-thumb{background-color:teal;border:3px solid #222}.search-page .result-table{background-color:#131313;border-collapse:collapse;width:100%}.search-page .result-table td{padding:3px 6px}.search-page .result-table td,.search-page .result-table th{border:1px solid #222}.search-page .result-table th{line-height:32px}.search-page .result-table a{color:#fff;text-decoration:none}.search-page .league-cell{width:4px;padding:0!important}.search-page .league-cell.hardcore{background-color:#d22c}.search-page .league-cell.softcore{background-color:#0f90cccc}.search-page .class-cell{padding:0!important;width:45px}.search-page .class-cell>div{width:45px;height:30px}.search-page .image-cell{padding:0!important}.search-page .dual-cell{display:flex;justify-content:space-between}.search-page .number-cell{text-align:right}.search-page .filter-list-wrapper{min-height:100%}.search-page .filter-list-wrapper .filter-list{--filter-builder-thumb-color: var(--filter-list-theme-color, var(--coolgrey-200));--scroll-thumb-color: hsla(var(--filter-builder-thumb-color), var(--opacity-90));--scroll-track-color: hsla(var(--coolgrey-900));scrollbar-width:thin;scrollbar-color:var(--scroll-thumb-color) var(--scroll-track-color)}.search-page .filter-list-wrapper .filter-list>:not(:last-child){border-bottom:2px solid rgba(50,50,50,.4)}.search-page .filter-list-wrapper .filter-list::-webkit-scrollbar{width:var(--s3);background-color:var(--scroll-track-color)}.search-page .filter-list-wrapper .filter-list::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:6px;border:2px solid var(--scroll-track-color)}.search-page .filter-list-wrapper .filter-list .filter-list-cell{display:grid;grid-auto-flow:column;grid-template-columns:1fr auto;width:100%;padding-inline-start:var(--s3);padding-inline-end:var(--s1);cursor:pointer}.search-page .filter-list-wrapper .filter-list .filter-list-cell.included{background:hsla(var(--green-500),var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.included:hover{background:hsla(var(--green-400),var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.excluded{background:hsla(var(--red-600),var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.excluded:hover{background:hsla(var(--red-500),var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-page .filter-list-wrapper .filter-list .filter-list-cell:hover:not(.included):not(.excluded){background-color:hsla(var(--filter-builder-thumb-color),var(--opacity-12))!important}