.section-collections-scroller{border-top:var(--inputs-border-width) solid rgb(var(--color-atomic-light-grey));border-bottom:var(--inputs-border-width) solid rgb(var(--color-atomic-light-grey))}.collections-scroller{display:block}.collections-scroller__grid{display:grid;grid-template-columns:minmax(0,.4375fr) minmax(0,.5625fr);min-height:85vh}.collections-scroller__left{position:relative;display:flex;flex-direction:column}.collections-scroller__title{position:absolute;top:var(--space-6);left:var(--space-5);margin:0;z-index:10;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--font-size-B3);font-weight:var(--font-body-weight);line-height:var(--space-4);letter-spacing:.01em;opacity:.6}.collections-scroller__list-window{position:relative;flex:1;min-height:min(50vh,var(--space-20));overflow:hidden;padding-left:var(--space-5)}.collections-scroller__list-window:before,.collections-scroller__list-window:after{content:"";position:absolute;left:0;right:0;z-index:2;height:var(--space-10);pointer-events:none;opacity:0;transition:opacity var(--duration-medium) var(--ease-out-slow)}.collections-scroller__list-window:before{top:0;background:linear-gradient(to bottom,rgb(var(--color-background)),rgba(var(--color-background)/0))}.collections-scroller__list-window:after{bottom:0;background:linear-gradient(to top,rgb(var(--color-background)),rgba(var(--color-background)/0))}.collections-scroller__list-window--fade-top:before,.collections-scroller__list-window--fade-bottom:after{opacity:1}.collections-scroller__line{position:absolute;z-index:3;left:0;right:0;top:calc(50% + 3px);height:0;pointer-events:none}.collections-scroller__line:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:var(--inputs-border-width);background:rgb(var(--color-atomic-light-grey));transition:left var(--duration-long) var(--ease-out-slow),right var(--duration-long) var(--ease-out-slow)}.collections-scroller__list-window[data-line-side=ltr] .collections-scroller__line:after{left:calc(var(--cs-line-label-edge, 0px) + var(--space-3));right:0}.collections-scroller__list-window[data-line-side=rtl] .collections-scroller__line:after{right:calc(var(--cs-line-label-edge, 0px) + var(--space-3));left:0}.collections-scroller__list-window:not([data-line-side]) .collections-scroller__line:after{left:0;right:0}.collections-scroller__list-window--suppress-line-transition .collections-scroller__line:after{transition:none}.collections-scroller__list{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);transition:transform var(--duration-extra-long) var(--ease-out-slow);will-change:transform}.collections-scroller__item{margin:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:start;font-family:var(--font-heading-family);font-weight:500;font-size:var(--font-size-H2);line-height:1;letter-spacing:-.02em;color:rgb(var(--color-foreground));opacity:.5;transition:opacity var(--duration-medium) var(--ease-out-slow)}.collections-scroller__item.is-active{opacity:1}.collections-scroller__item:focus-visible{opacity:1}.collections-scroller__right{position:relative;min-height:inherit}.collections-scroller__panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:inset(100% 0 0 0)}.collections-scroller__panel.is-active{pointer-events:auto;clip-path:inset(0 0 0 0);z-index:2}.collections-scroller__panel.is-leaving{clip-path:inset(0 0 0 0);z-index:1}.collections-scroller__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.collections-scroller__responsive-image,.collections-scroller__responsive-image .lazy-image{width:100%;height:100%;display:block}.collections-scroller__responsive-image img,.collections-scroller__img{width:100%;height:100%;object-fit:cover}.collections-scroller__panel .responsive-image img,.collections-scroller__panel .responsive-image img.img-loaded{opacity:1;animation:none;transform:none}.collections-scroller__placeholder{width:100%;height:100%;object-fit:cover}.collections-scroller__media-desktop,.collections-scroller__media-mobile{position:absolute;top:0;right:0;bottom:0;left:0}.collections-scroller__media-mobile{display:none}@media screen and (max-width:989px){.collections-scroller__media--has-mobile .collections-scroller__media-mobile{display:block}.collections-scroller__media--has-mobile .collections-scroller__media-desktop{display:none}}.collections-scroller__right-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(var(--color-atomic-black)/.25);pointer-events:none}.collections-scroller__right-inner{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}@media screen and (min-width:990px){.collections-scroller__right-inner{padding:var(--space-6) var(--space-5)}}.collections-scroller__preview{margin:0;font-size:var(--font-size-H2);font-weight:var(--font-body-weight);line-height:1;color:rgb(var(--color-atomic-white));letter-spacing:-.02em}.collections-scroller__cta-wrap{position:absolute;bottom:var(--space-6);left:50%;z-index:3;transform:translate(-50%)}@media screen and (min-width:990px){.collections-scroller__item:hover{opacity:1;color:rgb(var(--color-atomic-black))}}@media screen and (max-width:989px){.section-collections-scroller{border-top:none;border-bottom:none}.collections-scroller__grid{position:relative;grid-template-columns:1fr;min-height:100svh}.collections-scroller__right{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-height:0}.collections-scroller__right-shade{background:rgba(var(--color-atomic-black) / .6)}.collections-scroller__right-inner{display:none}.collections-scroller__left{position:relative;z-index:1;padding:0}.collections-scroller__title{position:relative;top:auto;left:auto;width:100%;text-align:center;color:rgb(var(--color-atomic-white));opacity:1;padding-top:var(--space-12)}.collections-scroller__list-window{flex:1;min-height:0;padding-left:0}.collections-scroller__list-window:before,.collections-scroller__list-window:after{display:none}.collections-scroller__list{align-items:center;gap:var(--space-5)}.collections-scroller__item{color:rgb(var(--color-atomic-white));text-align:center;opacity:.6}.collections-scroller__item.is-active{opacity:1}.collections-scroller__line:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:var(--inputs-border-width);background:rgba(var(--color-atomic-white) / .2);transition:left var(--duration-long) var(--ease-out-slow),right var(--duration-long) var(--ease-out-slow)}.collections-scroller__list-window[data-line-side=ltr] .collections-scroller__line:before{left:0;right:calc(100% - var(--cs-line-label-start, 0px) + var(--space-3))}.collections-scroller__list-window[data-line-side=rtl] .collections-scroller__line:before{right:0;left:calc(100% - var(--cs-line-label-start, 0px) + var(--space-3))}.collections-scroller__line:after{background:rgba(var(--color-atomic-white) / .2)}.collections-scroller__list-window--suppress-line-transition .collections-scroller__line:before{transition:none}.collections-scroller__cta-wrap{z-index:2;left:var(--space-4);right:var(--space-4);transform:none;display:flex;justify-content:center}.collections-scroller__left{pointer-events:none}.collections-scroller__item{pointer-events:auto}.collections-scroller__shop-btn.atomic-btn-secondary:active{border-color:rgba(var(--color-atomic-white) / .6);background-color:rgba(var(--color-atomic-white) / .12)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-collections-scroller.css.map */