.heroSwitch{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;gap:10px;-webkit-box-pack:center;justify-content:center;margin:-2px auto;padding-top:1.25rem;position:relative;z-index:2}.heroSwitch__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;gap:9px}.heroSwitch__button{width:32px;height:32px;background:url(/assets/img/home/arrow-switch-hero.1756745208.svg) no-repeat center/cover;border:none;cursor:pointer;background-size:32px 32px;outline:none}.heroSwitch__button:focus{outline:1px solid #2BDEFD;outline-offset:2px;box-shadow:0 0 0 4px rgba(2,191,222,.3)}.heroSwitch__button.slider-prev-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.heroSwitch__button:hover{width:32px;height:32px;background:url(/assets/img/home/arrow-switch-hero-hover.1756745208.svg) no-repeat center/cover;background-size:45px 45px}.heroSwitch__number{color:#d7f9ff;font-family:"Chakra Petch",sans-serif;font-size:1.125rem;cursor:pointer}.heroSwitch__number.current{font-weight:700}.heroSwitch__line{width:125px;height:6px;background:#037A8E;border-radius:18px;position:relative}.heroSwitch__line>span{position:absolute;inset:0;background:#037A8E;border-radius:18px;-webkit-transition:width 500ms ease-in-out;transition:width 500ms ease-in-out;width:0;height:100%;z-index:1}