.events-toggle{display:flex;justify-content:center;padding:40px 20px}.events-toggle__container{background:#0f1837;border-radius:10px;box-shadow:0 4px 12px rgba(15,24,55,.2);display:flex;height:56px;margin:0 auto;padding:4px;position:relative;width:fit-content}.events-toggle__slider{background:#3b5ba9;border-radius:7px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s ease-in-out;width:calc(50% - 4px);z-index:1}.events-toggle__slider--on-demand{transform:translateX(100%)}.events-toggle__tabs{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%;z-index:2}.events-toggle__tab{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;flex:1;font-size:20px;font-weight:500;height:48px;justify-content:center;min-width:280px;outline:none;padding:0 90px;position:relative;text-align:center;transition:color .2s ease-in-out;white-space:nowrap}.events-toggle__tab:hover{color:hsla(0,0%,100%,.9)}.events-toggle__tab--active{color:#fff;font-weight:700}.events-toggle__tab:focus-visible{border-radius:10px;outline:2px solid #fff;outline-offset:4px}@media (max-width:768px){.events-toggle{padding:30px 20px}.events-toggle__tab{font-size:18px;padding:0 24px}}@media (max-width:480px){.events-toggle{padding:20px}.events-toggle__container{height:48px}.events-toggle__tab{font-size:16px;height:40px;padding:0 16px}}