.side-sheet{position:fixed;top:var(--nav-h);left:0;width:clamp(21.25rem,16.875rem + 19.444vw,34.375rem);max-width:100vw;height:calc(100dvh - var(--nav-h) - 1px);height:calc(100svh - var(--nav-h) - 1px);background-color:#333;border-radius:0 16px 16px 0;border-width:1px;border-style:solid;border-color:#fff;box-shadow:4px 0 10px #0003;transform:translate(-100%);transition:transform .3s ease;z-index:7;display:flex;flex-direction:column;box-sizing:border-box}.side-sheet h2{font-family:Hanzel;font-size:clamp(20px,3.5vw,40px);color:#fff;font-weight:400;margin:0}.side-sheet.open{transform:translate(0)}.side-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,16px);border-bottom:1px solid #ddd;min-height:clamp(35px,8vw,70px);box-sizing:border-box;gap:clamp(8px,2vw,16px)}.side-sheet-content{flex:1;display:flex;flex-direction:column;min-height:0;font-family:Eurostile}.filters-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:clamp(.5rem,.333rem + .741vw,1rem);box-sizing:border-box;display:grid;justify-content:start}.filter-footer{padding:clamp(6px,2vw,12px) clamp(8px,3vw,16px);border-top:1px solid #ccc;font-family:Eurostile;color:#fff;font-size:clamp(10px,1.8vw,20px);min-height:clamp(22px,6vw,44px);display:flex;align-items:center;justify-content:center;text-align:center}.filter-section-label{font-family:Eurostile;color:#fff;font-size:clamp(.75rem,.5rem + 1.111vw,1.5rem);letter-spacing:.05em}.class-filters,.rarity-filters,.rank-filters{display:grid;gap:clamp(.063rem,-.125rem + .833vw,.625rem);box-sizing:border-box;align-items:center}.class-filters{grid-template-columns:repeat(6,1fr);width:clamp(14.125rem,9.417rem + 20.926vw,28.25rem)}.rarity-filters{grid-template-columns:repeat(7,1fr);width:clamp(15.625rem,10.396rem + 23.241vw,31.313rem)}.rank-filters{grid-template-columns:repeat(6,1fr);width:min(100%,429px)}.class-filters-header,.rarity-filters-header,.rank-filters-header{grid-column-start:1;grid-column-end:-1}.class-filter{width:clamp(2rem,1.333rem + 2.963vw,4rem);height:clamp(2rem,1.333rem + 2.963vw,4rem);background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;border:none;border-radius:4px;justify-self:center}.class-filter img{display:block;width:100%;height:100%;object-fit:contain;box-sizing:border-box;border:clamp(1.5px,.5vw,3px) solid black;border-radius:4px}.class-filter.selected img{border-color:#ff0}.rarity-filter,.rank-filter{width:clamp(1.75rem,1.167rem + 2.593vw,3.5rem);height:clamp(1.75rem,1.167rem + 2.593vw,3.5rem);background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;border:none;border-radius:4px;justify-self:center}.rarity-filter span,.rank-filter span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:clamp(1.5px,.5vw,3px) solid black;border-radius:4px;font-family:Hanzel;font-size:clamp(1.125rem,.75rem + 1.667vw,2.25rem);color:#fff;text-align:center;user-select:none}.rarity-filter.selected span,.rank-filter.selected span{border-color:#ff0}.sidesheet-section-separator{content:"";height:clamp(10px,2vw,20px)}.tag-filters{display:grid;grid-template-columns:1fr;gap:clamp(.5rem,.333rem + .741vw,1rem);width:clamp(15rem,10rem + 22.222vw,30rem);box-sizing:border-box}.tag-filter-section{display:grid;grid-template-columns:repeat(3,1fr);row-gap:clamp(.25rem,.167rem + .37vw,.5rem);width:clamp(15rem,10rem + 22.222vw,30rem);box-sizing:border-box;justify-items:start}.tag-filter-section-header{grid-column-start:1;grid-column-end:span 3;font-family:Eurostile;color:#0cc;font-size:clamp(10px,2vw,20px);text-align:center}.tag-filter-item{width:100%;font-family:Eurostile;font-size:clamp(.688rem,.458rem + 1.019vw,1.375rem);color:#fff;margin:auto;cursor:pointer;user-select:none;padding:clamp(.25rem,.167rem + .37vw,.5rem);box-sizing:border-box;border-radius:4px}.tag-filter-item.selected{background-color:#d0f0c0;box-shadow:0 0 10px #9ccc65;color:#000}.tag-filter-section-separator{content:"";height:clamp(8px,1.5vw,15px)}.side-sheet-header-buttons{background:none;width:clamp(44px,30%,89px);height:clamp(16px,6vw,32px);margin-bottom:clamp(4px,1.5vw,8px);font-size:clamp(10px,1.7vw,20px);color:#fff;display:grid;grid-template-columns:clamp(16px,6vw,32px) 1fr clamp(16px,6vw,32px);gap:0;align-items:center}.side-sheet-header #resetFilter,.side-sheet-header #closeSheet{width:clamp(16px,6vw,32px);height:clamp(16px,6vw,32px);cursor:pointer}#filter-any-all{display:flex;justify-content:space-between;align-items:center;width:min(100%,475px);min-height:clamp(22px,6vw,44px);margin:auto;gap:clamp(8px,2vw,16px);padding:0 clamp(4px,1.5vw,8px);box-sizing:border-box}.radio-checkboxes{display:flex;align-items:center;cursor:pointer;margin-bottom:clamp(4px,1.5vw,10px);user-select:none;gap:clamp(4px,1.5vw,8px)}.radio-checkboxes input[type=radio]{display:none}.radio-image{width:clamp(20px,6vw,41px);height:clamp(22px,6.5vw,44px);background-image:var(--unchecked-radio-img);background-size:contain;background-repeat:no-repeat}.radio-checkboxes input[type=radio]:checked+.radio-image{background-image:var(--checked-radio-img)}