.pp-product-carousel{display:flex;flex-direction:column;gap:24px;padding:var(--pp-carousel-padding-block) var(--pp-carousel-padding-inline);background-color:var(--pp-carousel-background);--pp-card-title--line-height: 1.25rem;timeline-scope:--pp-carousel}.pp-product-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pp-product-carousel--header-stacked .pp-product-carousel__header{flex-direction:column;align-items:center}.pp-product-carousel--header-stacked .pp-product-carousel__header .pp-heading{width:100%;text-align:center}.pp-product-carousel__viewport{display:flex;flex-direction:column;gap:var(--pp-carousel-gap)}.pp-product-carousel__viewport:focus-visible{outline:2px solid var(--pp-card-accent);outline-offset:4px}.pp-product-carousel__progress{display:none;height:2px;border-radius:2px;background-color:var(--pp-carousel-track);overflow:hidden}.pp-product-carousel__progress-thumb{display:block;height:100%;border-radius:inherit;background-color:var(--pp-card-accent);width:calc(100% * var(--pp-carousel-visible) / var(--pp-carousel-total));animation:pp-carousel-progress linear both;animation-timeline:--pp-carousel}@keyframes pp-carousel-progress{to{transform:translate(calc(100% * (var(--pp-carousel-total) - var(--pp-carousel-visible)) / var(--pp-carousel-visible)))}}.pp-product-card{position:relative;overflow:hidden;border-radius:var(--pp-card-radius);container-type:inline-size;--pp-card-media-rest: min( calc(var(--pp-card-media-ratio, 100) * 1cqw), var(--pp-card-media-cap, var(--pp-card-media-height)) )}.pp-product-card__form-wrapper{display:block;height:100%}.pp-product-card__form{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--pp-card-media-rest) auto auto;gap:var(--pp-card-gap);height:100%}.pp-product-card__media{position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:auto;border-radius:var(--pp-card-radius);overflow:hidden;background-color:transparent}.pp-product-card__media--empty{position:relative;display:block;height:var(--pp-card-media-rest);border-radius:var(--pp-card-radius);background-color:var(--pp-card-surface)}.pp-product-card__image{display:block;width:100%;height:var(--pp-card-media-rest);border-radius:var(--pp-card-radius);object-fit:cover}.pp-product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;transition:opacity var(--pp-card-hover-duration) var(--pp-card-hover-ease)}.pp-product-card__image--swap{position:absolute;top:0;left:0;width:100%;height:var(--pp-card-media-rest);border-radius:var(--pp-card-radius);object-fit:cover;opacity:1;pointer-events:none;transition:opacity var(--pp-card-hover-duration) var(--pp-card-hover-ease)}.pp-product-card__fade{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out);background-image:linear-gradient(180deg,rgb(var(--pp-card-surface-rgb) / 0) 73.871%,rgb(var(--pp-card-surface-rgb) / 1) 85.161%),linear-gradient(180deg,rgb(var(--pp-card-surface-rgb) / 0) 67.903%,rgb(var(--pp-card-surface-rgb) / .25) 77.581%)}.pp-product-card__badge{position:absolute;top:16px;left:16px;z-index:2;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;background-image:linear-gradient(103.2228deg,rgb(var(--palette-lightest-rgb) / .096) 1.5459%,rgb(var(--palette-lightest-rgb) / .048) 106.01%);box-shadow:0 3px 30px rgb(var(--palette-darkest-rgb) / .05),inset 0 1px 2px rgb(var(--palette-lightest-rgb) / .65);color:var(--color-foreground);font-size:var(--pp-font-body-sm--size);line-height:1rem;font-weight:var(--pp-font-label--weight);-webkit-backdrop-filter:blur(var(--pp-card-badge-blur, 3px));backdrop-filter:blur(var(--pp-card-badge-blur, 3px))}.pp-product-card__badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--pp-glass-border-color);pointer-events:none;-webkit-mask:linear-gradient(currentColor 0 0) content-box,linear-gradient(currentColor 0 0);-webkit-mask-composite:xor;mask:linear-gradient(currentColor 0 0) content-box,linear-gradient(currentColor 0 0);mask-composite:exclude}.pp-product-card__features{position:absolute;left:16px;right:16px;top:calc(var(--pp-card-media-rest) - 16px);z-index:2;display:flex;flex-wrap:wrap;gap:8px;transform:translateY(-100%)}.pp-product-card .pp-feature-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:50px;background-color:var(--pp-card-surface);color:var(--color-foreground);font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:400;white-space:nowrap}.pp-product-card .pp-feature-pill__icon{display:flex;flex:none;width:18px;height:18px}.pp-product-card .pp-feature-pill__icon svg,.pp-product-card .pp-feature-pill__icon img{display:block;width:100%;height:100%;object-fit:contain}.pp-product-card__info{position:relative;z-index:1;grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:16px;padding:0 16px}.pp-product-card__details{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pp-product-card__heading{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.pp-product-card__title{display:-webkit-box;height:var(--pp-card-title-height, auto);overflow:hidden;color:var(--color-foreground);font-size:var(--pp-font-body-lg--size);line-height:var(--pp-card-title--line-height, 1.25rem);font-weight:var(--pp-font-heading--weight);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pp-product-card__title:hover{text-decoration:underline}.pp-product-card__subtitle{color:var(--color-foreground);font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:var(--pp-font-body-sm--weight)}.pp-product-card__price{flex:none;color:var(--color-foreground);font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:400;white-space:nowrap}.pp-product-card__colors{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.pp-product-card__color{position:relative;display:block;width:var(--pp-swatch-size);height:var(--pp-swatch-size);border-radius:50%;background-color:var(--pp-swatch, var(--pp-card-surface));background-image:var(--pp-swatch-image, none);background-size:cover;background-position:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(var(--palette-darkest-rgb) / .08)}.pp-product-card__color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;-webkit-appearance:none;appearance:none;opacity:0;cursor:pointer}.pp-product-card__color:has(.pp-product-card__color-input:checked){box-shadow:0 0 0 2px var(--pp-carousel-background),0 0 0 3px var(--pp-card-accent)}.pp-product-card__color:has(.pp-product-card__color-input:focus-visible){outline:2px solid var(--pp-card-accent);outline-offset:3px}.pp-product-card__color:has(.pp-product-card__color-input[data-unavailable=true]){opacity:.4}.pp-product-card__add-wrapper{position:relative;z-index:1;grid-column:1;grid-row:3;display:block}.pp-button-fill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-inline:0;padding:0 24px;border:1px solid var(--pp-card-accent);border-radius:50px;background-color:transparent;color:var(--pp-card-accent);font-family:inherit;font-size:var(--pp-font-button--size);line-height:var(--pp-font-button--line-height);font-weight:var(--pp-font-heading--weight);cursor:pointer;transition:background-color var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out),border-color var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out),color var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out),width var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out),margin-inline var(--pp-card-hover-duration, .2s) var(--pp-card-hover-ease, ease-out)}.pp-button-fill__label{display:inline-flex;align-items:center;gap:8px}.pp-button-fill__rule{flex:none;width:1px;height:var(--pp-font-button--line-height);background-color:currentColor;opacity:.4}.pp-button-fill[disabled]{opacity:.5;cursor:default}@media(hover:hover){.pp-product-card:hover .pp-product-card__image--hover,.pp-product-card:hover .pp-product-card__fade{opacity:1}.pp-product-card:hover .pp-button-fill:not([disabled]){width:calc(100% - 16px);margin-inline:8px;border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}}.pp-product-card:focus-within .pp-product-card__image--hover,.pp-product-card:focus-within .pp-product-card__fade{opacity:1}.pp-product-card--playing .pp-product-card__image--hover,.pp-product-card--playing .pp-product-card__fade{opacity:1}.pp-product-card--variant-chosen .pp-product-card__image--hover,.pp-product-card--variant-chosen .pp-product-card__fade{opacity:0!important}.pp-link{display:inline-flex;flex-direction:column;align-items:center;border-bottom:1px solid currentColor;color:var(--pp-card-accent, var(--color-foreground));text-decoration:none}.pp-link__group{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:var(--pp-font-button--size);line-height:var(--pp-font-button--line-height);font-weight:var(--pp-font-button--weight)}.pp-link__icon{display:flex;flex:none;width:12px;height:12px;transform:scaleX(-1)}.pp-link__icon svg{width:100%;height:100%}.pp-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}@media screen and (min-width:1200px){.pp-product-carousel{gap:40px;padding:var(--pp-carousel-padding-block-desktop) var(--pp-carousel-padding-inline-desktop);--pp-card-title--line-height: 1.375rem}.pp-product-carousel--header-stacked .pp-product-carousel__header{flex-direction:row;align-items:center}.pp-product-carousel--header-stacked .pp-product-carousel__header .pp-heading{width:auto;text-align:left}.pp-product-carousel__viewport{display:grid;grid-template-columns:repeat(var(--pp-carousel-columns),minmax(0,1fr));gap:var(--pp-carousel-gap-desktop)}.pp-product-carousel--scroll .pp-product-carousel__viewport{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-timeline:--pp-carousel inline;scrollbar-width:none}.pp-product-carousel--scroll .pp-product-carousel__viewport::-webkit-scrollbar{display:none}.pp-product-carousel--scroll .pp-product-card{flex:0 0 calc((100% - (var(--pp-carousel-columns) - 1) * var(--pp-carousel-gap-desktop)) / var(--pp-carousel-columns));scroll-snap-align:start}.pp-product-card{--pp-card-media-rest: var(--pp-card-media-height-desktop)}.pp-product-card__color{width:var(--pp-swatch-size-desktop);height:var(--pp-swatch-size-desktop)}@supports (animation-timeline: --pp-carousel) and (timeline-scope: --pp-carousel){.pp-product-carousel__progress{display:block}}}@media(prefers-reduced-motion:reduce){.pp-product-card__image--hover,.pp-product-card__image--swap,.pp-product-card__fade{transition:none}.pp-product-carousel__progress-thumb{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-product-carousel.css.map */