.featured-carousel{position:relative;width:100%;display:block;background-color:var(--color-background);overflow:hidden;padding:0 0 0 var(--spacing-l)}.featured-carousel__content--mobile{display:block;margin-bottom:var(--spacing-3xl);padding-right:var(--spacing-l)}.featured-carousel__content--desktop{display:none}.featured-carousel__layout{display:block}.featured-carousel__sidebar,.featured-carousel--no-content .featured-carousel__sidebar,.featured-carousel--no-content .featured-carousel__content--mobile{display:none}.featured-carousel__sidebar-inner{display:flex;flex-direction:column;gap:var(--spacing-6xl)}.featured-carousel__content-image{margin-bottom:var(--spacing-m);padding-top:var(--spacing-m);overflow:hidden}.featured-carousel__content-image--vertical{width:5.25rem;height:7.875rem}.featured-carousel__content-image--horizontal{width:7rem;height:5.25rem}.featured-carousel__content-img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.featured-carousel__content-text{display:flex;flex-direction:column;gap:var(--spacing-m);max-width:15.6875rem}.featured-carousel__content-copy{display:flex;flex-direction:column;gap:var(--spacing-xs)}.featured-carousel__headline{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1.36;letter-spacing:0;margin:0;color:var(--color-foreground)}.featured-carousel__body{font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.36;letter-spacing:0;margin:0;color:var(--color-foreground);text-transform:uppercase}.featured-carousel__cta-wrapper{display:flex;align-items:center;gap:var(--spacing-2xs)}.featured-carousel__cta{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1.36;letter-spacing:0;color:var(--color-foreground);-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:.125rem}.featured-carousel__cta:hover{opacity:.7}.featured-carousel__cta:focus-visible{outline:.125rem solid var(--color-outline);outline-offset:.125rem}.featured-carousel__carousel-wrapper{position:relative}.featured-carousel__viewport{overflow:hidden;width:100%}.featured-carousel__container{display:flex;touch-action:pan-y pinch-zoom;align-items:flex-start}.featured-carousel__slide{position:relative;min-width:0;overflow:hidden;flex:0 0 auto;background-color:var(--color-surface-tertiary);margin-right:var(--spacing-3xl)}.featured-carousel__slide--portrait{aspect-ratio:2 / 3;width:18.3125rem;height:27.46875rem}.featured-carousel__slide--landscape{aspect-ratio:16 / 9;width:min(32.5625rem,calc(100vw - 2.5rem))}.featured-carousel__media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.featured-carousel__placeholder{width:100%;height:100%;color:var(--color-neutral-medium)}.featured-carousel__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none}.featured-carousel__video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%)}.featured-carousel__video-buttons{position:relative;display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:var(--spacing-xl) var(--spacing-s) var(--spacing-s);pointer-events:auto;z-index:1}.featured-carousel__video-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;color:var(--color-white);font-size:var(--text-3xs);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1.6;letter-spacing:0}.featured-carousel__video-btn:hover{opacity:.7}.featured-carousel__video-btn:focus-visible{outline:.125rem solid var(--color-white);outline-offset:.125rem}.featured-carousel__pagination--mobile{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3xl);padding-right:var(--spacing-l)}.featured-carousel__nav-arrows{display:flex;align-items:center;gap:var(--spacing-m)}.featured-carousel__pagination--desktop{display:none}.featured-carousel__nav-btn{display:flex;align-items:center;justify-content:center;width:var(--icon-l);height:var(--icon-l);background:transparent;border:none;cursor:pointer;padding:0;color:var(--color-foreground)}.featured-carousel__nav-btn svg{width:var(--icon-l);height:var(--icon-l)}.featured-carousel__nav-btn:hover{opacity:.7}.featured-carousel__nav-btn:focus-visible{outline:.125rem solid var(--color-outline);outline-offset:.125rem}.featured-carousel__nav-btn:disabled{opacity:.4;cursor:not-allowed}.featured-carousel__indicator{font-size:var(--text-xs);font-weight:var(--font-weight-normal);text-transform:uppercase;line-height:1.36;color:var(--color-foreground)}@container style(--min-lg: true){.featured-carousel{padding:0;min-height:53.4375rem}.featured-carousel__content--mobile{display:none}.featured-carousel__content--desktop{display:block}.featured-carousel__layout{display:flex;min-height:53.4375rem}.featured-carousel__sidebar{position:relative;display:flex;flex-direction:column;width:16.625rem;flex-shrink:0;margin-left:calc(2.86% + 3.24125rem)}.featured-carousel--no-content .featured-carousel__carousel-wrapper{left:0}.featured-carousel__content-image{margin-bottom:var(--spacing-3xl);padding-top:0}.featured-carousel__content-image--vertical{width:7.125rem;height:10.6875rem}.featured-carousel__content-image--horizontal{width:9.5rem;height:7.15rem}.featured-carousel__content-text{max-width:13.625rem}.featured-carousel__carousel-wrapper{position:absolute;left:calc(28.57% + 1.47313rem);top:0;right:0;bottom:0}.featured-carousel__slide{margin-right:14.25rem}.featured-carousel__slide--portrait,.featured-carousel__slide--landscape{width:35.625rem;height:53.4375rem}.featured-carousel__pagination--mobile{display:none}.featured-carousel__pagination--desktop{display:flex;align-items:center;gap:var(--spacing-s)}}.featured-carousel__label--play{display:inline}.featured-carousel__label--pause,[data-playing=true] .featured-carousel__label--play{display:none}[data-playing=true] .featured-carousel__label--pause,.featured-carousel__label--unmute{display:inline}.featured-carousel__label--mute,[data-muted=false] .featured-carousel__label--unmute{display:none}[data-muted=false] .featured-carousel__label--mute{display:inline}
/*# sourceMappingURL=/cdn/shop/t/18/assets/featured-carousel.css.map */