.category-icon-bar{position:relative;z-index:2;overflow:visible;display:flow-root;isolation:isolate}.category-icon-bar__section-padding{position:relative;z-index:1;will-change:transform}.category-icon-bar__outer{position:relative}.category-icon-bar__track{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--category-icon-bar-gap);list-style:none;margin:0;padding:0}.category-icon-bar__item{display:flex;min-width:0;transform-origin:center center;transition:transform .25s ease}.category-icon-bar__item:hover{position:relative;z-index:1;transform:scale(1.05)}.category-icon-bar__card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-width:0;min-height:var(--category-icon-bar-card-height);padding:.4rem .4rem .4rem 1.4rem;border-radius:var(--category-icon-bar-card-radius);background-color:var(--category-icon-bar-card-item-bg, var(--category-icon-bar-card-bg));color:var(--category-icon-bar-card-item-color, var(--category-icon-bar-card-color));text-decoration:none}a.category-icon-bar__card{cursor:pointer}a.category-icon-bar__card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}a.category-icon-bar__card:hover,.category-icon-bar__card:hover{color:var(--category-icon-bar-card-item-color, var(--category-icon-bar-card-color))}@media(prefers-reduced-motion:reduce){.category-icon-bar__item{transition:none}.category-icon-bar__item:hover{transform:none}}.category-icon-bar__title{flex:1 1 auto;min-width:0;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.25;font-weight:var(--font-body-weight-medium)}.category-icon-bar__title strong,.category-icon-bar__title b{font-weight:var(--font-body-weight-bold)}.category-icon-bar__media{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--category-icon-bar-media-size);height:var(--category-icon-bar-media-size);border-radius:var(--category-icon-bar-media-radius);background-color:var(--category-icon-bar-media-item-bg, var(--category-icon-bar-media-bg));overflow:hidden}.category-icon-bar__media-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.category-icon-bar__media-placeholder{width:100%;height:100%;opacity:.35}@media screen and (min-width:992px){.category-icon-bar__track--cols-6 .category-icon-bar__item{flex:1 1 calc(16.666% - var(--category-icon-bar-gap));max-width:calc(16.666% - var(--category-icon-bar-gap))}.category-icon-bar__track--cols-5 .category-icon-bar__item{flex:1 1 calc(20% - var(--category-icon-bar-gap));max-width:calc(20% - var(--category-icon-bar-gap))}.category-icon-bar__track--cols-4 .category-icon-bar__item{flex:1 1 calc(25% - var(--category-icon-bar-gap));max-width:calc(25% - var(--category-icon-bar-gap))}.category-icon-bar__track--cols-3 .category-icon-bar__item{flex:1 1 calc(33.333% - var(--category-icon-bar-gap));max-width:calc(33.333% - var(--category-icon-bar-gap))}.category-icon-bar__track--cols-2 .category-icon-bar__item{flex:1 1 calc(50% - var(--category-icon-bar-gap));max-width:calc(50% - var(--category-icon-bar-gap))}.category-icon-bar__track--cols-1 .category-icon-bar__item{flex:1 1 100%;max-width:28rem}}@media screen and (max-width:991px){.category-icon-bar__outer.page-width{margin-left:calc(-1 * var(--page-width-margin, 1.5rem));margin-right:calc(-1 * var(--page-width-margin, 1.5rem));width:calc(100% + 2 * var(--page-width-margin, 1.5rem));max-width:100vw}.category-icon-bar__track{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.08);padding-bottom:.6rem;padding-left:max(1.5rem,var(--page-width-margin, 1.5rem));padding-right:max(1.5rem,var(--page-width-margin, 1.5rem))}.category-icon-bar__item{flex:0 0 auto;scroll-snap-align:start}.category-icon-bar__card{min-width:var(--category-icon-bar-mobile-card-min-width);min-height:var(--category-icon-bar-card-height-mobile, var(--category-icon-bar-card-height));height:var(--category-icon-bar-card-height-mobile, var(--category-icon-bar-card-height));padding:.3rem .3rem .3rem 1rem}.category-icon-bar__media{width:var(--category-icon-bar-media-size-mobile, var(--category-icon-bar-media-size));height:var(--category-icon-bar-media-size-mobile, var(--category-icon-bar-media-size))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-category-icon-bar.css.map */