collection-showcase{display:block}.collection-showcase{width:100%;padding-block:var(--spacing-section);overflow:hidden;background:var(--gradient-background);color:var(--color-foreground)}.collection-showcase__inner{width:var(--content-width);max-width:100%;margin-inline:auto}.collection-showcase__header{margin-bottom:clamp(20px,3vw,36px)}.collection-showcase__heading{color:var(--color-section-title, var(--color-foreground));font-size:var(--font-size-heading)}.collection-showcase__subtitle{margin-top:.6rem;color:color-mix(in srgb,var(--color-foreground) 72%,transparent);font-size:var(--font-size-body)}.collection-showcase__viewport{position:relative}.collection-showcase__track{display:grid;grid-template-rows:repeat(var(--collection-rows),var(--collection-card-height));grid-auto-flow:column;grid-auto-columns:var(--collection-card-width);gap:var(--collection-card-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none}.collection-showcase__track::-webkit-scrollbar{display:none}.collection-showcase__track:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.collection-showcase__card{position:relative;min-width:0;height:var(--collection-card-height);border:var(--style-border-width-cards) solid var(--color-border);border-radius:var(--style-border-radius-cards);overflow:hidden;display:block;scroll-snap-align:start;background:var(--color-background);color:var(--color-foreground);text-decoration:none;isolation:isolate}.collection-showcase__media,.collection-showcase__image,.collection-showcase__placeholder,.collection-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-showcase__image,.collection-showcase__placeholder{display:block;object-fit:var(--collection-image-fit);object-position:var(--collection-image-position);transition:transform .26s ease}.collection-showcase__placeholder{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));color:color-mix(in srgb,var(--color-primary) 25%,var(--color-background))}.collection-showcase__overlay{z-index:1;background:var(--collection-overlay-color, var(--color-background));opacity:var(--collection-overlay-opacity, .35)}.collection-showcase__icon{position:absolute;z-index:3;top:50%;right:clamp(14px,2vw,28px);width:clamp(48px,5vw,76px);height:clamp(48px,5vw,76px);display:grid;place-items:center;transform:translateY(-50%);color:var(--color-border);opacity:1;pointer-events:none}.collection-showcase__icon-svg,.collection-showcase__icon-image{width:100%;height:100%;display:block}.collection-showcase__icon-image{object-fit:contain}.collection-showcase__content{position:relative;z-index:2;width:min(72%,32rem);height:100%;padding:clamp(16px,2.2vw,28px);display:flex;flex-direction:column;justify-content:flex-start;pointer-events:none}.collection-showcase__card-title{color:var(--color-foreground);font-size:var(--font-size-heading-small);line-height:var(--font-heading--line-height)}.collection-showcase__card-subtitle{margin-top:.45rem;color:color-mix(in srgb,var(--color-foreground) 76%,transparent);font-size:var(--font-size-body);line-height:var(--font-body--line-height);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}a.collection-showcase__card:hover .collection-showcase__image,a.collection-showcase__card:focus-visible .collection-showcase__image{transform:scale(1.035)}a.collection-showcase__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.collection-showcase__arrow{position:absolute;z-index:3;top:50%;width:46px;height:46px;padding:0;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;transform:translateY(-50%);background:var(--color-background);color:var(--color-carousel-arrow);box-shadow:0 5px 18px color-mix(in srgb,var(--color-shadow) 18%,transparent);cursor:pointer;transition:opacity .16s ease,transform .16s ease}.collection-showcase__arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.collection-showcase__arrow:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.collection-showcase__arrow:disabled{opacity:0;pointer-events:none}.collection-showcase__arrow[hidden]{display:none}.collection-showcase__arrow svg{width:24px;height:24px}.collection-showcase__arrow--previous{left:-23px}.collection-showcase__arrow--next{right:-23px}@media(max-width:989px){.collection-showcase__track{grid-template-rows:repeat(var(--collection-mobile-rows),var(--collection-mobile-card-height));grid-auto-columns:var(--collection-mobile-card-width)}.collection-showcase__card{height:var(--collection-mobile-card-height)}.collection-showcase--mobile-card-stacked .collection-showcase__card{display:flex;flex-direction:column;align-items:flex-start}.collection-showcase--mobile-card-stacked .collection-showcase__content{width:100%;height:auto;flex:0 1 auto;padding-bottom:8px}.collection-showcase--mobile-card-stacked .collection-showcase__icon{position:relative;top:auto;right:auto;width:40px;height:40px;margin-top:auto;margin-right:0;margin-bottom:clamp(14px,4vw,20px);margin-left:clamp(16px,4.5vw,24px);transform:none;flex:0 0 auto}.collection-showcase__arrow--previous{left:8px}.collection-showcase__arrow--next{right:8px}}@media(prefers-reduced-motion:reduce){.collection-showcase__track{scroll-behavior:auto}.collection-showcase__image,.collection-showcase__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-showcase.css.map */