.esalon-component .esalon-hero-slider{position:relative;width:100%;overflow:hidden;height:var(--slider-height-mobile, 640px)}@media(min-width:990px){.esalon-component .esalon-hero-slider{height:var(--slider-height-desktop, 432px)}}.esalon-component .esalon-hero-slider__track{display:flex;width:100%;height:100%;transition-property:transform;transition-duration:.7s;transition-timing-function:ease-in-out;will-change:transform}.esalon-component .esalon-hero-slider__slide{position:relative;width:100%;height:100%;flex-shrink:0;min-width:100%;display:flex;align-items:center}.esalon-component .esalon-hero-slider__bg-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.esalon-component .esalon-hero-slider__picture{display:block;width:100%;height:100%}.esalon-component .esalon-hero-slider__img{width:100%;height:100%;object-fit:cover}.esalon-component .esalon-hero-slider__slide picture{display:flex;justify-content:center;width:100%;height:100%}.esalon-component .esalon-hero-slider__slide img{width:100%;height:100%;object-fit:cover}@media(min-width:990px){.esalon-component .esalon-hero-slider__slide img{max-width:1150px}}.esalon-component .esalon-hero-slider__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.esalon-component .esalon-hero-slider__placeholder-svg{width:100%;height:100%;object-fit:cover}.esalon-component .esalon-hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.esalon-component .esalon-hero-slider__content-mobile{position:absolute;bottom:0;left:0;right:0;z-index:10;height:309px;display:flex;justify-content:center;padding:40px 20px;background-color:#ffffffd9}.esalon-component .esalon-hero-slider__content-mobile-inner{width:100%}@media(min-width:990px){.esalon-component .esalon-hero-slider__content-mobile{display:none}}.esalon-component .esalon-hero-slider__content-desktop{display:none}@media(min-width:990px){.esalon-component .esalon-hero-slider__content-desktop{position:relative;z-index:10;display:flex;align-items:center;width:100%;max-width:850px;margin-left:auto;margin-right:auto;justify-content:center}.esalon-component .esalon-hero-slider__content-desktop--left{justify-content:flex-start}.esalon-component .esalon-hero-slider__content-desktop--right{justify-content:flex-end}.esalon-component .esalon-hero-slider__content-desktop-inner{width:412px}}.esalon-component .esalon-hero-slider__heading,.esalon-component .esalon-hero-slider__subheading{margin-top:0;margin-bottom:16px}.esalon-component .esalon-hero-slider{user-select:none;-webkit-user-select:none;touch-action:pan-y}.esalon-component .esalon-hero-slider__dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:20;display:flex}.esalon-component .esalon-hero-slider__dot{position:relative;width:44px;height:44px;padding:0;margin:0;border:none;min-width:0;min-height:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent}.esalon-component .esalon-hero-slider__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--color-patterns-blue, rgb(218 234 240));transition:background-color .2s}.esalon-component .esalon-hero-slider__dot[aria-current=true]:after{background-color:var(--color-regal-blue, rgb(19 68 106))}.esalon-component .esalon-hero-slider__dot:focus-visible{outline:2px solid currentColor;outline-offset:-4px;border-radius:50%}@keyframes esalonSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.esalon-component .esalon-hero-slider__animate{opacity:0;transform:translateY(30px)}.esalon-component .esalon-hero-slider__slide--active .esalon-hero-slider__animate{animation:esalonSlideUp .65s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--animate-order, 0) * .12s)}@media(prefers-reduced-motion:reduce){.esalon-component .esalon-hero-slider__slide--active .esalon-hero-slider__animate{animation:none!important;transition:none!important;opacity:1;transform:translateY(0)}.esalon-component .esalon-hero-slider__dot:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/esalon-component-hero-slider.css.map */