.subfilter{--sf-size: var(--subfilter-size, 96px);--sf-ink: #201918;--sf-muted: #5f5551;--sf-peach: #f2d9cd;--sf-cream: #fff7f1;--sf-accent: var(--color_btn_bg, #8c3a39);position:relative;margin:8px 0 24px}.subfilter__list{display:flex;gap:18px;margin:0;padding:8px 6px 10px;list-style:none;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.subfilter__list::-webkit-scrollbar{display:none}.subfilter__item{flex:0 0 auto;width:calc(var(--sf-size) + 24px);margin:0;scroll-snap-align:start}.subfilter__link{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--sf-ink);text-align:center;text-decoration:none}.subfilter__thumb{display:block;width:var(--sf-size);height:var(--sf-size);overflow:hidden;border-radius:50%;background:var(--sf-peach);box-shadow:0 0 #fff,0 0 0 0 var(--sf-accent);transition:transform .2s ease,box-shadow .2s ease}.subfilter__thumb img{display:block;width:100%;height:100%;object-fit:cover}.subfilter__thumb--all{display:flex;align-items:center;justify-content:center;background:var(--sf-cream);color:var(--sf-accent);box-shadow:inset 0 0 0 1px #2b25231f}.subfilter__label{max-width:100%;font-size:13px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--sf-muted);overflow-wrap:anywhere;transition:color .2s ease}.subfilter__link:hover .subfilter__thumb{transform:translateY(-2px)}.subfilter__link:hover .subfilter__label{color:var(--sf-ink)}.subfilter__link.is-active .subfilter__thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--sf-accent)}.subfilter__link.is-active .subfilter__label{color:var(--sf-ink);font-weight:600}.subfilter__link:focus-visible{outline:2px solid var(--sf-accent);outline-offset:4px;border-radius:12px}.subfilter .subfilter__arrow{position:absolute;top:calc(var(--sf-size) / 2 + 8px);z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:1px solid rgba(43,37,35,.12);border-radius:50%;background:#fff;box-shadow:0 4px 14px #20191824;color:var(--sf-ink);cursor:pointer;transform:translateY(-50%);transition:color .15s ease,box-shadow .15s ease}.subfilter .subfilter__arrow:hover{color:var(--sf-accent)}.subfilter .subfilter__arrow[hidden]{display:none}.subfilter__arrow--prev{left:-10px}.subfilter__arrow--next{right:-10px}@media screen and (max-width:767px){.subfilter{--sf-size: min(var(--subfilter-size, 96px), 76px);margin:4px 0 18px}.subfilter__list{gap:12px}.subfilter__item{width:calc(var(--sf-size) + 16px)}.subfilter__label{font-size:12px}.subfilter .subfilter__arrow{display:none}}@media(prefers-reduced-motion:reduce){.subfilter__thumb,.subfilter__label{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-subfilter.css.map */