@property --fd-p{syntax:"<number>";inherits:true;initial-value:0}@property --fd-q{syntax:"<number>";inherits:true;initial-value:0}.fd-host{--fd-w:256px;--fd-spine:44px;--fd-inner:14px;--fd-gap:var(--sp-5);--fd-lean:220px;--fd-dir:1;--fd-p:0;--fd-q:0;grid-template-columns:calc(var(--fd-spine) + (var(--fd-w) + var(--fd-inner)) * var(--fd-q)) minmax(0, 1fr);column-gap:var(--fd-gap);transition:--fd-q .32s var(--ease-settle), --fd-p .26s var(--ease);align-items:start;display:grid}[dir=rtl] .fd-host{--fd-dir:-1}.fd-host[data-filters]{--fd-p:1;--fd-q:1;transition:--fd-q .42s var(--ease-settle), --fd-p .62s cubic-bezier(.45, .05, .25, 1) 60ms}.fd-host[data-instant],.fd-host[data-instant] *{transition:none!important}.fd{--fd-from:-12px;align-self:stretch;align-items:flex-start;min-width:0;display:flex}[dir=rtl] .fd{--fd-from:12px}.fd-drawer{width:calc(var(--fd-w) * var(--fd-q));visibility:hidden;flex:none;align-self:stretch;margin-inline-end:calc(var(--fd-inner) * var(--fd-q));transition:visibility 0s linear .32s;overflow:clip}.fd-host[data-filters] .fd-drawer{visibility:visible;transition-delay:0s}.fd-sticky{width:var(--fd-w);position:sticky;inset-block-start:calc(var(--sticky-top) + var(--sp-4))}.fd-panel{max-height:calc(100dvh - var(--sticky-top) - var(--sp-6));clip-path:polygon(-8px 0, calc(var(--fd-p) * (100% + var(--fd-lean))) 0, calc(var(--fd-p) * (100% + var(--fd-lean)) - var(--fd-lean)) 100%, -8px 100%);flex-direction:column;padding-inline-start:8px;display:flex}[dir=rtl] .fd-panel{clip-path:polygon(calc((1 - var(--fd-p)) * (100% + var(--fd-lean))) 0, calc(100% + 8px) 0, calc(100% + 8px) 100%, calc((1 - var(--fd-p)) * (100% + var(--fd-lean)) - var(--fd-lean)) 100%)}.fd-scroll{flex:0 auto}.fd-blade{z-index:2;inset-block:0;left:calc(var(--fd-p) * (100% + var(--fd-lean)) - var(--fd-lean));width:var(--fd-lean);height:100%;fill:var(--red);opacity:clamp(0, calc((1 - var(--fd-p)) * 5), 1);pointer-events:none;position:absolute}[dir=rtl] .fd-blade{left:calc((1 - var(--fd-p)) * (100% + var(--fd-lean)) - var(--fd-lean))}.fd-host[data-instant] .fd-blade{display:none}.fd-head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-block:6px var(--sp-2);flex:none;padding-inline-end:18px;display:flex}.fd-title{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.fd-title-slash{background:var(--red);width:4px;height:14px;transform:skew(-21deg)}.fd-count{border-radius:var(--r-pill);background:var(--ink);min-width:20px;height:20px;color:var(--paper);place-items:center;padding-inline:6px;font-size:12px;font-weight:600;display:inline-grid}.fd-clear{color:var(--ink-2);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:500}.fd-clear:hover{color:var(--ink)}.fd-host[data-filters]:not([data-instant]) .fd-body fieldset{animation:fd-in .46s var(--ease-settle) both}.fd-body fieldset:first-of-type{animation-delay:.16s}.fd-body fieldset:nth-of-type(2){animation-delay:.205s}.fd-body fieldset:nth-of-type(3){animation-delay:.25s}.fd-body fieldset:nth-of-type(4){animation-delay:.295s}.fd-body fieldset:nth-of-type(5){animation-delay:.34s}.fd-body fieldset:nth-of-type(6){animation-delay:.385s}.fd-body fieldset:nth-of-type(n+7){animation-delay:.43s}@keyframes fd-in{0%{opacity:0;transform:translateX(var(--fd-from))}}.fd-spine{width:var(--fd-spine);border:1px solid var(--ink);background:var(--ink);min-height:196px;color:var(--paper);font:inherit;cursor:pointer;isolation:isolate;transition:color .32s var(--ease), border-color .32s var(--ease), box-shadow .32s var(--ease), transform .26s var(--ease-spring);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:14px;padding:16px 0 12px;display:flex;position:sticky;inset-block-start:calc(var(--sticky-top) + var(--sp-4));overflow:hidden;box-shadow:0 18px 32px -20px #020202b3,inset 0 1px #ffffff1a}.fd-spine:before{content:"";z-index:-1;background:var(--paper);opacity:0;transition:opacity .32s var(--ease);position:absolute;inset:0}.fd-spine:after{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#fff0,#ffffff29,#fff0);width:40%;position:absolute;inset-block:-20%;inset-inline-start:-60%;transform:skew(-21deg)}.fd-spine:hover:after{animation:fd-glint .82s var(--ease) 1}@keyframes fd-glint{0%{opacity:1;inset-inline-start:-60%}to{opacity:1;inset-inline-start:140%}}.fd-spine:hover{transform:translateX(calc(var(--fd-dir) * -2px))}.fd-spine:focus-visible{outline:2px solid var(--red);outline-offset:3px}.fd-spine-slash{background:var(--red);width:7px;height:20px;transition:transform .3s var(--ease-spring);flex:none;transform:skew(-21deg)}.fd-spine:hover .fd-spine-slash{transform:skew(-21deg)scaleY(1.2)}.fd-spine-label{writing-mode:vertical-rl;white-space:nowrap;font-size:13px;font-weight:600;line-height:1;transform:rotate(180deg)}.fd-spine-label:lang(en){letter-spacing:.1em;text-transform:uppercase}[dir=rtl] .fd-spine-label{font-size:14px;transform:none}.fd-spine-count{border-radius:var(--r-pill);background:var(--red);min-width:22px;height:22px;color:var(--paper);animation:fd-pop .3s var(--ease-spring);flex:none;place-items:center;padding-inline:5px;font-size:12px;font-weight:600;display:grid}.fd-spine-arrow{opacity:.75;transition:transform .42s var(--ease-spring), opacity .2s var(--ease);flex:none;place-items:center;margin-block-start:auto;display:grid}.fd-spine-arrow svg{stroke-width:2px;width:16px;height:16px}.fd-spine:hover .fd-spine-arrow{opacity:1;transform:translateX(calc(var(--fd-dir) * 3px))}.fd-spine-edge{background:var(--red);width:3px;transition:transform .42s var(--ease-settle);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}.fd-host[data-filters] .fd-spine{border-color:var(--line-strong);color:var(--ink);box-shadow:none}.fd-host[data-filters] .fd-spine:before{opacity:1}.fd-host[data-filters] .fd-spine:after{background:linear-gradient(90deg,#eb0e1a00,#eb0e1a14,#eb0e1a00)}.fd-host[data-filters] .fd-spine:hover{border-color:var(--ink-2);transform:translateX(calc(var(--fd-dir) * 2px))}.fd-host[data-filters] .fd-spine-edge{transform:scaleY(1)}.fd-host[data-filters] .fd-spine-arrow{transform:rotate(180deg)}.fd-host[data-filters] .fd-spine:hover .fd-spine-arrow{transform:rotate(180deg) translateX(calc(var(--fd-dir) * 3px))}.fd-toggle{height:var(--h-sm);border:1px solid var(--ink);border-radius:var(--r-control);background:var(--ink);color:var(--paper);font:inherit;white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:8px;padding-inline:10px 12px;font-size:14px;font-weight:500;display:none}.fd-sliders{width:18px;height:18px;overflow:visible}.fd-sliders path{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round}.fd-knob{fill:var(--ink);stroke:currentColor;stroke-width:1.75px}.fd-toggle-count{border-radius:var(--r-pill);background:var(--red);min-width:20px;height:20px;color:var(--paper);animation:fd-pop .26s var(--ease-spring);place-items:center;padding-inline:6px;font-size:12px;font-weight:600;display:inline-grid}@keyframes fd-pop{0%{transform:scale(.6)}}@media (max-width:1023px){.fd-host,.fd-host[data-filters]{grid-template-columns:minmax(0,1fr);column-gap:0}.fd{display:none}.fd-toggle{height:var(--h-md);padding-inline:12px 14px;font-size:15px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.fd-host,.fd-host[data-filters]{transition:none}.fd-blade{display:none}.fd-host[data-filters] .fd-body fieldset,.fd-toggle-count,.fd-spine-count,.fd-spine:hover:after{animation:none}.fd-spine,.fd-spine-arrow,.fd-spine-slash,.fd-spine-edge,.fd-spine:before{transition:none}}