.nudient-feature-carousel{container-type:inline-size;display:flex;flex-direction:column;gap:var(--nudient-spacing-16);padding-block:var(--nudient-spacing-32);--nudient-carousel-margin: var(--nudient-spacing-16);--nudient-carousel-card: max( calc((100cqw - 3 * var(--nudient-spacing-16)) / 2 + var(--nudient-spacing-16)), calc( (100cqw - (var(--nudient-carousel-count, 2) + 1) * var(--nudient-spacing-16)) / var(--nudient-carousel-count, 2) + var(--nudient-spacing-16) ) )}@media(min-width:768px){.nudient-feature-carousel{padding-block:var(--nudient-spacing-48);--nudient-carousel-margin: var(--nudient-spacing-24);--nudient-carousel-card: max( calc((100cqw - 4 * var(--nudient-spacing-24)) / 3 + var(--nudient-spacing-24)), calc( (100cqw - (var(--nudient-carousel-count, 3) + 1) * var(--nudient-spacing-24)) / var(--nudient-carousel-count, 3) + var(--nudient-spacing-24) ) )}}@media(min-width:1440px){.nudient-feature-carousel{gap:var(--nudient-spacing-24);padding-block:var(--nudient-spacing-48) var(--nudient-spacing-64);--nudient-carousel-card: max( calc((100cqw - 5 * var(--nudient-spacing-24)) / 4 + var(--nudient-spacing-24)), calc( (100cqw - (var(--nudient-carousel-count, 4) + 1) * var(--nudient-spacing-24)) / var(--nudient-carousel-count, 4) + var(--nudient-spacing-24) ) )}}.nudient-feature-carousel__head{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-inline:var(--nudient-carousel-margin)}.nudient-feature-carousel__heading,.nudient-feature-carousel__button,.nudient-feature-carousel__title{margin:0;font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);font-weight:var(--nudient-type-label-large-weight);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);text-transform:uppercase;color:var(--color-foreground-heading)}.nudient-feature-carousel__nav{display:flex;align-items:center;gap:var(--nudient-spacing-24);margin-inline-start:auto}.nudient-feature-carousel__button{position:relative;display:flex;align-items:center;min-height:44px;padding:var(--nudient-spacing-12) var(--nudient-spacing-4);border:0;border-radius:var(--nudient-radius-md);background:transparent;cursor:pointer}.nudient-feature-carousel__button:after{content:"";position:absolute;inset-inline:var(--nudient-spacing-4);inset-block-end:calc(var(--nudient-spacing-12) - var(--nudient-spacing-4) - 1px);height:1px;background-color:currentColor;opacity:0}.nudient-feature-carousel__button:hover:after{opacity:1}.nudient-feature-carousel__button[aria-disabled=true]{color:var(--nudient-color-text-disabled);cursor:default}.nudient-feature-carousel__button[aria-disabled=true]:after{display:none}.nudient-feature-carousel__button:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:0}.nudient-feature-carousel__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.nudient-feature-carousel__track:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:calc(var(--nudient-focus-width) * -1)}.nudient-feature-carousel__card{display:flex;flex:0 0 var(--nudient-carousel-card);flex-direction:column;gap:var(--nudient-spacing-16);scroll-snap-align:start}.nudient-feature-carousel__card:last-child{scroll-snap-align:end}.nudient-feature-carousel__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:var(--nudient-color-surface-image)}.nudient-feature-carousel__media-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.nudient-feature-carousel__image,.nudient-feature-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.nudient-feature-carousel__video{opacity:0}.nudient-feature-carousel__media-inner[playing] .nudient-feature-carousel__video{opacity:1}.nudient-feature-carousel__caption{display:flex;flex-direction:column;gap:var(--nudient-spacing-8);padding-inline:var(--nudient-carousel-margin)}.nudient-feature-carousel__text{margin:0;font-family:var(--nudient-font-family);font-size:var(--nudient-type-body-default-size);font-weight:var(--nudient-type-body-default-weight);line-height:var(--nudient-type-body-default-line-height);letter-spacing:var(--nudient-type-body-default-letter-spacing);color:var(--color-foreground)}.nudient-feature-carousel__progress{position:relative;width:160px;height:2px;margin-inline-start:var(--nudient-carousel-margin);overflow:hidden;background-color:var(--color-border)}.nudient-feature-carousel__fill{position:absolute;inset-block:0;inset-inline-start:0;width:35%;background-color:var(--color-foreground-heading);translate:calc(var(--nudient-carousel-progress, 0) * 185.714%) 0}@media(min-width:768px){.nudient-feature-carousel__progress{width:280px}}@media(min-width:1440px){.nudient-feature-carousel__progress{width:320px}}.nudient-feature-carousel[data-static] :is(.nudient-feature-carousel__nav,.nudient-feature-carousel__progress){display:none}@media(prefers-reduced-motion:no-preference){.nudient-feature-carousel__track{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.nudient-feature-carousel__video{display:none}}.nudient-feature-carousel__controls{display:flex;margin-inline-start:auto}.nudient-feature-carousel__controls+.nudient-feature-carousel__nav{margin-inline-start:var(--nudient-spacing-24)}.nudient-feature-carousel__pause{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--nudient-radius-md);background:transparent;color:var(--color-foreground-heading);cursor:pointer}.nudient-feature-carousel__pause:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:0}.nudient-feature-carousel__pause[data-state=playing] .nudient-feature-carousel__icon--play,.nudient-feature-carousel__pause[data-state=paused] .nudient-feature-carousel__icon--pause{display:none}@media(prefers-reduced-motion:reduce){.nudient-feature-carousel__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/nudient-feature-carousel.css.map */