visual-filter{--vf-text: #111111;--vf-gray: #797c6e;--vf-line: #e4e4dd;--vf-cards-per-row: 5;--vf-gap: 10px;--vf-card-ratio: 2 / 3;--vf-card-ratio-mobile: 2 / 3;--vf-active: #1b54c4;display:block;color:var(--vf-text)}@media only screen and (max-width:749px){visual-filter{--vf-card-ratio: 3 / 3}}visual-filter[hidden]{display:none}.vf{padding:20px 12px 4px}@media(min-width:64.0625rem){.vf{padding:16px 24px 4px;--vf-gap: 10px}}.vf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 12px;background:transparent;border-bottom:1px solid var(--vf-line)}@media(min-width:64.0625rem){.vf-bar{padding:16px 24px}}.vf-bar__title{margin:0;font-size:.75rem;font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-text)}.vf-bar__filter{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.75rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-text);cursor:pointer;white-space:nowrap}.vf-bar__filter:hover{color:var(--vf-active)}.vf-bar__filter:focus-visible{outline:2px solid var(--vf-text);outline-offset:3px}.vf__heading{font-size:.875rem;font-weight:450;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px}.vf__tabs{display:flex;align-items:baseline;gap:18px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}@media(min-width:64.0625rem){.vf__tabs{justify-content:center}}.vf__tabs::-webkit-scrollbar{display:none}.vf__tablist{display:flex;align-items:baseline;gap:18px;flex:0 0 auto}.vf__tabs-label{flex:0 0 auto;font-size:.875rem;font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-gray)}.vf__tab{flex:0 0 auto;-webkit-appearance:none;appearance:none;background:none;border:0;padding:2px 0;font:inherit;font-size:.875rem;font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-text);cursor:pointer;white-space:nowrap;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.vf__tab:hover{color:var(--vf-active)}.vf__tab[aria-selected=true]{color:var(--vf-active);border-bottom-color:var(--vf-active)}.vf__panel[hidden]{display:none}.vf__rail{display:flex;gap:var(--vf-gap);padding:0 12px 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:12px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin:0 -12px}.vf__rail::-webkit-scrollbar{display:none}.vf__rail>li{flex:0 0 62%;scroll-snap-align:start}@media(min-width:64.0625rem){.vf__rail{margin-left:0;margin-right:0;padding:0;scroll-padding-left:0}.vf__rail>li{flex:0 0 calc((100% - (var(--vf-cards-per-row) - 1) * var(--vf-gap)) / var(--vf-cards-per-row))}.vf__rail--fits{justify-content:var(--vf-justify, flex-start)}}.vf__rail-wrap{position:relative}.vf__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid var(--vf-line);color:var(--vf-text);cursor:pointer;transition:border-color .15s ease}.vf__arrow--prev{left:-6px}.vf__arrow--next{right:-6px}.vf__arrow svg{width:7px;height:11px;display:block}.vf__arrow:hover{border-color:var(--vf-text)}.vf__arrow:focus-visible{outline:2px solid var(--vf-text);outline-offset:2px}@media(min-width:64.0625rem){.vf__arrow{display:flex}}.vf__arrow[hidden]{display:none!important}.vf-card{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:center;width:100%;cursor:pointer;display:block}.vf-card__media{position:relative;display:block;width:100%;aspect-ratio:var(--vf-card-ratio);overflow:hidden;background:#f4f4f0;transition:border-color .15s ease}.vf-card__media img{display:block;width:100%;height:100%;object-fit:cover}@media(max-height:800px){visual-filter{--vf-card-ratio: 3 / 4}}.vf-card--borrowed .vf-card__media img{object-position:center top}.vf-card--text .vf-card__media{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border-color:var(--vf-line)}.vf-card__media-text{font-size:.75rem;font-weight:450;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--vf-gray)}.vf-card:hover .vf-card__media{border-color:var(--vf-line)}.vf-card[aria-pressed=true] .vf-card__media,.vf-card--text[aria-pressed=true] .vf-card__media{border-color:var(--vf-text)}.vf-card__check{position:absolute;top:8px;right:8px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--vf-text);color:#fff;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.vf-card__check svg{width:10px;height:10px;display:block}.vf-card[aria-pressed=true] .vf-card__check{opacity:1;transform:scale(1);display:none}.vf-card__body{display:block;padding:10px 0 0}.vf-card__title{display:block;font-size:.9375rem;font-weight:500;letter-spacing:.01em;line-height:1.3}.vf-card__descriptor{display:block;margin-top:3px;font-size:.8125rem;font-weight:400;line-height:1.35;color:var(--vf-gray)}.vf-card__count{display:block;margin-top:4px;font-size:.625rem;font-weight:450;letter-spacing:.14em;text-transform:uppercase;color:var(--vf-gray)}.vf-card[disabled],.vf-card[aria-disabled=true]{cursor:default;opacity:.3;pointer-events:none}.vf__selections{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:0 12px;list-style:none}@media(min-width:64.0625rem){.vf__selections{padding:0}}.vf__selections:empty{display:none}.vf-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--vf-line);background:none;font:inherit;font-size:.625rem;font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-text);cursor:pointer;transition:border-color .15s ease}.vf-chip:hover{border-color:var(--vf-text)}.vf-chip__group{color:var(--vf-gray)}.vf-chip__x{display:block;width:7px;height:7px}.vf-chip__x svg{width:100%;height:100%;display:block}.vf__clear{-webkit-appearance:none;appearance:none;background:none;border:0;padding:5px 0;font:inherit;font-size:.625rem;font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--vf-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media only screen and (max-width:749px){.vf-card__media{aspect-ratio:var(--vf-card-ratio-mobile)}.vf__rail>li{flex:0 0 43%;scroll-snap-align:start}}.vf__count{margin:8px 0 0;padding:0 12px;font-size:.625rem;font-weight:450;letter-spacing:.12em;text-transform:uppercase;color:var(--vf-gray)}@media(min-width:64.0625rem){.vf__count{padding:0}}visual-filter[aria-busy=true] .vf__rail,visual-filter[aria-busy=true] .vf__selections{opacity:.55;transition:opacity .15s ease}.collection-grid__empty{padding:48px 24px 64px;text-align:center}.collection-grid__empty-text{font-size:.875rem;font-weight:450;letter-spacing:.04em;margin:0 0 12px}.filter-drawer__count{display:inline-block;margin-left:4px}.filter-drawer__count[hidden]{display:none}.vf__tab:focus-visible,.vf-chip:focus-visible,.vf__clear:focus-visible{outline:2px solid var(--vf-text);outline-offset:2px}.vf-card:focus-visible{outline:none}.vf-card:focus-visible .vf-card__media{outline:2px solid var(--vf-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.vf__tab,.vf-card__media,.vf-card__check,.vf-chip,visual-filter[aria-busy=true] .vf__rail,visual-filter[aria-busy=true] .vf__selections{transition:none}.vf__rail{scroll-behavior:auto}.vf-card__check,.vf-card[aria-pressed=true] .vf-card__check{transform:none}}button.vf-card{position:relative;padding-bottom:10px}button.vf-card .vf-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:2px solid #1B54C4;pointer-events:none;transform:scaleY(0);transform-origin:top;transition:transform .3s ease}button.vf-card[aria-pressed=true] .vf-card__media:after{transform:scaleY(1)}
/*# sourceMappingURL=/cdn/shop/t/482/assets/visual-filter.css.map */