.collection-subcategory-tiles{--subcategory-tiles-gap: 20px;--subcategory-tiles-radius: 6px;display:block;min-width:0;width:100%;overflow:visible}.collection-subcategory-tiles__frame{position:relative;width:100%;min-width:0;overflow:visible}.collection-subcategory-tiles__viewport{container-type:inline-size;container-name:col-subcat-tiles;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.collection-subcategory-tiles__viewport::-webkit-scrollbar{display:none}.collection-subcategory-tiles__track{display:flex;flex-direction:row;align-items:stretch;gap:var(--subcategory-tiles-gap);padding:2px 0;width:max-content}.collection-subcategory-tiles__tile{position:relative;display:block;flex:0 0 auto;width:123px;aspect-ratio:1;border-radius:var(--subcategory-tiles-radius);overflow:hidden;text-decoration:none;color:inherit;scroll-snap-align:start;box-shadow:0 0 0 1px rgba(var(--color-foreground),.06)}.collection-subcategory-tiles__media{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.06)}.collection-subcategory-tiles__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transform-origin:center center;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.collection-subcategory-tiles__tile:hover .collection-subcategory-tiles__img,.collection-subcategory-tiles__tile:focus-visible .collection-subcategory-tiles__img{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.collection-subcategory-tiles__img{transition:none}.collection-subcategory-tiles__tile:hover .collection-subcategory-tiles__img,.collection-subcategory-tiles__tile:focus-visible .collection-subcategory-tiles__img{transform:scale(1)}}.collection-subcategory-tiles__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.collection-subcategory-tiles__label{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;font-family:var(--font-proxima-nova);font-size:14px;font-weight:700;line-height:2rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}@media screen and (min-width:769px){.collection-subcategory-tiles__label{text-align:left;left:6px;right:6px}}@media screen and (min-width:768px)and (max-width:1023px){@container col-subcat-tiles (min-width: 1px){.collection-subcategory-tiles__tile{width:calc((100cqw - 3 * var(--subcategory-tiles-gap)) / 4);aspect-ratio:1}}}@media screen and (min-width:1024px){@container col-subcat-tiles (min-width: 1px){.collection-subcategory-tiles__tile{width:calc((100cqw - 4 * var(--subcategory-tiles-gap)) / 5);aspect-ratio:1}}}.collection-subcategory-tiles__nav{position:absolute;top:50%;z-index:10;width:40px;height:40px;padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000!important;background:#fff;-webkit-tap-highlight-color:transparent;transform:translateY(-50%);transition:background-color .2s ease,opacity .2s ease}.collection-subcategory-tiles__nav--prev{left:-4px}.collection-subcategory-tiles__nav--next{right:-4px}@media screen and (min-width:769px){.collection-subcategory-tiles__nav--prev{left:-20px}.collection-subcategory-tiles__nav--next{right:-20px}}.collection-subcategory-tiles__nav-svg{display:block;width:1.6rem;height:1.6rem;color:#000}.collection-subcategory-tiles__nav-svg path{stroke:#000}.collection-subcategory-tiles__nav:hover:not(:disabled){background:#f5f5f5}.collection-subcategory-tiles__nav.is-disabled,.collection-subcategory-tiles__nav:disabled{opacity:.5;cursor:default;pointer-events:none}.collection-subcategory-tiles__nav.collection-subcategory-tiles__nav--hidden{display:none!important;pointer-events:none}.collection-subcategory-tiles__nav-icon{display:flex;align-items:center;justify-content:center;color:#000}.collection-subcategory-tiles__nav-icon svg{color:#000}.subcategory-tiles-heading{width:100%;margin:0 0 12px;padding-left:32px;font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0px;font-family:ivyora-display;color:rgb(var(--color-foreground))}@media screen and (max-width:767px){.collection-subcategory-tiles__tile{width:min(36vw,150px);aspect-ratio:1}.collection-subcategory-tiles__label{font-size:1.1rem;left:10px;right:10px;bottom:10px}.collection-subcategory-tiles__nav{width:40px;height:40px}.collection-subcategory-tiles__nav-svg{width:1rem;max-width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-collection-subcategory-tiles.css.map */