[data-ppd-carousel]{position:relative;width:100%;min-width:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--theme-space-3)}[data-ppd-carousel-viewport]{position:relative;flex:1 1 auto;width:100%;aspect-ratio:var(--ppd-carousel-frame, var(--ppd-carousel-ratio, 16 / 8.5));max-height:var(--ppd-carousel-h-cap, none);max-width:min(100%,calc(var(--ppd-carousel-h-cap, min(62vh, 560px)) * var(--ppd-carousel-frame-num, 2)));margin-left:auto;transition:aspect-ratio .55s ease,max-width .55s ease;min-height:0;min-width:0;overflow:hidden;touch-action:pan-y}.ppd-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));gap:var(--theme-space-3);height:100%;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--theme-motion-duration-slow) var(--theme-motion-ease-out)}.ppd-carousel__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.ppd-carousel__slide.is-active .ppd-carousel__tile{animation:ppd-carousel-assemble var(--theme-motion-duration-slow) var(--theme-motion-ease-spring) both;animation-delay:var(--tile-delay, 0ms)}.ppd-carousel__tile{position:relative;display:block;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--theme-text) 12%,var(--theme-bg));color:inherit;text-decoration:none;--tile-delay: 0ms}.ppd-carousel__image{width:100%;height:100%;object-fit:cover;transition:transform var(--theme-motion-duration-slow) var(--theme-motion-ease-out);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ppd-carousel__image--contain{object-fit:contain}.ppd-carousel__tile--1 .ppd-carousel__image{object-position:50% 35%}.ppd-carousel__tile--2 .ppd-carousel__image{object-position:52% 25%}.ppd-carousel__tile--3 .ppd-carousel__image{object-position:50% 55%}.ppd-carousel__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none}.ppd-carousel__media:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.ppd-carousel__meta{position:absolute;inset:auto 0 0 0;display:grid;gap:2px;padding:30px var(--theme-space-3) var(--theme-space-2);background:linear-gradient(180deg,transparent,rgba(23,33,28,.66));pointer-events:none;opacity:0;transform:translateY(var(--theme-motion-distance));transition:opacity var(--theme-motion-duration-fast) var(--theme-motion-ease-out),transform var(--theme-motion-duration-fast) var(--theme-motion-ease-out)}.ppd-carousel__meta-name{font-size:var(--theme-type-card-title);line-height:var(--theme-leading-snug);text-shadow:0 1px 12px rgba(23,33,28,.55)}.ppd-carousel__meta-price{font-size:var(--theme-type-card-copy);opacity:.92}.ppd-carousel__tile--2 .ppd-carousel__meta,.ppd-carousel__tile--3 .ppd-carousel__meta{padding:22px 10px 8px}.ppd-carousel__tile--2 .ppd-carousel__meta-name,.ppd-carousel__tile--3 .ppd-carousel__meta-name{font-size:clamp(.875rem,1.1vw,1.05rem)}.ppd-carousel__tile--2 .ppd-carousel__meta-price,.ppd-carousel__tile--3 .ppd-carousel__meta-price{font-size:var(--theme-type-card-copy)}.ppd-carousel__tile:hover .ppd-carousel__meta,.ppd-carousel__tile:focus-within .ppd-carousel__meta,a.ppd-carousel__tile:hover .ppd-carousel__meta,a.ppd-carousel__tile:focus-visible .ppd-carousel__meta{opacity:1;transform:none}.ppd-carousel__tile:hover .ppd-carousel__image{transform:scale(1.025)}.ppd-carousel__tile--1{--tile-delay: 0ms;grid-column:1 / span 7;grid-row:1 / span 12}.ppd-carousel__tile--2{--tile-delay: 90ms;grid-column:8 / span 5;grid-row:1 / span 6}.ppd-carousel__tile--3{--tile-delay: .18s;grid-column:8 / span 5;grid-row:7 / span 6}.ppd-carousel__slide--alternate .ppd-carousel__tile--1{grid-column:6 / span 7;grid-row:1 / span 12}.ppd-carousel__slide--alternate .ppd-carousel__tile--2{grid-column:1 / span 5;grid-row:1 / span 6}.ppd-carousel__slide--alternate .ppd-carousel__tile--3{grid-column:1 / span 5;grid-row:7 / span 6}.ppd-carousel__slide--wide-stack .ppd-carousel__tile--1{grid-column:1 / span 6;grid-row:1 / span 12}.ppd-carousel__slide--wide-stack .ppd-carousel__tile--2{grid-column:7 / span 6;grid-row:1 / span 6}.ppd-carousel__slide--wide-stack .ppd-carousel__tile--3{grid-column:7 / span 6;grid-row:7 / span 6}.ppd-carousel__slide--landscape-stack .ppd-carousel__tile--1{grid-column:1 / span 12;grid-row:1 / span 7}.ppd-carousel__slide--landscape-stack .ppd-carousel__tile--2{grid-column:1 / span 6;grid-row:8 / span 5}.ppd-carousel__slide--landscape-stack .ppd-carousel__tile--3{grid-column:7 / span 6;grid-row:8 / span 5}.ppd-carousel__status{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--theme-space-3);margin-top:0;flex:0 0 auto;width:28px;align-self:stretch;order:-1}.hero-collage-wrap .ppd-carousel__status,.collection-product-collage .ppd-carousel__status{order:2}.ppd-carousel__toggle{order:2;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:inherit;opacity:.85;cursor:pointer;transition:opacity var(--theme-motion-duration-fast) var(--theme-motion-ease-out),color var(--theme-motion-duration-fast) var(--theme-motion-ease-out)}.ppd-carousel__toggle:hover{opacity:1;color:var(--theme-muted)}.ppd-carousel__toggle:focus-visible,.ppd-carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ppd-carousel__dots{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ppd-carousel__dot{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ppd-carousel__dot:before{content:"";width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.35;transition:opacity var(--theme-motion-duration-fast) var(--theme-motion-ease-out)}.ppd-carousel__dot[aria-selected=true]:before{opacity:1}.ppd-carousel__dot[aria-selected=true].is-running:before{transform-origin:top center;animation:ppd-carousel-progress var(--ppd-carousel-interval, 6s) linear forwards}.ppd-carousel__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ppd-carousel__toggle .ppd-carousel__icon-play{display:none}.ppd-carousel__toggle .ppd-carousel__icon-pause{display:block}.ppd-carousel__icon-play[hidden],.ppd-carousel__icon-pause[hidden]{display:none!important}[data-ppd-carousel].is-paused .ppd-carousel__toggle .ppd-carousel__icon-play{display:block}[data-ppd-carousel].is-paused .ppd-carousel__toggle .ppd-carousel__icon-pause{display:none}@keyframes ppd-carousel-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ppd-carousel-assemble{0%{opacity:0;transform:translate3d(var(--tile-x, 0),var(--tile-y, 0),0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@media screen and (max-width:680px){[data-ppd-carousel],.hero-collage-wrap[data-ppd-carousel],.collection-product-collage[data-ppd-carousel],.ppd-collection .collection-hero .collection-product-collage[data-ppd-carousel]{flex-direction:column}.ppd-carousel__status,.hero-collage-wrap .ppd-carousel__status,.collection-product-collage .ppd-carousel__status{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;order:3;gap:var(--theme-space-2);margin-top:var(--theme-space-2)}.ppd-carousel__dots{flex-direction:row}.ppd-carousel__dot[aria-selected=true].is-running:before{transform-origin:left center;animation-name:ppd-carousel-progress-x}.hero-collage-wrap .ppd-carousel__meta,.collection-product-collage .ppd-carousel__meta{opacity:1;transform:none}}@keyframes ppd-carousel-progress-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:none){.hero-collage-wrap .ppd-carousel__meta,.collection-product-collage .ppd-carousel__meta{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ppd-carousel__slide{transition:none}.ppd-carousel__slide.is-active .ppd-carousel__tile{animation:none;opacity:1;transform:none}.ppd-carousel__dot.is-running:before{animation:none}.ppd-carousel__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ppd-carousel.css.map */