body:has(.image-slider__popup.active){overflow:hidden}section-with-popups{display:block}.image-slider-section{display:flex;flex-direction:column-reverse;gap:6rem;position:relative}.image-slider__title{font-size:3.2rem;line-height:3.3rem;font-weight:700;position:absolute;top:2.4rem;left:1.5rem;z-index:2;letter-spacing:-.01em}.image-slider__sticky-images{position:relative;border-radius:var(--product-card-corner-radius);overflow:hidden}.image-slider__images{display:flex;flex-direction:column}.image-slider__images img{width:100%;height:100%;display:block;object-fit:cover}.image-slider__container{overflow:hidden;border-radius:var(--product-card-corner-radius)}.image-slider__popup-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.2rem;margin:0;transition:top .1s linear}@media screen and (min-width: 990px){.image-slider__popup-links{position:sticky;top:0;gap:1.8rem}}.image-slider__popup-links li{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;transition:opacity .2s ease}.image-slider__popup-links li:hover{opacity:.6}.image-slider__popup-links .image-slider__popup-label{font-weight:700;font-size:1.2rem;line-height:1}.image-slider__popup{visibility:hidden;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-medium) ease}.image-slider__popup.active{visibility:visible}.image-slider__popup-close{position:absolute;top:2.4rem;right:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.image-slider__popup-close .svg-wrapper{width:1rem;height:1rem}.image-slider__popup-content{background-color:rgb(var(--color-background));width:100%;max-width:65rem;position:relative;overflow:hidden;transform:translate(100%);transition:transform var(--duration-long) ease}.image-slider__popup-text{padding:0 1.2rem 2.4rem;margin-top:2.4rem;overflow:hidden;overflow-y:auto;height:100dvh}.image-slider__popup.active .image-slider__popup-content{transform:translate(0)}.image-slider__popup-heading{font-size:1.2rem;line-height:1;font-weight:700;padding:0 0 1.6rem;margin:0;background:rgb(var(--color-background));position:sticky;top:0}.image-slider__popup-body{font-size:1rem;line-height:1.3rem;font-weight:500;padding-bottom:1rem}.image-slider__popup-body ul{padding:0}.image-slider__popup-links svg{width:.7rem;height:auto}@media screen and (min-width: 750px){.image-slider__popup-links .image-slider__popup-label{font-size:2.4rem}.image-slider__popup-links svg{width:1.5rem}.image-slider__popup-heading{font-size:2.4rem}.image-slider__popup-text{padding:0 2.4rem 2.4rem}.image-slider__popup-close .svg-wrapper{width:1.6rem;height:1.6rem}.image-slider__popup-close{right:2.4rem}.image-slider__popup-body{font-size:1.3rem;line-height:1.8}}@media screen and (min-width: 990px){.image-slider-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.image-slider__sticky-images{align-self:start;overflow:visible}.image-slider__title{font-size:6.2rem;line-height:7rem;top:3.2rem;left:3.2rem}.image-slider__container{position:sticky;top:0;z-index:1;will-change:top;transition:opacity .3s ease}.image-slider__container:not(:first-of-type){opacity:.5}.image-slider__container.in-view{opacity:1}}@media screen and (max-width: 989px){.image-slider__images{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.image-slider__images::-webkit-scrollbar{display:none}.image-slider__container{flex:0 0 100%;scroll-snap-align:start;position:relative}.image-slider__dots{position:absolute;bottom:0;left:0;padding:2.4rem 0;width:100%;display:flex;justify-content:center;align-items:center;gap:1.6rem;background:linear-gradient(358.32deg,#000 -83.74%,#0000 77.37%)}.image-slider__dot{width:.7rem;height:.7rem;border-radius:50%;background:#fff;cursor:pointer;opacity:.5;transition:all var(--duration-default) ease}.image-slider__dot.active{width:1.2rem;height:1.2rem;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-slider-with-popups.css.map */
