:root{--gold-gradient: linear-gradient(91.55deg, #A8875D -7.35%, #D6B890 14.38%, #EAD5AD 26.58%, #FFEAC6 38.77%, #D7B883 53.09%, #AD833B 67.93%, #CFAD76 82.78%, #E3CD9D 98.68%)}.hero-banner-slider-with-animation--wrapper{height:100dvh}.hero-banner-slider-with-animation--wrapper .static-initial-background img{width:100%;height:100dvh;object-fit:cover;opacity:1;visibility:visible;pointer-events:all;transition:all 1.5s ease}.hero-banner-slider-with-animation--wrapper.auto{height:auto}.hero-banner-slider-with-animation--wrapper .static-initial-background{width:100%;position:absolute;top:0;z-index:3}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image{display:flex;justify-content:center;padding-bottom:60px;position:relative;z-index:9}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image img{width:100%;max-width:clamp(266px,calc(266px + (366 - 266) * ((100vw - 390px) / (749 - 390))),366px);height:auto;transform:scale(1.3) translateY(0);transition:transform 1.3s ease;transform-origin:bottom}.hero-banner-rich-text{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;color:rgb(var(--color-foreground));transform:translateY(100vh);transition:transform 1.3s ease;background:transparent}.hero-banner-slider{position:relative}.hero-banner-slider .hero-banner-slider-background{position:static;bottom:0;left:0;z-index:-1}.hero-banner-slider carousel-component{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-banner-slider .hero-banner-slider-background img{width:100%;height:auto}.hero-banner-main-content{position:relative;z-index:2}.hero-banner-slider-background{transform:translateY(100vh);transition:transform 1.3s ease}.hero-banner-mirror-image{transform:translateY(100vh);transition:transform 1.3s ease,opacity 1.1s ease-in-out}.hero-banner-slider carousel-component .splide__arrows{z-index:2;transform:translateY(100vh);transition:transform 1.3s ease,opacity .1s ease-in-out}.hero-banner-slider carousel-component .splide__pagination{z-index:2;transform:translateY(100vh);transition:transform 1.3s ease}.hero-banner-slider-with-animation--wrapper.animated .static-initial-background img{opacity:0;visibility:hidden;pointer-events:none}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slide--wrapper .hero-banner-slide-image img{transform:scale(1) translateY(0)}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-main-content{position:relative;z-index:2;overflow:visible}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-rich-text{transform:translateY(-25%)}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider-background,.hero-banner-slider-with-animation--wrapper.animated .hero-banner-mirror-image{transform:translateY(0)}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__arrows{transform:translateY(0);bottom:-42%;z-index:10}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{transform:translateY(0);bottom:-105px;z-index:10}.hero-banner-slider ul{list-style:none;margin:0;padding:0}.hero-banner-mirror-image img{width:100%;max-width:clamp(400px,calc(400px + (530 - 400) * ((100vw - 390px) / (749 - 390))),530px);height:auto}.hero-banner-slider-with-animation--wrapper.auto{overflow:auto}.hero-banner-mirror-image{position:absolute;bottom:-45px}picture{display:block;line-height:0}.hero-banner-mirror-image{opacity:0;width:100%;display:flex;justify-content:center}.splide__slide.is-active .hero-banner-mirror-image{opacity:1}.hero-banner-slider carousel-component{width:100%}.hero-banner-slider carousel-component .splide__slide{display:flex;flex-direction:column;justify-content:flex-end}.hero-banner-slider carousel-component .splide__track{height:100%}.hero-banner-slider carousel-component .splide__arrows{position:absolute;width:100%;display:flex;gap:85px;bottom:0;justify-content:center}.hero-banner-slider-with-animation--wrapper .hero-banner-slider carousel-component .splide__arrow{background-color:transparent;transform:translate(0)}.hero-banner-slider-with-animation--wrapper .hero-banner-slider carousel-component .splide__arrow svg:not(.discover-the-collection .hero-banner-slider-with-animation--wrapper .hero-banner-slider carousel-component .splide__arrow svg){fill:#fff;height:4rem;width:auto}.hero-banner-slider carousel-component .splide__pagination__page{border:1px solid white;background-color:transparent}.hero-banner-slider carousel-component .splide__pagination__page.is-active{border:1px solid white;background-color:#fff;transform:unset}snake-border-button a{text-decoration:none;color:inherit;letter-spacing:1px;line-height:inherit}snake-border-button:hover{--gold-gradient: transparent ;outline:2px solid #A8875D;box-shadow:#a8875d 0 3px 10px}snake-border-button{margin-bottom:2rem;margin-top:4.7rem;padding:12px 16px;font-size:1.4rem;font-weight:500;line-height:normal}.hero-banner-sub-head{text-align:center;font-size:1.6rem;line-height:22px;font-family:var(--font-p-family)}.hero-banner-slider{padding-bottom:185px;transition:padding-bottom 1.3s ease}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider{padding-bottom:0}.hero-banner-head{margin-bottom:12px;font-weight:400;text-transform:uppercase;text-align:center}.chat-icon{position:absolute;right:20px;bottom:0}.relative{position:relative}.chat-icon{position:absolute;right:20px;bottom:0;opacity:0;transition:opacity 1.3s ease}section:has(.hero-banner-slider-with-animation--wrapper.auto) .chat-icon{opacity:1}@media screen and (min-width:750px){.chat-icon{right:84px}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-rich-text{transform:translateY(calc(-8% - (16 * ((100vw - 390px) / (1280 - 390)))))}.hero-banner-head{margin-bottom:20px;font-weight:400;text-transform:uppercase;text-align:center}snake-border-button{font-size:calc(12px + (18 - 12) * (100vw - 390px) / (1280 - 390));margin-top:2rem}.hero-banner-sub-head{line-height:normal;text-align:center;font-size:calc(10px + (22 - 12) * (100vw - 390px) / (1280 - 390));margin-bottom:29px;width:80%}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{position:static;transform:unset;padding-top:19%}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__arrows{bottom:35%}.hero-banner-mirror-image{position:absolute;bottom:-80px}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image img{max-width:clamp(196px,calc(196px + (317 - 196) * ((100vw - 750px) / (1280 - 750))),317px)}.hero-banner-mirror-image img{width:100%;max-width:clamp(350px,calc(350px + (460 - 350) * ((100vw - 750px) / (1280 - 750))),460px);height:auto}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image img{transform:scale(1.4) translateY(15%)}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image{padding-bottom:40px}.hero-banner-main-content snake-border-button{margin-bottom:36px}}@media screen and (max-width:749px){.hero-banner-rich-text snake-border-button{margin:47px 0 24px}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{bottom:-18rem}.hero-banner-rich-text{margin-bottom:-45px}}@media screen and (max-width:360px){.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image{padding-bottom:50px}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-rich-text{transform:translateY(-20%)}.hero-banner-rich-text{margin-bottom:-35px}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{bottom:-19rem}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slide--wrapper .hero-banner-slide-image img{transform:scale(.9) translateY(0)}}@media screen and (min-width:1281px)and (max-width:1440px){.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{position:static;transform:unset;padding-top:18%}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__arrows{bottom:35%}}@media screen and (min-width:751px)and (max-width:1024px){.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slide--wrapper .hero-banner-slide-image img,.hero-banner-mirror-image img{transform:scale(.9) translateY(0)}.hero-banner-mirror-image{bottom:-65px}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__pagination{padding-top:23%}.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slider carousel-component .splide__arrows{bottom:35%}}@media screen and (min-width:1441px){.hero-banner-slider-with-animation--wrapper.animated .hero-banner-slide--wrapper .hero-banner-slide-image img{transform:scale(1.2) translateY(0)}.hero-banner-slider-with-animation--wrapper .hero-banner-slide--wrapper .hero-banner-slide-image{padding-bottom:60px}.hero-banner-mirror-image img{max-width:clamp(350px,calc(460px + (600 - 460) * ((100vw - 1440px) / (1920 - 1440))),560px)}.hero-banner-mirror-image{bottom:-86px}}.hero-banner-slider-with-animation--wrapper .hero-banner-slider carousel-component .splide__arrow.splide__arrow--prev{left:6rem}.hero-banner-slider-with-animation--wrapper .hero-banner-slider carousel-component .splide__arrow.splide__arrow--next{right:6rem}
/*# sourceMappingURL=/cdn/shop/t/180/assets/hero-banner-slider-with-animation.css.map */