.hero-banner{position:absolute;top:21%;left:0;right:0;line-height:1;max-width:1146px;padding:10px 24px;margin:0 auto;color:#fff}@media not all and (min-width:1280px){.hero-banner{padding-inline-start:5rem}}.hero-banner-dots{--size:95px;--border-color:transparent;--text-opacity:0;--transition-speed:500ms;--transition-ease:ease-in-out;display:flex;align-items:center;justify-content:center;gap:12px;height:100px}.hero-banner-thumb{position:relative}.hero-banner-thumb button{width:var(--size);height:var(--size);padding:.25rem;border:2px solid var(--border-color);border-radius:20px;transition:border-color var(--transition-speed) var(--transition-ease),width var(--transition-speed) var(--transition-ease),height var(--transition-speed) var(--transition-ease)}.hero-banner-thumb span{opacity:var(--text-opacity);position:absolute;bottom:0;left:0;right:0;text-align:center;transform:translateY(calc(100% + 5px));transition:opacity var(--transition-speed) var(--transition-ease);color:#fff;font-weight:600}.slick-active{--size:110px;--border-color:hsla(0,0%,100%,.5);--text-opacity:1}@media (max-width:768px){.hero-banner-dots{--size:66px}.slick-active{--size:85px}}