.hero-banner{border-radius:100px;position:relative;overflow:hidden}.dex-ui .hero-banner{margin:20px}.phon-ui .hero-banner{margin:0 auto}.hero-banner-track{aspect-ratio:16/5;width:100%;position:relative}.phon-ui .hero-banner-track{aspect-ratio:3/4.5;height:auto}.dex-ui .hero-banner-track{height:clamp(auto, 75vh, 900px)}.hero-banner-slide{opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.hero-banner-slide.is-active{opacity:1;visibility:visible}.hero-banner-placeholder{color:#9a9aa0;letter-spacing:.02em;background:linear-gradient(135deg,#e6e6e8 0%,#f4f4f5 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:600;display:flex}.hero-banner-slide img{object-fit:cover;width:100%;height:100%;display:block}.hero-banner-dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.hero-banner-dot{cursor:pointer;background:#fff9;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}.hero-banner-dot:hover{background:#ffffffd9}.hero-banner-dot.is-active{background:var(--header-bg,#fe2424);transform:scale(1.15)}