.collection-slider{--collection-slider-gap: var(--space-md);display:block}.collection-slider [hidden]{display:none!important}.collection-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--size-tap);margin-bottom:var(--space-md)}.collection-slider__heading{margin:0;font-family:var(--collection-slider-heading-font, var(--font-heading-family));font-weight:var(--collection-slider-heading-weight, var(--font-heading-weight))}.collection-slider__arrows{display:flex;flex:0 0 auto;gap:var(--space-xs)}.collection-slider__arrow{display:inline-grid;place-items:center;width:var(--size-tap);height:var(--size-tap);padding:0;border:var(--border-hairline) solid rgb(var(--token-divider));border-radius:var(--radius-pill);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem rgba(var(--token-primary),.12);cursor:pointer}.collection-slider__arrow .svg-wrapper{width:var(--size-icon-sm);height:var(--size-icon-sm)}.collection-slider__arrow[name=previous] .svg-wrapper{transform:rotate(90deg)}.collection-slider__arrow[name=next] .svg-wrapper{transform:rotate(-90deg)}.collection-slider__arrow:hover:not([disabled]){border-color:rgb(var(--color-foreground))}.collection-slider__arrow:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--token-focus));outline-offset:var(--focus-ring-offset)}.collection-slider__arrow[disabled]{box-shadow:none;opacity:.45;cursor:not-allowed}.collection-slider__body{display:block}@media screen and (min-width:750px){.collection-slider__body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,3fr);gap:var(--collection-slider-gap);align-items:stretch}.collection-slider--no-tile .collection-slider__body{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:990px){.collection-slider__body{grid-template-columns:minmax(0,1.6fr) minmax(0,5fr)}}.collection-slider__tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius-card);background:rgb(var(--token-tint));color:rgb(var(--token-text));text-decoration:none;aspect-ratio:2.6;margin-bottom:var(--collection-slider-gap)}@media screen and (min-width:750px){.collection-slider__tile{aspect-ratio:auto;min-height:100%;margin-bottom:0}}.collection-slider__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-slider__tile-cta{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xl) var(--space-md) var(--space-md);font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;line-height:1.3}.collection-slider__tile--photo .collection-slider__tile-cta{background:linear-gradient(to top,rgba(var(--token-primary),.85),rgba(var(--token-primary),.75) 55%,rgba(var(--token-primary),0));color:rgb(var(--token-on-primary))}.collection-slider__tile-cta .svg-wrapper{width:var(--size-icon-sm);height:var(--size-icon-sm);transform:rotate(-90deg)}.collection-slider__tile:hover .collection-slider__tile-cta span:first-child{text-decoration:underline}.collection-slider__tile:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--token-focus));outline-offset:var(--focus-ring-offset)}.collection-slider__track{position:relative;display:flex;gap:var(--collection-slider-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.collection-slider__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.collection-slider__track{scroll-behavior:auto}}.collection-slider__item{flex:0 0 42%;min-width:0;scroll-snap-align:start}@media screen and (max-width:749px){.collection-slider__track{margin-inline:calc(-1 * var(--page-gutter, 1.5rem));padding-inline:var(--page-gutter, 1.5rem);scroll-padding-inline:var(--page-gutter, 1.5rem)}.collection-slider__arrows{display:none}}@media screen and (min-width:750px){.collection-slider__item{flex-basis:calc((100% - 2 * var(--collection-slider-gap)) / 3)}}@media screen and (min-width:990px){.collection-slider__item{flex-basis:calc((100% - 4 * var(--collection-slider-gap)) / 5)}}.collection-slider__note{margin:0;padding:var(--space-md);border:var(--border-hairline) dashed rgb(var(--color-foreground));color:rgb(var(--color-foreground));line-height:var(--line-height-body)}.collection-slider--editor-note .page-width{padding-block:var(--space-lg)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collection-slider.css.map */