.f-view-switch__button{--tw-bg-opacity:1;background-color:rgb(236 235 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(63 53 143/var(--tw-text-opacity,1));transition:background-color .3s ease-out,color .3s ease-out}.f-view-switch__button.-active{--tw-bg-opacity:1;background-color:rgb(63 53 143/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));cursor:default}@media(hover:hover){.f-view-switch__button:hover:not(.-active){--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1))}}.f-view-switch__button:focus-visible:not(.-active){--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1))}.f-view-switch__button:focus-visible{outline:2px solid var(--focusColor,#3f358f);outline-offset:2px}