.dfs-wrapper{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;--dfs-bg: #0f0f0f;--dfs-fg: #f7f4ea;--dfs-gold: #f7c56a;--dfs-gold-2: #e2c35a;--dfs-gold-3: #9c7c1c;background:var(--dfs-bg);color:var(--dfs-fg)}.dfs-container{width:calc(100% - 3rem);margin:0 auto;background:var(--dfs-bg);color:var(--dfs-fg)}.dfs-header-row{position:relative;width:100%;height:0}.dfs-toggle-icon{width:18px;height:18px;fill:#fff;transition:transform .2s ease}.dfs-toggle-all{position:absolute;top:-1.8rem;right:0;display:inline-flex;align-items:center;border:1px solid rgba(226,195,90,.45);background:#111;color:#fff;cursor:pointer;border-radius:6px;padding:5px}.dfs-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:.75rem;padding:.25rem 0 10px}.dfs{--dfs-row-h: 40px;--dfs-row-gap: 6px;--dfs-pill-gap: 6px;--dfs-pad-x: 14px;--dfs-pad-y: 0px;--dfs-row-pad-y: 4px}.dfs-viewport{display:flex;flex-direction:column;gap:var(--dfs-row-gap);max-height:calc(var(--dfs-row-h) * 3 + var(--dfs-row-gap) * 2);overflow-y:auto}.dfs-row{min-height:var(--dfs-row-h);display:grid;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--dfs-row-pad-y) 0;background:var(--dfs-bg);column-gap:var(--dfs-pill-gap);align-items:center}.dfs-row::-webkit-scrollbar{display:none}@media (max-width: 640px){.dfs-row.is-fill-m{display:flex;gap:var(--dfs-pill-gap)}.dfs-row.is-fill-m .dfs-pill{flex:1 1 auto;min-width:120px;text-align:center}}@media (min-width: 641px){.dfs-row.is-fill-d{display:flex;gap:var(--dfs-pill-gap)}.dfs-row.is-fill-d .dfs-pill{flex:1 1 auto;min-width:140px;text-align:center}}.dfs .dfs-pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--dfs-pad-y) var(--dfs-pad-x);white-space:nowrap;cursor:pointer;font-weight:600;color:var(--dfs-fg);background:linear-gradient(90deg,var(--dfs-gold),var(--dfs-gold-2));border-right:1px solid rgba(226,195,90,.25);scroll-snap-align:start;transition:filter .15s,transform .25s,box-shadow .25s ease;height:calc(var(--dfs-row-h) - var(--dfs-row-pad-y) * 2)}.dfs .dfs-pill:hover{filter:brightness(1.15);box-shadow:0 0 18px 6px #f7c56a99;transform:translateY(-1px)}.dfs .dfs-pill.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);background:#333;border-right:1px solid rgba(226,195,90,.15);box-shadow:none;transform:none;pointer-events:none}.dfs .dfs-pill.is-active{outline:2px solid var(--dfs-gold-3);box-shadow:0 0 0 3px #f7c56a59,0 0 18px 6px #f7c56a73;filter:brightness(1.08)}.dfs .dfs-inner{display:flex;gap:.45rem;width:100%;height:100%;align-items:center;justify-content:center}.dfs .dfs-ic{display:inline-flex;line-height:0;width:calc((var(--dfs-row-h) - var(--dfs-row-pad-y) * 2) - var(--dfs-ic-pad, 6px));height:calc((var(--dfs-row-h) - var(--dfs-row-pad-y) * 2) - var(--dfs-ic-pad, 6px))}.dfs .dfs-ic-img{display:block;width:100%;height:100%;object-fit:contain}.dfs .dfs-inner.pos-left{flex-direction:row}.dfs .dfs-inner.pos-right{flex-direction:row-reverse}.dfs .dfs-inner.pos-top{flex-direction:column}.dfs .dfs-inner.pos-center{flex-direction:column;align-items:center;justify-content:center}.dfs .dfs-inner.ha-start{justify-content:flex-start}.dfs .dfs-inner.ha-center{justify-content:center}.dfs .dfs-inner.ha-end{justify-content:flex-end}.dfs .dfs-inner.va-start{align-items:flex-start}.dfs .dfs-inner.va-center{align-items:center}.dfs .dfs-inner.va-end{align-items:flex-end}.dfs-grid>.dfs-nav{visibility:hidden;pointer-events:none;z-index:2}@media (max-width: 640px){.dfs-grid{grid-template-columns:1fr}.dfs-grid>.dfs-nav{display:none!important}}@media (min-width: 641px){.dfs-grid>.dfs-nav.is-on{visibility:visible;pointer-events:auto}}.dfs-grid>.dfs-nav{border:2px solid var(--dfs-gold);background:linear-gradient(180deg,#111,#000);color:#fff;border-radius:8px;width:38px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:visibility .2s ease}.dfs-grid>.dfs-nav svg{fill:#fff}.is-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-filter-jfr.css.map */