.category-icons{padding:10px 0;--gap: 28px;--item-width: max(var(--icon-size), 92px);--active-visible: var(--visible-items)}.category-icons__wrapper{position:relative;display:flex;align-items:center;justify-content:center}.category-icons__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e5e2dd;color:#1a1a1a;cursor:pointer;z-index:2;margin:0 8px;transition:opacity .15s ease,background .15s ease}.category-icons__arrow:hover{background:#f2f0eb}.category-icons__arrow[hidden]{display:none}.category-icons__scroll{flex:0 1 auto;max-width:calc(var(--item-width) * var(--active-visible) + var(--gap) * (var(--active-visible) - 1));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-behavior:smooth}.category-icons__scroll::-webkit-scrollbar{display:none}.category-icons__list{display:flex;width:max-content;margin:0 auto;gap:var(--gap);list-style:none;padding:0}.category-icons__item{flex:0 0 var(--item-width);display:flex;justify-content:center;scroll-snap-align:start}.category-icons__item a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit}.category-icons__image{width:var(--icon-size);height:var(--icon-size);border-radius:50%;overflow:hidden;display:block;background:#f2f0eb}.category-icons__image img{width:100%;height:100%;object-fit:cover;display:block}.category-icons__placeholder{display:block;width:100%;height:100%;background:#e5e2dd}.category-icons__label{font-size:12px;letter-spacing:.03em;text-transform:uppercase;text-align:center;white-space:nowrap}@media screen and (min-width:750px)and (max-width:989px){.category-icons{--gap: 22px}.category-icons__image{width:min(var(--icon-size),64px);height:min(var(--icon-size),64px)}}@media screen and (max-width:749px){.category-icons{--gap: 16px;--item-width: max(var(--icon-size), 70px);--active-visible: var(--visible-items-mobile);max-width:none;padding:20px 0 24px}.category-icons__wrapper{justify-content:flex-start}.category-icons__scroll{max-width:none;width:100%;flex:1 1 auto}.category-icons__list{width:max-content;margin:0;padding:0 16px;justify-content:flex-start}.category-icons__image{width:min(var(--icon-size),60px);height:min(var(--icon-size),60px)}.category-icons__label{font-size:10.5px}.category-icons__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-category-icons.css.map */