.filters-drawer{--filters-drawer-width: 393px;--filters-drawer-inset: 30px;box-sizing:border-box;max-inline-size:100vw;max-block-size:100dvh;inline-size:var(--filters-drawer-width);block-size:100dvh;padding:0;border:0;background-color:var(--brand-off-white);color:var(--brand-navy);font-family:var(--font-brand-family);margin-block:0;margin-inline:auto 0}.filters-drawer::backdrop{background-color:#36363680}.filters-drawer__panel{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.filters-drawer__header{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;block-size:64px}.filters-drawer__title{margin:0;font-family:var(--font-accent-family);font-size:20px;font-weight:var(--font-weight-regular);line-height:32px;text-transform:uppercase;white-space:nowrap}.filters-drawer__close{position:absolute;inset-block-start:22px;inset-inline-end:var(--filters-drawer-inset);display:flex;inline-size:24px;block-size:24px;align-items:center;justify-content:center;padding:0;border:0;background:none;color:currentcolor;cursor:pointer}.filters-drawer__close-icon svg{display:block;inline-size:15px;block-size:15px}.filters-drawer__close:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.filters-drawer__form{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;margin:0}.filters-drawer__main{flex:1 1 auto;min-block-size:0;padding-block-start:35px;overflow-y:auto;overscroll-behavior:contain}.filters-drawer__sort{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-block:20px;padding-inline-start:var(--filters-drawer-inset)}.filters-drawer__group-label{margin:0;font-size:12px;font-weight:var(--font-weight-semibold);line-height:21px;letter-spacing:1.44px;text-transform:uppercase}.filters-drawer__sort-values{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;align-self:stretch;padding-inline-end:var(--filters-drawer-inset)}.filters-drawer__sort-values::-webkit-scrollbar{display:none}.filters-drawer__sort-chip{flex:0 0 auto;cursor:pointer}.filters-drawer__sort-label{box-sizing:border-box;display:flex;block-size:28px;align-items:center;justify-content:center;padding-inline:12px;border:1px solid var(--brand-rule);border-radius:var(--radius-button);font-size:10px;font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:var(--text-meta-track);text-transform:uppercase;white-space:nowrap;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.filters-drawer__sort-input:checked+.filters-drawer__sort-label{border-color:var(--brand-navy);background-color:var(--brand-navy);color:var(--brand-off-white)}.filters-drawer__sort-input:focus-visible+.filters-drawer__sort-label{outline:2px solid currentcolor;outline-offset:2px}.filters-drawer__group{box-sizing:border-box;border-block-end:1px solid rgb(213 216 220 / .6);padding-inline:var(--filters-drawer-inset)}.filters-drawer__group *{box-sizing:border-box}.filters-drawer__group-header{display:flex;block-size:61px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.filters-drawer__group-header::-webkit-details-marker{display:none}.filters-drawer__group-header:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.filters-drawer__toggle{position:relative;flex:0 0 auto;inline-size:11px;block-size:11px}.filters-drawer__toggle:before,.filters-drawer__toggle:after{position:absolute;background-color:currentcolor;content:""}.filters-drawer__toggle:before{inset-block-start:5px;inset-inline-start:0;inline-size:11px;block-size:1px}.filters-drawer__toggle:after{inset-block-start:0;inset-inline-start:5px;inline-size:1px;block-size:11px;transition:opacity var(--transition-base)}.filters-drawer__group[open] .filters-drawer__toggle:after{opacity:0}.filters-drawer__group-body{padding-block-end:20px}.filters-drawer__options{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.filters-drawer__option{display:flex;gap:14px;block-size:25px;align-items:center;color:currentcolor;text-decoration:none;cursor:pointer}.filters-drawer__option--active .filters-drawer__option-label{font-weight:var(--font-weight-semibold)}.filters-drawer__option:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.filters-drawer__box{flex:0 0 auto;box-sizing:border-box;position:relative;inline-size:16px;block-size:16px;border:1px solid var(--brand-rule);border-radius:var(--radius-button);background-color:var(--brand-white)}.filters-drawer__box--checked{border-color:var(--brand-navy);background-color:var(--brand-navy)}.filters-drawer__box--checked:after{position:absolute;inset-block-start:1px;inset-inline-start:5px;inline-size:4px;block-size:8px;border:solid var(--brand-off-white);border-width:0 1.5px 1.5px 0;rotate:45deg;content:""}.filters-drawer__apply--inline{margin-block-start:12px}.filters-drawer__checkbox{flex:0 0 auto;inline-size:16px;block-size:16px;margin:0;border-radius:var(--radius-button);accent-color:var(--brand-navy)}.filters-drawer__option-label{display:flex;gap:6px;align-items:baseline;font-family:var(--font-accent-family);font-size:12px;font-weight:var(--font-weight-regular);line-height:18px}.filters-drawer__checkbox:disabled+.filters-drawer__option-label{opacity:.4}.filters-drawer__option:has(.filters-drawer__checkbox:focus-visible){outline:2px solid currentcolor;outline-offset:2px}.filters-drawer__footer{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding-block:24px;padding-inline:var(--filters-drawer-inset)}.filters-drawer__apply{box-sizing:border-box;display:flex;text-decoration:none;inline-size:160px;block-size:45px;align-items:center;justify-content:center;border:1px solid var(--brand-navy);border-radius:var(--radius-button);background-color:var(--brand-navy);color:var(--brand-off-white);font-family:inherit;font-size:14px;font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:1.68px;text-transform:uppercase;cursor:pointer}.filters-drawer__apply:focus-visible{outline:2px solid currentcolor;outline-offset:2px}@media screen and (min-width:990px){.filters-drawer{--filters-drawer-width: 400px}}@media(prefers-reduced-motion:reduce){.filters-drawer__sort-label,.filters-drawer__toggle:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/926/assets/component-filters-drawer.css.map */