:root{--header-offset: 64px}@media (min-width: 768px){:root{--header-offset: 84px}}#vertical-slider{background-color:#f3f4f6}#vertical-slider .info-panel{position:sticky;top:var(--header-offset);height:calc(100vh - var(--header-offset));z-index:1;display:flex;justify-content:center}#vertical-slider .info-panel .product-info{width:100%;height:fit-content;flex-direction:column;align-items:center;padding:30px 24px;transition:opacity .5s linear}#vertical-slider .info-panel .nav-dots-wrapper{position:absolute;top:70%;left:5%;transform:translateY(-70%);display:flex;flex-direction:column}#vertical-slider .info-panel .nav-dots-wrapper .nav-dot{width:18px;height:18px;border-radius:9999px;border:1px solid #f2a9d3;margin-bottom:12px;box-sizing:content-box}#vertical-slider .info-panel .nav-dots-wrapper .nav-dot.active{background-color:#141b4d;-webkit-box-shadow:inset 0 0 0 2px #f3f4f6;box-shadow:inset 0 0 0 2px #f3f4f6}#vertical-slider .image-panel{--image-panel-padding-bottom: 200px;overflow:hidden;position:relative;margin-top:calc((100vh - var(--header-offset)) * -1);padding-bottom:var(--image-panel-padding-bottom)}@media (orientation: portrait) and (min-height: 700px){#vertical-slider .image-panel{--image-panel-padding-bottom: 400px}#vertical-slider .image-panel .product-image-slide .image-wrapper{height:50vh!important;aspect-ratio:1}#vertical-slider .image-panel .product-image-slide .product-image{--image-width: 100% !important}}#vertical-slider .image-panel .product-image-slide{height:100vh;overflow:hidden;position:relative}#vertical-slider .image-panel .product-image-slide .image-wrapper{width:480px;height:400px;bottom:30%;left:50%;transform:translate(-50%,50%);position:absolute}#vertical-slider .image-panel .product-image-slide .product-image{position:absolute;--image-width: 300px;width:var(--image-width);height:var(--image-width);object-fit:contain;bottom:50%;left:50%;transform:translate(-50%,50%);z-index:2}#vertical-slider .info-panel .info-panel__inner{background-image:linear-gradient(to bottom,#f3f4f6 80%,transparent);width:100%;height:fit-content}@media (min-width: 768px){#vertical-slider .info-panel{flex-direction:row;justify-content:flex-start}#vertical-slider .info-panel .info-panel__inner{background-image:unset;width:420px;height:100%;overflow-y:hidden}#vertical-slider .info-panel .product-info{width:420px;height:100%;margin-left:auto;flex-direction:column;justify-content:center;padding:unset}#vertical-slider .info-panel .product-info .title{font-size:40px;line-height:56px;max-width:300px}#vertical-slider .info-panel .product-info .sub-title{font-size:20px;display:block}#vertical-slider .info-panel .nav-dots-wrapper{top:50%;left:unset;right:5%;transform:translateY(-50%)}#vertical-slider .image-panel .product-image-slide .image-wrapper{width:500px;height:500px;bottom:50%;left:75%}#vertical-slider .image-panel .product-image-slide .product-image{--image-width: 300px;bottom:45%;left:35%}}@media (min-width: 1024px){#vertical-slider .info-panel .info-panel__inner{width:max(460px,42%)}#vertical-slider .info-panel .product-info{width:440px}#vertical-slider .info-panel .product-info .title{font-size:44px;line-height:60px;max-width:340px}#vertical-slider .image-panel .product-image-slide .product-image{--image-width: 360px}}@media (min-width: 1280px){#vertical-slider .info-panel .info-panel__inner{width:45%}#vertical-slider .info-panel .product-info{width:520px}#vertical-slider .info-panel .product-info .title{font-size:48px;line-height:64px;max-width:360px}#vertical-slider .image-panel .product-image-slide .image-wrapper{width:720px;height:720px}#vertical-slider .image-panel .product-image-slide .product-image{--image-width: 500px}}@media (min-width: 1536px){#vertical-slider .image-panel .product-image-slide .product-image{--image-width: 600px}}#vertical-slider .product-info__inner h2,#vertical-slider .product-info__inner h3{font-size:2.25rem;margin-top:12px;margin-bottom:24px}#vertical-slider .product-info__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}#vertical-slider .product-info__inner p{line-height:1.3}#vertical-slider .button-group{display:flex;justify-content:center;flex-wrap:wrap}#vertical-slider .icon-grid{display:grid;gap:24px;grid:100px 100px / 140px 140px}@media (min-width: 768px){#vertical-slider .icon-grid{display:grid;gap:36px;grid:1fr 1fr / 140px 140px}}#vertical-slider .icon-wrapper{text-align:center;margin-bottom:24px}
/*# sourceMappingURL=/cdn/shop/t/230/assets/vertical-slider.css.map */