.peek-carousel{--peek-gap: .2rem;--peek-edge: 1rem;display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "viewport" "viewall"}.peek-carousel__heading{grid-area:heading;width:100%;margin:0 0 2.4rem;padding:0 var(--peek-edge);text-align:center;text-transform:uppercase;letter-spacing:.08em}.peek-carousel__viewport{grid-area:viewport;position:relative}.peek-carousel__view-all.button{--color-button: 26, 26, 26;--color-button-text: 255, 255, 255;--alpha-button-background: 1;--alpha-button-border: 0;grid-area:viewall;justify-self:center;width:auto;min-width:25rem;max-width:calc(100% - (var(--peek-edge) * 2));min-height:3.6rem;margin-top:2.4rem;padding:0 3rem;font-size:1.1rem;letter-spacing:.18rem;text-transform:uppercase;white-space:nowrap}.peek-carousel__track{display:flex;gap:var(--peek-gap);margin:0;padding:0 var(--peek-edge);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--peek-edge);-webkit-overflow-scrolling:touch;scrollbar-width:none}.peek-carousel__track::-webkit-scrollbar{display:none}.peek-carousel__item{flex:0 0 calc((100% - (var(--peek-edge) * 2) - (var(--peek-gap) * 2)) / var(--peek-mobile, 2.5));scroll-snap-align:start}.peek-carousel__arrow{display:none}@media screen and (min-width:750px){.peek-carousel{--peek-edge: 1.5rem;grid-template-columns:1fr auto;grid-template-areas:"heading viewall" "viewport viewport"}.peek-carousel__heading{text-align:left}.peek-carousel__view-all.button{align-self:baseline;justify-self:end;min-width:0;margin-top:0;padding:0 2.4rem}.peek-carousel__item{flex-basis:calc((100% - (var(--peek-edge) * 2) - (var(--peek-gap) * 4)) / var(--peek-desktop, 4.5))}.peek-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;transform:translateY(-50%);border:0;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 2px 10px rgba(var(--color-shadow),.15);color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .15s ease}.peek-carousel__arrow[disabled]{opacity:0;pointer-events:none}.peek-carousel__arrow--prev{left:.8rem}.peek-carousel__arrow--next{right:.8rem}.peek-carousel__arrow .icon-caret{width:1.2rem;height:1.2rem}.peek-carousel__arrow--prev .icon-caret{transform:rotate(90deg)}.peek-carousel__arrow--next .icon-caret{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.peek-carousel__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-peek-carousel.css.map */