.hero-slider{position:relative;overflow:hidden;max-width:var(--page-width, 1240px);margin:0 auto}.hero-slider__track{display:flex;transition:transform .55s cubic-bezier(.65,0,.35,1)}.hero-slide{flex:0 0 100%;width:100%;max-width:100%;overflow:hidden;aspect-ratio:16/5.2;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 6% 0 8%;color:#fff}@media screen and (max-width:749px){.hero-slide{aspect-ratio:16/9;padding:0 6%}}.hero-slide__copy{position:relative;z-index:2;max-width:480px;min-width:0;flex-shrink:1}.hero-slide__copy .hero-slide__tag{font-size:1.248rem;font-weight:700;letter-spacing:.04em;opacity:.85}.hero-slide__copy h2{color:#fff;font-size:clamp(2.4rem,3.4vw,4.16rem);margin:8px 0 0;line-height:1.1;font-family:var(--font-heading-family);overflow-wrap:break-word;word-break:break-word}.hero-slide__copy p{margin-top:10px;opacity:.9;font-size:1.568rem;overflow-wrap:break-word}.hero-slide__copy .btn{margin-top:20px}.hero-slide__media{position:relative;z-index:2;flex:1;height:100%;max-width:45%;display:flex;align-items:center;justify-content:center;margin-left:24px}.hero-slide__media img{width:100%;height:100%;object-fit:contain}.hero-slide__placeholder{width:100%;height:100%;border:1.5px dashed rgba(255,255,255,.55);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffff14;color:#ffffffd9;text-align:center;padding:12px}.hero-slide__placeholder svg{width:30px;height:30px;opacity:.85}.hero-slide__placeholder span{font-size:1.152rem;font-weight:600;line-height:1.4}@media screen and (max-width:749px){.hero-slide__media{display:none}}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff38;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-slider__arrow:hover{background:#ffffff59}.hero-slider__arrow.prev{left:18px}.hero-slider__arrow.next{right:18px}@media screen and (max-width:599px){.hero-slider__arrow{display:none}}.hero-slider__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-slider__dots button{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0}.hero-slider__dots button.active{background:#fff;width:22px;border-radius:5px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-hero-slider.css.map */