.scroll-story{--scroll-story-offset: 20px;--scroll-story-top: var(--scroll-story-offset);--scroll-story-topbar: 0px;--scroll-story-screen: var(--screen-height);--scroll-story-thumb: clamp(var(--sp-10), 3.368vw, var(--sp-16));gap:clamp(var(--sp-8),2.526vw,var(--sp-12));grid-template-columns:minmax(0,1fr)}@supports (height: 100svh){.scroll-story{--scroll-story-screen: 100svh}}.scroll-story--full{padding-inline:var(--sp-5)}.scroll-story__media{border-radius:var(--rounded-block);background-color:rgb(var(--color-placeholder));isolation:isolate}.scroll-story__frame{opacity:0;transition:opacity var(--animation-primary)}.scroll-story__frame.is-active{opacity:1;z-index:1}.scroll-story__caption{inset-inline:var(--sp-4);inset-block-end:var(--sp-4);padding:var(--sp-2) var(--sp-2d5);border-radius:max(var(--sp-1),calc(var(--rounded-block) - var(--sp-2)));background-color:rgb(var(--color-background) / .88);color:rgb(var(--color-foreground));font-weight:var(--font-medium, 600);line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1}.scroll-story__caption>[data-caption-title]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-story__caption>small{flex-shrink:0;font-size:.75rem;font-weight:400;color:rgb(var(--color-foreground) / .6)}.scroll-story__caption>small:empty{display:none}.scroll-story__step{padding-block:var(--sp-6)}.scroll-story__copy{opacity:.6;transform:translateY(-6px);transition:var(--animation-primary);transition-property:opacity,transform}.scroll-story__step.is-active .scroll-story__copy{opacity:1;transform:none}.scroll-story__step.scroll-story__buy{padding:clamp(var(--sp-5),2vw,var(--sp-7));border:1px solid rgb(var(--color-border));border-radius:var(--rounded-block);background-color:rgb(var(--color-foreground)/ .025)}.scroll-story__buy .scroll-story__copy{opacity:1;transform:none}.scroll-story .button[aria-disabled=true]:not([aria-busy]){opacity:.6;cursor:not-allowed}.scroll-story .button[aria-disabled=true]:not([aria-busy]) .btn-fill{display:none}@media screen and (min-width:1024px){.scroll-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--grid-gap);align-items:start}.scroll-story--full{padding-inline:var(--sp-12)}.scroll-story--media-right .scroll-story__media{order:2}.header-sticky~.page-container .scroll-story{--scroll-story-offset: calc(var(--sticky-header-height) + 20px);--scroll-story-topbar: var(--topbar-height)}.header-scrolled~.page-container .scroll-story{--scroll-story-topbar: 0px}.header-hidden[data-sticky-type=on-scroll-up]~.page-container .scroll-story{--scroll-story-top: 20px}.scroll-story{--scroll-story-frame: calc(var(--scroll-story-screen) - var(--scroll-story-top) - var(--scroll-story-topbar) - 20px);--scroll-story-frame-base: calc(var(--scroll-story-screen) - var(--scroll-story-offset) - 20px)}.scroll-story__media{position:sticky;inset-block-start:var(--scroll-story-top);height:var(--scroll-story-frame);transition:inset-block-start var(--animation-nav),height var(--animation-nav)}.scroll-story__steps{padding-block-start:calc(var(--scroll-story-frame-base) * .25);min-height:calc(var(--scroll-story-frame-base) * 1.5)}.scroll-story__step:not(.scroll-story__buy){min-height:calc(var(--scroll-story-frame-base) * .5)}.scroll-story__bframe{padding-block-start:var(--sp-6);min-height:calc(var(--scroll-story-frame-base) * .25)}}@media screen and (max-width:1023px){.scroll-story__media,.scroll-story__steps{display:contents}.scroll-story__frame{position:relative;inset:auto;height:auto;aspect-ratio:var(--scroll-story-ar, 4 / 5);order:calc(var(--scroll-story-index, 1) * 2 - 1);opacity:1;overflow:hidden;border-radius:var(--rounded-block);background-color:rgb(var(--color-placeholder))}.scroll-story__step,.scroll-story__bframe{order:calc(var(--scroll-story-index, 1) * 2)}.scroll-story__step{padding-block:0 var(--sp-5)}}@media(prefers-reduced-motion:reduce){.scroll-story__frame,.scroll-story__copy,.scroll-story__media{transition:none}.scroll-story__copy{transform:none}}@media(forced-colors:active){.scroll-story__copy{opacity:1}.scroll-story__step.scroll-story__buy{border-color:CanvasText}}@media(forced-colors:active)and (min-width:1024px){.scroll-story__frame:not(.is-active){visibility:hidden}}.scroll-story__set{display:grid}.scroll-story__row{grid-template-columns:var(--sp-11) minmax(0,1fr) auto auto;padding-block:var(--sp-3);border-block-start:1px solid rgb(var(--color-border))}.scroll-story__row:first-child{padding-block-start:0;border-block-start:0}.scroll-story__row:last-child{padding-block-end:0}.scroll-story__row .field{margin:0}.scroll-story__thumb{width:var(--scroll-story-thumb)}[data-rounded-block=round] .scroll-story__thumb{border-radius:var(--sp-2)}.scroll-story__link{margin-inline-end:auto}.scroll-story__row .select{--inputs-radius: var(--buttons-radius);--input-padding-inline: var(--sp-3);font-size:.75rem;line-height:1.25;cursor:pointer;height:var(--sp-8);background-color:rgb(var(--color-foreground)/ .045)}.scroll-story__row .select~.icon{inset-block-start:calc(50% - 8px);inset-inline-end:var(--sp-2)}.scroll-story__button{width:auto;height:auto;min-height:auto;padding-block:clamp(var(--sp-3),.842vw,var(--sp-4));padding-inline:clamp(var(--sp-5d5),1.368vw,var(--sp-6d5))}.scroll-story__price .price__regular{font-size:inherit}.scroll-story__cta{font-size:var(--text-2sm);font-weight:var(--font-medium);color:rgb(var(--color-foreground) / .6)}.scroll-story__cta .icon{width:var(--sp-3);height:var(--sp-3);stroke-width:2}@media screen and (pointer:fine){.scroll-story__row .select:hover{background-color:rgb(var(--color-foreground)/ .08)}}@media screen and (max-width:1023px){.scroll-story__row{grid-template-columns:var(--sp-11) minmax(0,1fr) auto}.scroll-story__thumb{grid-row:span 2}.scroll-story__row>.field,.scroll-story__row>.text-xs{grid-column:2 / -1}.scroll-story__row [data-row-price]{grid-column:3;grid-row:1;text-align:end}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/scroll-story.css.map */