.maston-scene-carousel{container-type:inline-size;--maston-scene-gutter: calc(var(--space-token-md) + env(safe-area-inset-left, 0px));--maston-scene-gap: var(--space-token-s);--maston-scene-content: max(0px, calc(100cqi - (2 * var(--maston-scene-gutter))));--maston-scene-slide-width: var(--maston-scene-content);--maston-scene-side-pad: max( var(--maston-scene-gutter), calc((100cqi - var(--maston-scene-slide-width)) / 2) );--maston-scene-header-max: 100%;--maston-scene-heading-font: var(--font-2xl-semibold);--maston-scene-header-align: start;--maston-scene-stage-gap: var(--space-token-l);--maston-scene-media-copy-gap: var(--space-token-base);--maston-scene-copy-gap: var(--space-token-base);--maston-scene-footer-gap: var(--space-token-l);--maston-scene-caption-gap: var(--space-token-xs);--maston-scene-caption-title-font: var(--font-xl-semibold);--maston-scene-caption-min-height: 264px;--maston-scene-card-radius: var(--radius-s);--maston-scene-card-ratio: 308 / 205;--maston-scene-feature-icon-size: var(--size-12);--maston-scene-feature-col: 254px;--maston-scene-inactive-scale: 1;--maston-scene-inactive-opacity: 1;--maston-scene-inactive-brightness: 1;--maston-scene-ease: cubic-bezier(.25, 1, .5, 1);--maston-scene-caption-duration: .3s;--maston-scene-autoplay-accent-start: #ffdb99;--maston-scene-autoplay-accent-end: #ffa929;--maston-scene-autoplay-duration: 3s;color:var(--color-text-white-primary)}.maston-scene-carousel__component{display:flex;flex-direction:column;gap:0;inline-size:100%}.maston-scene-carousel__header{display:flex;justify-content:var(--maston-scene-header-align);margin-block-end:var(--maston-scene-stage-gap);padding-inline:var(--maston-scene-gutter);text-align:var(--maston-scene-header-align)}.maston-scene-carousel__heading{margin:0;max-inline-size:var(--maston-scene-header-max);color:var(--color-text-white-primary);font:var(--maston-scene-heading-font);text-wrap:balance}.maston-scene-carousel__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--maston-scene-side-pad);scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x pan-y;inline-size:100%;margin-block-end:var(--maston-scene-media-copy-gap)}.maston-scene-carousel__viewport:focus-visible{outline:var(--stroke-line-2xl, 2px) solid var(--color-text-white-primary);outline-offset:calc(var(--space-token-2xs) * -1)}.maston-scene-carousel__viewport.is-scrolling{scroll-snap-type:none;pointer-events:none}.maston-scene-carousel__viewport::-webkit-scrollbar{display:none}.maston-scene-carousel__track{display:flex;gap:var(--maston-scene-gap);inline-size:max-content;min-inline-size:100%}.maston-scene-carousel__spacer{flex:0 0 max(0px,calc(var(--maston-scene-side-pad) - var(--maston-scene-gap)));pointer-events:none}.maston-scene-carousel .shopify-block__maston-scene-card{flex:0 0 var(--maston-scene-slide-width);min-inline-size:0;scroll-snap-align:center;scroll-snap-stop:always}.maston-scene-carousel .shopify-block__maston-scene-card:first-of-type{scroll-snap-align:start}.maston-scene-carousel .shopify-block__maston-scene-card:last-of-type{scroll-snap-align:end}.maston-scene-carousel__card{display:block;inline-size:100%;min-inline-size:0;-webkit-user-select:none;user-select:none}.maston-scene-carousel__media{position:relative;overflow:clip;inline-size:100%;aspect-ratio:var(--maston-scene-card-ratio);border-radius:var(--maston-scene-card-radius);background:var(--color-bg-dark-hover);isolation:isolate;transform-origin:center;transition:transform .38s var(--maston-scene-ease),opacity .38s var(--maston-scene-ease),filter .38s var(--maston-scene-ease)}.maston-scene-carousel__component.is-ready .shopify-block__maston-scene-card:not(.is-active){cursor:pointer}.maston-scene-carousel__component.is-ready .shopify-block__maston-scene-card:not(.is-active) .maston-scene-carousel__media{transform:scale(var(--maston-scene-inactive-scale));opacity:var(--maston-scene-inactive-opacity);filter:brightness(var(--maston-scene-inactive-brightness))}.maston-scene-carousel__component.is-ready .shopify-block__maston-scene-card:not(.is-active) .maston-scene-carousel__features{opacity:0;pointer-events:none}.maston-scene-carousel__media picture,.maston-scene-carousel__media picture-breakpoint,.maston-scene-carousel__image{display:block;inline-size:100%;block-size:100%}.maston-scene-carousel__image{object-fit:cover;-webkit-user-drag:none;user-drag:none}.maston-scene-carousel__wash{display:none;position:absolute;inset-inline:0;inset-block-end:0;block-size:41%;pointer-events:none;background:linear-gradient(180deg,#0000 13%,#000c);mix-blend-mode:multiply}.maston-scene-carousel__features{position:absolute;inset-inline:var(--space-token-base);inset-block-end:var(--space-token-md);z-index:2;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-token-base);pointer-events:none}maston-scene-carousel:not(:defined) .maston-scene-carousel__features{display:grid}.maston-scene-carousel__feature{display:flex;flex-direction:column;align-items:center;gap:var(--space-token-xs);min-inline-size:0;pointer-events:auto}.maston-scene-carousel__feature-icon{display:grid;place-items:center;inline-size:var(--maston-scene-feature-icon-size);block-size:var(--maston-scene-feature-icon-size);overflow:clip;flex-shrink:0;color:inherit}.maston-scene-carousel__feature-icon-svg,.maston-scene-carousel__feature-icon .icon{display:block;inline-size:100%;block-size:100%}.maston-scene-carousel__feature-text{margin:0;max-inline-size:100%;color:var(--color-text-white-primary);font:var(--font-base-medium);text-align:center;transition:color .2s var(--maston-scene-ease)}.is-active .maston-scene-carousel__feature-text{color:var(--color-text-white-primary)}.is-active .maston-scene-carousel__feature{animation:maston-scene-feature-in .42s var(--maston-scene-ease) both}.is-active .maston-scene-carousel__feature:nth-child(2){animation-delay:80ms}.is-active .maston-scene-carousel__feature:nth-child(3){animation-delay:.16s}@keyframes maston-scene-feature-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.maston-scene-carousel__footer{display:flex;flex-direction:column;align-items:center;gap:var(--maston-scene-footer-gap);padding-inline:var(--maston-scene-gutter)}.maston-scene-carousel__component:not(.is-ready) .maston-scene-carousel__footer{display:none}.maston-scene-carousel__copy{display:grid;inline-size:100%;min-block-size:max(var(--maston-scene-caption-min-height),var(--maston-scene-caption-height, 0px))}.maston-scene-carousel__copy-measure{position:absolute;inset-block-start:0;inset-inline-start:-200vw;min-block-size:0;visibility:hidden;pointer-events:none}.maston-scene-carousel__caption{display:flex;grid-area:1 / 1;flex-direction:column;align-items:start;gap:var(--maston-scene-caption-gap);inline-size:100%;transition:opacity var(--maston-scene-caption-duration) var(--maston-scene-ease),transform var(--maston-scene-caption-duration) var(--maston-scene-ease)}.maston-scene-carousel__component.is-ready .maston-scene-carousel__caption--source,.maston-scene-carousel__caption[hidden]{display:none}.maston-scene-carousel__component.is-ready .maston-scene-carousel__caption[hidden]{display:flex}.maston-scene-carousel__component.is-ready .maston-scene-carousel__caption:not([data-active]){visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px)}.maston-scene-carousel__component.is-ready .maston-scene-carousel__caption[data-active]{visibility:visible;opacity:1;transform:translateY(0)}.maston-scene-carousel__caption.is-leaving{animation:maston-scene-caption-out calc(var(--maston-scene-caption-duration) / 2) var(--maston-scene-ease) both}.maston-scene-carousel__caption.is-entering{animation:maston-scene-caption-in calc(var(--maston-scene-caption-duration) / 2) var(--maston-scene-ease) both}@keyframes maston-scene-caption-out{to{opacity:0;transform:translateY(-6px)}}@keyframes maston-scene-caption-in{0%{opacity:0;transform:translateY(6px)}}.maston-scene-carousel__caption-title,.maston-scene-carousel__caption-body,.maston-scene-carousel__caption-feature{margin:0}.maston-scene-carousel__caption-title{color:var(--color-text-white-primary);font:var(--maston-scene-caption-title-font)}.maston-scene-carousel__caption-body{color:var(--color-text-white-secondary);font:var(--font-base-medium)}.maston-scene-carousel__caption-features{display:flex;flex-direction:column;gap:var(--space-token-s);margin:calc(var(--space-token-l) - var(--maston-scene-caption-gap)) 0 0;padding:0;list-style:none}.maston-scene-carousel__caption-feature{display:flex;align-items:center;gap:var(--space-token-xs);color:var(--color-text-white-primary);font:var(--font-base-medium)}.maston-scene-carousel__caption-feature .maston-scene-carousel__feature-icon{--maston-scene-feature-icon-size: var(--size-10)}.maston-scene-carousel__caption-feature-text{min-inline-size:0}.maston-scene-carousel__controls{display:inline-flex;align-items:center;gap:var(--space-token-base)}.maston-scene-carousel__control{position:relative;display:grid;place-items:center;inline-size:var(--size-11);block-size:var(--size-11);padding:0;overflow:visible;border:0;border-radius:var(--radius-full);background:var(--mask-light-white-sm);color:var(--color-text-white-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,opacity .16s ease,transform .16s var(--maston-scene-ease)}.maston-scene-carousel__control .icon{position:relative;z-index:1;inline-size:var(--size-7);block-size:var(--size-7)}.maston-scene-carousel__autoplay-ring{display:none;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg)}.maston-scene-carousel__autoplay-ring-fill{fill:none;stroke-width:var(--stroke-line-base);stroke-opacity:.93;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1}.maston-scene-carousel__control:hover:not(:disabled){background:var(--mask-light-white)}.maston-scene-carousel__control:active:not(:disabled){transform:scale(.94)}.maston-scene-carousel__control:focus-visible{outline:var(--stroke-line-2xl, 2px) solid var(--color-text-white-primary);outline-offset:2px}.maston-scene-carousel__control:disabled{opacity:.56;cursor:not-allowed}.maston-scene-carousel__component.is-autoplaying .maston-scene-carousel__autoplay-ring{display:block}@media(min-width:768px){.maston-scene-carousel{--maston-scene-gutter: var(--space-token-xl);--maston-scene-gap: var(--space-token-base);--maston-scene-content: max(0px, calc(100cqi - (2 * var(--maston-scene-gutter))));--maston-scene-slide-width: var(--maston-scene-content);--maston-scene-header-max: min(100%, 688px);--maston-scene-heading-font: var(--font-3xl-semibold);--maston-scene-header-align: center;--maston-scene-stage-gap: var(--space-token-xl);--maston-scene-media-copy-gap: var(--space-token-xl);--maston-scene-copy-gap: var(--space-token-4xl);--maston-scene-footer-gap: var(--space-token-xl);--maston-scene-caption-gap: var(--space-token-base);--maston-scene-caption-title-font: var(--font-2xl-semibold);--maston-scene-caption-min-height: 100px;--maston-scene-card-radius: var(--radius--base);--maston-scene-card-ratio: 2 / 1;--maston-scene-feature-icon-size: var(--size-13)}.maston-scene-carousel__header{justify-content:center;inline-size:var(--maston-scene-slide-width);max-inline-size:100%;margin-inline:auto;padding-inline:0}.maston-scene-carousel__media{transition-duration:.45s}.maston-scene-carousel__wash{display:block}.maston-scene-carousel__features{display:grid;inset-inline:34px;inset-block-end:var(--space-token-l);align-items:start;justify-content:center;gap:var(--space-token-xs)}.maston-scene-carousel__caption-features{display:none}.maston-scene-carousel__footer{flex-direction:row;align-items:start;justify-content:space-between;gap:var(--maston-scene-copy-gap);inline-size:var(--maston-scene-slide-width);max-inline-size:100%;margin-inline:auto;padding-inline:0}.maston-scene-carousel__copy{flex:1 1 auto;min-inline-size:0}.maston-scene-carousel__controls{flex-shrink:0;margin-block-start:0}.maston-scene-carousel__control{inline-size:var(--size-12);block-size:var(--size-12)}}@media(min-width:768px)and (max-width:1279px){.maston-scene-carousel__controls{gap:var(--space-token-xs);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-white-sm)}.maston-scene-carousel__control{background:transparent}.maston-scene-carousel__control:hover:not(:disabled){background:transparent}.maston-scene-carousel__control:disabled{opacity:.4}}@media(min-width:1280px){.maston-scene-carousel{--maston-scene-gutter: var(--space-token-md);--maston-scene-content: min( var(--component-max-width), calc(100cqi - (2 * var(--maston-scene-gutter))) );--maston-scene-slide-width: var(--maston-scene-content);--maston-scene-header-max: 688px;--maston-scene-heading-font: var(--font-6xl-semibold);--maston-scene-stage-gap: var(--space-token-3xl);--maston-scene-media-copy-gap: var(--space-token-3xl);--maston-scene-copy-gap: var(--space-token-3xl);--maston-scene-footer-gap: var(--space-token-3xl);--maston-scene-feature-icon-size: var(--size-15)}.maston-scene-carousel__media{transition-duration:.5s}.maston-scene-carousel__features{inset-inline:0;inset-block-end:var(--space-token-l);grid-template-columns:repeat(3,minmax(0,var(--maston-scene-feature-col)));column-gap:var(--space-token-base);row-gap:var(--space-token-xs)}}@media(prefers-reduced-motion:reduce){.maston-scene-carousel__media,.maston-scene-carousel__feature,.maston-scene-carousel__feature-text,.maston-scene-carousel__caption,.maston-scene-carousel__control{transition:none;animation:none}.maston-scene-carousel__autoplay-ring{display:none}.is-active .maston-scene-carousel__feature{animation:none}.maston-scene-carousel__viewport{scroll-behavior:auto}.maston-scene-carousel__viewport.is-scrolling{pointer-events:auto}.maston-scene-carousel__component.is-ready .maston-scene-carousel__caption:not([data-active]){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/maston-scene-carousel.css.map */