.collection-subnav{padding-top:calc(4 * var(--space-unit));padding-bottom:calc(2 * var(--space-unit))}.collection-subnav__list{margin:0;padding:0;list-style:none}.collection-subnav__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3 * var(--space-unit))}@media(min-width:768px){.collection-subnav__tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}}.collection-subnav__tile{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--space-unit));padding:calc(4 * var(--space-unit)) calc(2 * var(--space-unit));border-radius:var(--card-border-radius, 0);background-color:rgba(var(--text-color) / .05);color:inherit;text-decoration:none;transition:background-color .3s ease}.collection-subnav__tile:hover{background-color:rgba(var(--text-color) / .1)}.collection-subnav__tile-media{width:96px;height:96px;border-radius:50%;overflow:hidden;background-color:rgba(var(--text-color) / .08)}.collection-subnav__tile-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.collection-subnav__tile:hover .collection-subnav__tile-media img{transform:scale(1.06)}.collection-subnav__tile-title{margin:0;text-align:center;text-transform:uppercase}.collection-subnav__chips{display:flex;gap:calc(2 * var(--space-unit));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x proximity}.collection-subnav__chips::-webkit-scrollbar{display:none}.collection-subnav__chips>li{flex:0 0 auto;scroll-snap-align:start}@media(min-width:1024px){.collection-subnav__chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}.collection-subnav__chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 14px 4px 4px;border:1px solid rgba(var(--text-color) / .2);border-radius:999px;color:inherit;text-decoration:none;font-size:.875em;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}[dir=rtl] .collection-subnav__chip{padding:4px 4px 4px 14px}.collection-subnav__chip--all,.collection-subnav__chip:not(:has(.collection-subnav__thumb)){padding-inline:14px}.collection-subnav__chip:hover{border-color:rgba(var(--text-color) / .6)}.collection-subnav__chip.is-active{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color));color:rgb(var(--bg-color))}.collection-subnav__thumb{flex:0 0 auto;width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:rgba(var(--text-color) / .08)}.collection-subnav__thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/23/assets/collection-subnav.css.map */