.hero-slider{overflow:visible;max-height:636px}.hero-slider swiper-container{height:100%;width:100%}.hero-slider swiper-container swiper-slide{height:100%;width:100%;position:relative;cursor:grab}.hero-slider swiper-container swiper-slide .hero-slider__image{height:100%;width:100%}.hero-slider swiper-container swiper-slide .hero-slider__image .img__desktop{display:block}.hero-slider swiper-container swiper-slide .hero-slider__image .img__mobile{display:none}.hero-slider swiper-container swiper-slide .hero-slider__content{position:absolute;z-index:1;display:flex;flex-direction:column}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__subtitle{text-transform:uppercase;margin-bottom:16px}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__title{font-size:72px;margin-bottom:40px}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__button{display:flex;align-items:center;display:block;text-align:center;width:200px;max-width:200px;padding:14px 8px;font-weight:700;font-size:var(--medium-size);justify-content:center;transition:background-color .5s ease;box-sizing:border-box}.hero-slider swiper-container swiper-slide .hero-slider__gradient{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.hero-slider swiper-container swiper-slide .hero-slider__gradient.gradient-lashes{background:linear-gradient(271deg,#e9719100 25.95%,#df5379 63.53%)}.hero-slider swiper-container swiper-slide .hero-slider__gradient.gradient-glow{background:linear-gradient(270deg,#8ebdc300 44.55%,#63aab3 79.06%)}@media screen and (max-width:768px){.hero-slider swiper-container swiper-slide .hero-slider__image .img__desktop{display:none}.hero-slider swiper-container swiper-slide .hero-slider__image .img__mobile{display:block}.hero-slider swiper-container swiper-slide .hero-slider__content{left:50%;top:auto;bottom:40px;transform:translate(-50%);text-align:center;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__subtitle{font-size:12px;margin-bottom:6px}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__title{font-size:30px;margin-bottom:16px;padding:0 4px}.hero-slider swiper-container swiper-slide .hero-slider__content .hero-slider__button{width:180px;padding:8px 0;font-size:var(--base-size)}.hero-slider swiper-container swiper-slide .hero-slider__gradient.gradient-lashes{background:linear-gradient(180deg,#e9719100 -1.76%,#df5379 80%)}.hero-slider swiper-container swiper-slide .hero-slider__gradient.gradient-glow{background:linear-gradient(180deg,#8ebdc300 -1.76%,#63aab3 57.77%)}.hero-slider swiper-container::part(wrapper){height:500px!important}}.hero-slider swiper-container{--swiper-pagination-color: rgb(var(--color-background));--swiper-pagination-bullet-inactive-color: rgb(var(--color-background));--swiper-pagination-bullet-inactive-opacity: .5;--swiper-pagination-bullet-size: 8px;--swiper-pagination-bullet-horizontal-gap: 4px}.hero-slider swiper-container::part(wrapper){height:636px;display:flex}.hero-slider swiper-container::part(bullet){background-color:rgb(var(--color-background));opacity:.5}.hero-slider swiper-container::part(bullet-active){background-color:rgb(var(--color-background));opacity:1;height:10px;width:10px}.hero-slider swiper-container::part(button-prev){color:rgb(var(--color-background));border-radius:30px;background:rgba(var(--color-foreground),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px}.hero-slider swiper-container::part(button-next){color:rgb(var(--color-background));border-radius:30px;background:rgba(var(--color-foreground),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px}@media screen and (min-width:768px){.hero-slider swiper-container::part(pagination){bottom:24px}}.hero-slider swiper-container{display:flex;gap:12px;height:640px}@media screen and (max-width:768px){.hero-slider swiper-container{height:500px}}.hero-slider swiper-container swiper-slide:not([aria-label]){min-width:90.9vw}
/*# sourceMappingURL=/cdn/shop/t/77/assets/hero-slider.css.map */
