.dhp-slider{position:relative;width:100%;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;aspect-ratio:4 / 5;background:#f8f8f8}.dhp-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--dhp-trans) ease-in-out,visibility var(--dhp-trans) ease-in-out;will-change:opacity,visibility;z-index:10}.dhp-slide.is-active{opacity:1;visibility:visible;z-index:20}.dhp-slide>a,.dhp-slide>div{display:block;width:100%;height:100%;text-decoration:none;position:relative}.dhp-slide picture{display:block;width:100%;height:100%}.dhp-slide picture img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 3s ease}.dhp-slide__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;background:#f8f8f8;font-family:sans-serif;text-align:center}.dhp-slide__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dhp-hide-mobile{display:block!important}.dhp-hide-desktop{display:none!important}.dhp-slide__layer{position:absolute;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;display:block}.dhp-slide__layer img,.dhp-slide__layer-img{width:100%;height:auto;display:block}.dhp-slide__layer--strip{top:var(--strip-top-d, 50%);left:var(--strip-left-d, 50%);z-index:21;width:var(--strip-w-d, 100%);will-change:opacity}.dhp-slide__layer--stats{top:var(--stats-top-d, 50%);left:var(--stats-left-d, 50%);z-index:22;width:var(--stats-w-d, 800px);will-change:transform,opacity}.dhp-slide__layer--bottle{top:var(--bottle-top-d, 50%);left:var(--bottle-left-d, 50%);z-index:23;width:var(--bottle-w-d, 400px);will-change:transform,opacity}.dhp-slide__bottle-pulse{will-change:transform}.dhp-slide__layer--bottom{bottom:var(--bottom-bottom-d, 12px);left:var(--bottom-left-d, 50%);transform:translate(-50%);top:auto;z-index:24;width:var(--bottom-w-d, 500px);will-change:transform,opacity}.dhp-slide__bottom-pulse{will-change:transform}.dhp-slide.is-active .dhp-slide__layer--strip{animation:dhp-fade-strip 1.2s cubic-bezier(.25,1,.5,1) .4s forwards}.dhp-slide.is-active .dhp-slide__layer--stats{animation:dhp-fade-stats 1.3s cubic-bezier(.25,1,.5,1) .8s forwards}.dhp-slide.is-active .dhp-slide__layer--bottle{animation:dhp-bottle-intro 1.2s cubic-bezier(.34,1.56,.64,1) .6s forwards}.dhp-slide.is-active .dhp-slide__bottle-pulse{animation:dhp-bottle-pulse-continuous 4.5s ease-in-out 1.8s infinite}.dhp-slide.is-active .dhp-slide__layer--bottom{animation:dhp-slide-in-bottom 1.2s cubic-bezier(.16,1,.3,1) 1s forwards}.dhp-slide.is-active .dhp-slide__bottom-pulse{animation:dhp-bottom-pulse-continuous 5s ease-in-out 2.2s infinite}@keyframes dhp-fade-strip{0%{opacity:0}to{opacity:.95}}@keyframes dhp-fade-stats{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dhp-bottle-intro{0%{opacity:0;transform:translate(-50%,-42%) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dhp-bottle-pulse-continuous{0%{transform:scale(1)}50%{transform:scale(1.03) translateY(-2%)}to{transform:scale(1)}}@keyframes dhp-slide-in-bottom{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@keyframes dhp-bottom-pulse-continuous{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}to{transform:translateY(0) scale(1)}}.dhp-slider__controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:30}.dhp-slider__dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:all .3s ease;box-shadow:0 1px 4px #0006}.dhp-slider__dot.is-active{background:#fff;transform:scale(1.3)}@media(min-width:768px){.dhp-slider{aspect-ratio:21 / 9}}@media(max-width:767px){.dhp-hide-mobile{display:none!important}.dhp-hide-desktop{display:block!important}.dhp-slide__layer--strip{top:var(--strip-top-m, 50%);left:var(--strip-left-m, 50%);width:var(--strip-w-m, 100%)}.dhp-slide__layer--stats{top:var(--stats-top-m, 50%);left:var(--stats-left-m, 50%);width:var(--stats-w-m, 400px)}.dhp-slide__layer--bottle{top:var(--bottle-top-m, 50%);left:var(--bottle-left-m, 50%);width:var(--bottle-w-m, 220px)}.dhp-slide__layer--bottom{bottom:var(--bottom-bottom-m, 8px);left:var(--bottom-left-m, 50%);width:var(--bottom-w-m, 300px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/dhp-slider.css.map */
