.category-strip{--cs-red: #c41f2f;--cs-red-soft: #f0c3cc;--cs-text: #141414;position:relative;max-width:1200px;margin:0 auto 20px}.category-strip__track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 6px 8px 2px}.category-strip__track::-webkit-scrollbar{display:none}.category-strip__item{flex:0 0 auto;scroll-snap-align:start;width:74px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:inherit}.category-strip__media{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#f6f5f3;border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.category-strip__img,.category-strip__placeholder{display:block;width:100%;height:100%;object-fit:cover}.category-strip__item:hover .category-strip__media{border-color:var(--cs-red-soft)}.category-strip__item--active .category-strip__media{border-color:var(--cs-red);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--cs-red)}.category-strip__label{font-size:11px;line-height:1.25;font-weight:600;color:var(--cs-text)}.category-strip__item--active .category-strip__label{color:var(--cs-red)}.category-strip__nav{display:none;align-items:center;justify-content:center;position:absolute;right:0;top:26px;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #e7e7e7;background:#fff;color:var(--cs-text);cursor:pointer;box-shadow:0 2px 10px #00000024;z-index:2;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.category-strip__nav:disabled{opacity:.35;cursor:default}.category-strip__nav[hidden]{display:none}.category-strip__nav:hover:not(:disabled){background:var(--cs-text);color:#fff}.category-strip__nav svg{width:14px;height:14px}@media screen and (min-width:750px){.category-strip{margin-bottom:22px}.category-strip__track{gap:20px;padding:6px 44px 8px 2px}.category-strip__item{width:86px;gap:10px}.category-strip__media{width:76px;height:76px}.category-strip__label{font-size:12px}.category-strip__nav{display:flex;top:34px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/category-strip.css.map */