.generation-scroll-component{--generation-scroll-header-offset: 66px;--generation-scroll-card-width: 260px;--generation-scroll-media-height: 260px;--generation-scroll-inactive-scale: 1;display:block;background:var(--generation-background-bottom, var(--color-bg-dark));color:var(--generation-text-color, var(--color-text-anti))}.generation-scroll__section{inline-size:100%;margin:0;padding:0}.generation-scroll__stage{position:relative;min-block-size:calc(100svh - var(--generation-scroll-header-offset));display:grid;grid-template-rows:auto auto;row-gap:var(--space-token-l);align-content:center;overflow:clip;isolation:isolate}.generation-scroll__surface{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(75% 55% at 50% 104%,color-mix(in srgb,var(--generation-background-bottom) 70%,transparent),transparent 78%),linear-gradient(160deg,var(--generation-background-top) 0%,var(--generation-background-bottom) 100%)}.generation-scroll__heading{max-inline-size:350px;margin:0 auto;color:inherit;text-align:center;text-wrap:balance}.generation-scroll__gallery{position:relative;min-inline-size:0}.generation-scroll__viewport{container-type:inline-size;align-self:center;min-block-size:0;min-inline-size:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}.generation-scroll__viewport::-webkit-scrollbar{display:none}.generation-scroll__viewport:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:-2px}.generation-scroll__controls{position:absolute;z-index:2;inset-block-start:0;inset-inline:0;block-size:var(--generation-scroll-media-height);display:flex;align-items:center;pointer-events:none}.generation-scroll__control{position:absolute;inset-block-start:50%;display:grid;place-items:center;inline-size:var(--size-13);block-size:var(--size-13);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-white-primary);cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:background-color .16s ease}.generation-scroll__control:hover,.generation-scroll__control:active{background:transparent}.generation-scroll__control--previous{inset-inline-start:max(0px,calc((100% - var(--generation-scroll-card-width)) / 2 - var(--size-13) - var(--space-token-md)))}.generation-scroll__control--next{inset-inline-end:max(0px,calc((100% - var(--generation-scroll-card-width)) / 2 - var(--size-13) - var(--space-token-md)))}.generation-scroll__control[hidden]{display:none}.generation-scroll__control:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:2px}.generation-scroll__track{display:flex;align-items:center;gap:var(--space-token-5xl);inline-size:max-content;min-block-size:var(--generation-scroll-media-height);padding-inline:max(0px,calc((100cqi - var(--generation-scroll-card-width)) / 2))}.generation-scroll__item{flex:0 0 var(--generation-scroll-card-width);inline-size:var(--generation-scroll-card-width);margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:var(--space-token-xs);text-align:center}.generation-scroll__image-wrap{position:relative;inline-size:var(--generation-scroll-card-width);block-size:var(--generation-scroll-media-height);display:grid;place-items:center}.generation-scroll__image-wrap picture,.generation-scroll__image-wrap picture-breakpoint{display:block;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.generation-scroll__image-wrap .generation-scroll__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%!important;aspect-ratio:auto;object-fit:contain;opacity:1;filter:none;transform:scale(1)}.generation-scroll__image--placeholder{fill:currentColor}.generation-scroll__model-name{min-block-size:var(--line-height-2xl);color:inherit;font:var(--font-lg-medium);opacity:1;filter:none;transform:none}.generation-scroll-component.is-enhanced .generation-scroll__image,.generation-scroll-component.is-enhanced .generation-scroll__model-name{opacity:0}.generation-scroll-component.is-enhanced .generation-scroll__image{filter:blur(18px);transform:translateZ(0) scale(var(--generation-scroll-inactive-scale));transform-origin:center;transition:opacity .36s ease,filter .36s ease,transform .56s cubic-bezier(.22,1,.36,1);will-change:opacity,filter,transform}.generation-scroll-component.is-enhanced .generation-scroll__model-name{transform:translateZ(0) scale(.92);transform-origin:center;transition:opacity .28s ease,filter .28s ease,transform .42s cubic-bezier(.22,1,.36,1);will-change:opacity,filter,transform}.generation-scroll-component.is-enhanced .generation-scroll__item:first-child .generation-scroll__image,.generation-scroll-component.is-enhanced .generation-scroll__item:first-child .generation-scroll__model-name{opacity:1;filter:none;transform:none}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__viewport{overflow:hidden}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__track{will-change:transform}.generation-scroll-component.is-touch-carousel .generation-scroll__track{transform:none!important}@media screen and (max-width:767px){.generation-scroll-component .generation-scroll__stage{min-block-size:auto;padding-block:var(--space-token-4xl)}}@media screen and (min-width:768px)and (max-width:1279px){.generation-scroll-component .generation-scroll__stage{min-block-size:auto;padding-block:var(--space-token-5xl)}}@media screen and (min-width:768px){.generation-scroll-component{--generation-scroll-card-width: 300px;--generation-scroll-media-height: 300px;--generation-scroll-pad-frame: 390px;--generation-scroll-control-outset: 70px}.generation-scroll__stage{row-gap:var(--space-token-xl)}.generation-scroll__heading{max-inline-size:770px;padding-inline:var(--space-token-xl)}.generation-scroll__control{background:#8888884d;-webkit-backdrop-filter:blur(var(--backdrop-blur-sm));backdrop-filter:blur(var(--backdrop-blur-sm))}.generation-scroll__control:hover{background:#88888873}.generation-scroll__control:active{background:#8889}.generation-scroll__control--previous{inset-inline-start:max(0px,calc((100% - var(--generation-scroll-pad-frame)) / 2 - var(--generation-scroll-control-outset)))}.generation-scroll__control--next{inset-inline-end:max(0px,calc((100% - var(--generation-scroll-pad-frame)) / 2 - var(--generation-scroll-control-outset)))}}@media screen and (min-width:1280px){.generation-scroll-component{--generation-scroll-header-offset: 66px;--generation-scroll-card-width: 600px;--generation-scroll-media-height: 348px;--generation-scroll-inactive-scale: .6667;--generation-scroll-gallery-height: calc( var(--generation-scroll-media-height) + var(--line-height-2xl) + var(--space-token-l) )}.generation-scroll__stage{row-gap:var(--space-token-3xl)}.generation-scroll__heading{max-inline-size:688px;padding-inline:0}.generation-scroll__item{gap:var(--space-token-l)}.generation-scroll__model-name{font:var(--font-2xl-semibold)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__gallery,.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__viewport,.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__track{block-size:var(--generation-scroll-gallery-height)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__viewport{position:relative;overflow:hidden}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__track{position:relative;inline-size:100%;min-block-size:0;padding-inline:0}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:114%;inline-size:240px;block-size:var(--generation-scroll-gallery-height);grid-template-rows:var(--generation-scroll-media-height) auto;gap:var(--space-token-l);opacity:0;filter:blur(12px);transform:translate3d(-50%,-50%,0) scale(.62);transition:inset-inline-start .78s cubic-bezier(.22,1,.36,1),inline-size .78s cubic-bezier(.22,1,.36,1),opacity .48s ease,filter .6s ease,transform .78s cubic-bezier(.22,1,.36,1)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__image-wrap{inline-size:100%;block-size:var(--generation-scroll-media-height)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item .generation-scroll__image,.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item .generation-scroll__model-name{opacity:1;filter:none;transform:none;transition:none}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-active{z-index:4;inset-inline-start:50%;inline-size:var(--generation-scroll-card-width);opacity:1;filter:none;transform:translate3d(-50%,-50%,0) scale(1)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-previous,.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-next{z-index:2;inline-size:260px;opacity:.42;filter:blur(5px);transform:translate3d(-50%,-50%,0) scale(.74)}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-previous{inset-inline-start:13%}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-next{inset-inline-start:87%}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-past{inset-inline-start:-16%}.generation-scroll-component.is-enhanced:not(.is-touch-carousel) .generation-scroll__item.is-far{inset-inline-start:116%}}@media(prefers-reduced-motion:reduce){.generation-scroll__stage{min-block-size:auto;padding-block:var(--space-token-6xl)}.generation-scroll__image,.generation-scroll__model-name{opacity:1!important;filter:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/generations-scroll.css.map */