.ph-carousel{position:relative;width:100%;min-width:0}.ph-carousel,.ph-carousel *{box-sizing:border-box}.ph-carousel__viewport{position:relative;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ph-space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.ph-carousel__viewport::-webkit-scrollbar{display:none}.ph-carousel__track{display:flex;width:max-content;min-width:100%;gap:var(--ph-carousel-gap);padding:var(--ph-space-2) var(--ph-space-1) var(--ph-space-6);margin:0;list-style:none}.ph-carousel__item{flex:0 0 auto;width:clamp(240px,23vw,310px);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}.ph-carousel__item>*{width:100%;height:100%}.ph-carousel--compact .ph-carousel__item{width:clamp(210px,20vw,270px)}.ph-carousel--large .ph-carousel__item{width:clamp(280px,28vw,360px)}.ph-carousel--wide .ph-carousel__item{width:clamp(320px,34vw,430px)}.ph-carousel--collections .ph-carousel__item{width:clamp(260px,26vw,340px)}@media(min-width:1200px){.ph-carousel--desktop-4 .ph-carousel__track{width:100%}.ph-carousel--desktop-4 .ph-carousel__item{width:calc((100% - (var(--ph-carousel-gap) * 3)) / 4)}.ph-carousel--desktop-5 .ph-carousel__track{width:100%}.ph-carousel--desktop-5 .ph-carousel__item{width:calc((100% - (var(--ph-carousel-gap) * 4)) / 5)}}.ph-carousel__controls{display:flex;align-items:center;justify-content:center;gap:var(--ph-space-3);margin-top:var(--ph-space-2)}.ph-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--ph-carousel-arrow-size);height:var(--ph-carousel-arrow-size);flex:0 0 var(--ph-carousel-arrow-size);border:1px solid var(--ph-border);border-radius:50%;background:var(--ph-white);color:var(--ph-color-primary);box-shadow:var(--ph-shadow-xs);cursor:pointer;transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease,transform .18s ease}.ph-carousel__arrow:hover{color:var(--ph-white);border-color:var(--ph-color-primary);background:var(--ph-color-primary);box-shadow:var(--ph-shadow-sm);transform:translateY(-1px)}.ph-carousel__arrow:active{transform:translateY(0)}.ph-carousel__arrow:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ph-color-primary) 18%,transparent)}.ph-carousel__arrow:disabled,.ph-carousel__arrow[aria-disabled=true],.ph-carousel__arrow.is-disabled{pointer-events:none;color:var(--ph-text-light);border-color:var(--ph-border);background:var(--ph-background-soft);box-shadow:none;opacity:.5}.ph-carousel__arrow svg{width:20px;height:20px;pointer-events:none}.ph-carousel__counter{display:inline-flex;align-items:center;justify-content:center;min-width:62px;color:var(--ph-text-soft);font-size:var(--ph-font-size-sm);font-weight:var(--ph-font-weight-semibold);line-height:1}.ph-carousel__counter [data-ph-carousel-current]{color:var(--ph-color-primary)}.ph-carousel__separator{margin-inline:5px;color:var(--ph-text-light)}.ph-carousel--controls-start .ph-carousel__controls{justify-content:flex-start}.ph-carousel--controls-end .ph-carousel__controls{justify-content:flex-end}.ph-carousel--controls-between .ph-carousel__controls{justify-content:space-between}.ph-carousel--controls-hidden .ph-carousel__controls{display:none}.ph-carousel--floating-controls .ph-carousel__controls{position:absolute;top:50%;left:0;right:0;justify-content:space-between;margin:0;padding-inline:var(--ph-space-2);transform:translateY(-50%);pointer-events:none;z-index:6}.ph-carousel--floating-controls .ph-carousel__arrow{pointer-events:auto}.ph-carousel--floating-controls .ph-carousel__counter{display:none}.ph-carousel__progress{position:relative;width:min(260px,70%);height:3px;margin:var(--ph-space-4) auto 0;overflow:hidden;border-radius:var(--ph-radius-pill);background:var(--ph-border)}.ph-carousel__progress-bar{width:0;height:100%;border-radius:inherit;background:var(--ph-color-primary);transition:width .25s ease}.ph-carousel__dots{display:flex;align-items:center;justify-content:center;gap:var(--ph-space-2);margin-top:var(--ph-space-4)}.ph-carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--ph-border);transition:width .2s ease,background-color .2s ease}.ph-carousel__dot.is-active{width:22px;border-radius:var(--ph-radius-pill);background:var(--ph-color-primary)}.ph-carousel--empty{min-height:160px}.ph-carousel__empty{display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--ph-space-8);border:1px dashed var(--ph-border);border-radius:var(--ph-radius-md);background:var(--ph-background-soft);text-align:center}.ph-carousel__empty-text{max-width:520px;color:var(--ph-text-soft);font-size:var(--ph-font-size-md)}.ph-carousel.is-loading{pointer-events:none;opacity:.7}.ph-carousel.is-loading .ph-carousel__viewport{cursor:wait}.ph-carousel.is-dragging .ph-carousel__viewport{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.ph-carousel.is-dragging .ph-card{pointer-events:none;-webkit-user-select:none;user-select:none}.ph-carousel.is-at-start .ph-carousel__arrow--prev,.ph-carousel.is-at-end .ph-carousel__arrow--next{pointer-events:none;opacity:.45}.ph-carousel--edge-fade:before,.ph-carousel--edge-fade:after{content:"";position:absolute;top:0;bottom:calc(var(--ph-carousel-arrow-size) + var(--ph-space-6));width:48px;pointer-events:none;z-index:4}.ph-carousel--edge-fade:before{left:0;background:linear-gradient(to right,var(--ph-background),transparent)}.ph-carousel--edge-fade:after{right:0;background:linear-gradient(to left,var(--ph-background),transparent)}.ph-carousel--edge-fade.is-at-start:before{opacity:0}.ph-carousel--edge-fade.is-at-end:after{opacity:0}[dir=rtl] .ph-carousel__track{direction:rtl}[dir=rtl] .ph-carousel__arrow--prev svg,[dir=rtl] .ph-carousel__arrow--next svg{transform:scaleX(-1)}@media(max-width:990px){.ph-carousel__track{gap:var(--ph-space-4);padding-bottom:var(--ph-space-5)}.ph-carousel__item,.ph-carousel--large .ph-carousel__item,.ph-carousel--wide .ph-carousel__item,.ph-carousel--collections .ph-carousel__item{width:clamp(230px,42vw,300px)}.ph-carousel--compact .ph-carousel__item{width:clamp(210px,38vw,270px)}}@media(max-width:749px){.ph-carousel__viewport{margin-inline:calc(var(--ph-space-4) * -1);width:calc(100% + (var(--ph-space-4) * 2));padding-inline:var(--ph-space-4);scroll-padding-inline:var(--ph-space-4)}.ph-carousel__track{gap:var(--ph-space-3);padding:var(--ph-space-1) 0 var(--ph-space-4)}.ph-carousel__item,.ph-carousel--large .ph-carousel__item,.ph-carousel--wide .ph-carousel__item,.ph-carousel--collections .ph-carousel__item{width:min(76vw,285px)}.ph-carousel--compact .ph-carousel__item{width:min(68vw,250px)}.ph-carousel--peek .ph-carousel__item{width:82%}.ph-carousel__controls{gap:var(--ph-space-2);margin-top:0}.ph-carousel__arrow{width:38px;height:38px;flex-basis:38px}.ph-carousel__arrow svg{width:18px;height:18px}.ph-carousel__counter{min-width:54px;font-size:var(--ph-font-size-xs)}.ph-carousel--floating-controls .ph-carousel__controls{display:none}.ph-carousel--edge-fade:before,.ph-carousel--edge-fade:after{display:none}}@media(max-width:389px){.ph-carousel__item,.ph-carousel--large .ph-carousel__item,.ph-carousel--wide .ph-carousel__item,.ph-carousel--collections .ph-carousel__item{width:min(80vw,270px)}.ph-carousel--compact .ph-carousel__item{width:min(72vw,235px)}}@media(hover:hover)and (pointer:fine){.ph-carousel__viewport{cursor:grab}.ph-carousel__viewport:active{cursor:grabbing}}@media(hover:none){.ph-carousel__arrow:hover{color:var(--ph-color-primary);border-color:var(--ph-border);background:var(--ph-white);box-shadow:var(--ph-shadow-xs);transform:none}}@media(prefers-contrast:more){.ph-carousel__arrow{border-width:2px}.ph-carousel__counter{color:currentColor}}@media(prefers-reduced-motion:reduce){.ph-carousel__viewport{scroll-behavior:auto}.ph-carousel__arrow,.ph-carousel__progress-bar,.ph-carousel__dot{transition:none!important}.ph-carousel__arrow:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ph-carousel.css.map */