.category-icons-section{border-top:1px solid var(--line, #dcdce0)}.category-icons__heading{margin:0 0 20px;font-family:var(--font-heading--family, inherit);font-size:24px;font-weight:600;color:var(--ink, #303136)}.category-icons__nav-wrapper{position:relative;display:flex;align-items:center}.category-icons__scroller{position:relative;flex:1 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:none}.category-icons__scroller::-webkit-scrollbar{display:none}.category-icons__navigator{display:flex;align-items:center;justify-content:center;gap:4px;margin-block-start:20px}.category-icons__navigator[hidden]{display:none}.category-icons__dots{display:flex;align-items:center;gap:8px;padding-inline:8px}.category-icons__dot{position:relative;box-sizing:content-box;height:8px;width:8px;margin-inline:-4px;border-radius:999px;border:8px solid transparent;padding:0;background:var(--category-icons-dot, #dcdce0) padding-box;cursor:pointer;overflow:hidden;transition:width .45s cubic-bezier(.4,0,.2,1),background-color .45s ease}.category-icons__dot[aria-current=true]{width:28px;background:color-mix(in srgb,var(--category-icons-dot-active, #f57e00) 25%,transparent) padding-box}.category-icons__dot-progress{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left;background:var(--category-icons-dot-active, #f57e00)}.category-icons__container{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--category-icons-gap, 12px);padding-inline:4px;--category-icons-cols: var(--category-icons-cols-mobile, 2)}@media screen and (min-width:480px){.category-icons__container{--category-icons-cols: var(--category-icons-cols-mobile-landscape, 3)}}@media screen and (min-width:750px){.category-icons__container{--category-icons-cols: var(--category-icons-cols-tablet, 4)}}@media screen and (min-width:990px){.category-icons__container{--category-icons-cols: var(--category-icons-cols-desktop, 5)}}.category-icons__container>.shopify-block{flex:0 0 calc((100% - var(--category-icons-gap, 12px) * (var(--category-icons-cols) - 1)) / var(--category-icons-cols));min-width:0;scroll-snap-align:start}.category-icons__dot:focus-visible{outline:2px solid var(--accent-dark, #f57e00);outline-offset:2px}.category-icons-section--grid{border-top:0}.category-icons-section--grid .category-icons__heading{margin-block-end:24px;font-size:var(--font-h2--size, 2rem);font-weight:700}.category-icons-section--grid .category-icons__scroller{overflow:visible;scroll-snap-type:none}.category-icons-section--grid .category-icons__container{flex-wrap:wrap;padding-inline:0}.category-icons-section--grid .category-icons__navigator{display:none}.category-icons-section--grid .category-icons__item-wrapper{border-radius:12px}.category-icons-section--grid .category-icons__panel-image-wrap{aspect-ratio:4 / 3}.category-icons-section--grid .category-icons__panel-label{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:8px 16px;text-align:left;text-transform:none;letter-spacing:0;font-size:1rem}.category-icons-section--grid .category-icons__panel-label:after{content:"\2192";color:var(--accent)}.category-icons-section--colado .category-icons__container{--category-icons-gap: 0px}.category-icons-section--colado .category-icons__heading{margin-block-end:32px}.category-icons-section--colado .category-icons__item-wrapper{border:0;border-radius:0}.category-icons-section--colado .category-icons__panel-image-wrap{aspect-ratio:1 / 1}.category-icons-section--grid.category-icons-section--colado .category-icons__panel-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;min-height:0;padding:16px;background:linear-gradient(to top,#000000b3 0,#0006 40%,#0000 70%);color:var(--text-on-dark);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);font-family:var(--font-heading--family, inherit);font-size:14px;letter-spacing:.06em;overflow-wrap:normal}.category-icons-section--colado .category-icons__panel-label:after{content:none}.category-icons-section--colado .category-icons__panel-image{transition:transform .4s ease}@media(hover:hover){.category-icons-section--colado .category-icons__panel:hover .category-icons__panel-image{transform:scale(1.04)}}@media(hover:hover)and (pointer:fine){.category-icons-section--grid.category-icons-section--colado .category-icons__panel-label{opacity:0;transition:opacity .25s ease}.category-icons-section--grid.category-icons-section--colado .category-icons__panel:hover .category-icons__panel-label,.category-icons-section--grid.category-icons-section--colado .category-icons__panel:focus-visible .category-icons__panel-label{opacity:1}}@media(min-width:750px){.category-icons-section--grid.category-icons-section--colado .category-icons__panel-label{padding:20px;font-size:18px}}@media(min-width:750px)and (max-width:1023px){.category-icons-section--grid.category-icons-section--colado .category-icons__panel-label{padding:16px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-category-icons.css.map */