.sodii-story-carousel{position:relative;isolation:isolate;min-height:var(--sodii-carousel-desktop-min-height);overflow:clip;color:var(--color-foreground);font-family:var(--font-body--family)}.sodii-story-carousel__background,.sodii-story-carousel__background-shade,.sodii-story-carousel__background-asset{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sodii-story-carousel__background{z-index:-1;overflow:hidden;pointer-events:none}.sodii-story-carousel__background-asset{object-fit:cover}.sodii-story-carousel__background-shade{background:var(--sodii-carousel-background-overlay);opacity:var(--sodii-carousel-background-overlay-opacity)}.sodii-story-carousel__layout{position:relative;display:grid;grid-template-columns:minmax(280px,31vw) minmax(0,1fr);align-items:start;min-width:0;padding-block:var(--sodii-carousel-padding-top) var(--sodii-carousel-padding-bottom);padding-inline-start:var(--util-page-margin-offset);transition:grid-template-columns .62s cubic-bezier(.22,.61,.36,1)}.sodii-story-carousel__intro{min-width:0;overflow:clip;opacity:1;transform:translateZ(0);visibility:visible;will-change:opacity,transform;transition:opacity .28s ease .18s,transform .52s cubic-bezier(.22,.61,.36,1) 80ms,visibility 0s linear 0s}.sodii-story-carousel__intro-content{box-sizing:border-box;width:min(560px,max(280px,31vw));padding:clamp(12px,4vw,72px) clamp(24px,4vw,72px) 0 0}.sodii-story-carousel.is-expanded .sodii-story-carousel__layout{grid-template-columns:minmax(0px,0vw) minmax(0,1fr);transition-delay:80ms}.sodii-story-carousel.is-expanded .sodii-story-carousel__intro{visibility:hidden;opacity:0;transform:translate3d(-28px,0,0);pointer-events:none;transition:opacity .18s ease 0s,transform .44s cubic-bezier(.22,.61,.36,1) 0s,visibility 0s linear .18s}.sodii-story-carousel__heading{margin:0;color:inherit;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(2rem,var(--sodii-carousel-heading-size),5rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.sodii-story-carousel__description{max-width:32ch;margin-top:clamp(16px,2vw,28px);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.38}.sodii-story-carousel__description>*{margin-block:0}.sodii-story-carousel__viewport{position:relative;min-width:0}.sodii-story-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,var(--sodii-carousel-card-width),620px);gap:var(--sodii-carousel-gap);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scroll-padding-inline:0 var(--page-margin);padding-inline:0 var(--page-margin);scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;cursor:grab}.sodii-story-carousel__track::-webkit-scrollbar{display:none}.sodii-story-carousel__track.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.sodii-story-carousel__track:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-width) * -1)}.sodii-story-carousel__card{min-width:0;scroll-snap-align:start;color:inherit}.sodii-story-carousel__media{position:relative;height:var(--sodii-carousel-media-height);min-height:320px;overflow:hidden;border-radius:var(--style-border-radius-cards, 14px);background:rgb(var(--color-background-rgb, 238 238 238) / 45%)}.sodii-story-carousel__asset,.sodii-story-carousel__placeholder,.sodii-story-carousel__placeholder svg{display:block;width:100%;height:100%}.sodii-story-carousel__asset{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sodii-story-carousel__video-poster{position:absolute;top:0;right:0;bottom:0;left:0}.sodii-story-carousel__video{position:relative;z-index:1}.sodii-story-carousel__placeholder svg{background:rgb(var(--color-background-rgb, 238 238 238) / 65%);fill:currentcolor;opacity:.4}.sodii-story-carousel__media-shade{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:var(--sodii-card-overlay);opacity:var(--sodii-card-overlay-opacity);pointer-events:none}.sodii-story-carousel__sound{position:absolute;z-index:3;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:0;border-radius:999px;color:#fff;background:#00000094;font:inherit;font-size:12px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sodii-story-carousel__sound:hover{background:#000000bd}.sodii-story-carousel__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.sodii-story-carousel__sound-icon{width:16px;height:16px;flex:0 0 auto}.sodii-story-carousel__sound-icon--on,.sodii-story-carousel__sound[aria-pressed=true] .sodii-story-carousel__sound-icon--off{display:none}.sodii-story-carousel__sound[aria-pressed=true] .sodii-story-carousel__sound-icon--on{display:block}.sodii-story-carousel__card-content{display:grid;justify-items:start;gap:10px;padding-block:16px 8px}.sodii-story-carousel__card-title{margin:0;color:inherit;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.2}.sodii-story-carousel__card-description{font-size:1rem;line-height:1.42}.sodii-story-carousel__card-description>*{margin-block:0}.sodii-story-carousel__button{margin-top:4px}.sodii-story-carousel__nav{position:absolute;z-index:6;top:min(320px,42%);display:grid;width:52px;height:52px;padding:0;place-items:center;color:#000;background:#fff;border:1px solid rgb(0 0 0 / 10%);border-radius:50%;box-shadow:0 9px 26px #0000002e;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.sodii-story-carousel__nav--previous{left:12px}.sodii-story-carousel__nav--next{right:max(12px,var(--page-margin))}.sodii-story-carousel__nav:hover:not(:disabled){transform:translateY(-50%) scale(1.06)}.sodii-story-carousel__nav:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.sodii-story-carousel__nav:disabled{opacity:0;pointer-events:none}.sodii-story-carousel__nav svg{width:24px;height:24px}@media screen and (max-width:749px){.sodii-story-carousel{min-height:var(--sodii-carousel-mobile-min-height)}.sodii-story-carousel__layout,.sodii-story-carousel.is-expanded .sodii-story-carousel__layout{display:block;padding-inline-start:0}.sodii-story-carousel__intro,.sodii-story-carousel.is-expanded .sodii-story-carousel__intro{visibility:visible;overflow:visible;opacity:1;transform:none;pointer-events:auto}.sodii-story-carousel__intro-content{width:auto;padding:0 var(--page-margin) 28px}.sodii-story-carousel__heading{font-size:var(--sodii-carousel-heading-size-mobile)}.sodii-story-carousel__description{max-width:38ch;margin-top:14px;font-size:1rem}.sodii-story-carousel__track{grid-auto-columns:84vw;gap:12px;scroll-padding-inline:var(--page-margin);padding-inline:var(--page-margin)}.sodii-story-carousel__media{height:var(--sodii-carousel-media-height-mobile);min-height:280px}.sodii-story-carousel__card-content{padding-top:14px}.sodii-story-carousel__card-title{font-size:1.15rem}.sodii-story-carousel__nav{display:none}}@media(prefers-reduced-motion:reduce){.sodii-story-carousel__layout,.sodii-story-carousel__intro,.sodii-story-carousel__intro-content,.sodii-story-carousel__nav,.sodii-story-carousel__track{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/sodii-story-carousel.css.map */