.ui-switch{display:flex}.ui-switch-button{position:relative;background-color:rgb(26 26 26/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5;font-size:.75rem;line-height:1rem;font-weight:500}.ui-switch-button:hover{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}@media (min-width:640px){.ui-switch-button{font-size:.875rem;line-height:1.25rem}}.ui-switch-button{padding:.75rem 2.15rem;transition:all .02s ease;cursor:pointer}@media (min-width:640px){.ui-switch-button{padding:.75rem 2.75rem}}.ui-switch-button>span{display:inline-block;transition:all .15s ease}.ui-switch-button:before{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1));transition:all .25s ease;content:" ";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;transform:scaleX(0)}.ui-switch-button:active{filter:brightness(90%)}.ui-switch-button:hover:before{transform:scaleX(.3)}.ui-switch-button:hover>span{transform:translateY(-4px)}.ui-switch-button.active{--tw-bg-opacity:1;background-color:rgb(3 18 33/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(10 173 255/var(--tw-text-opacity,1));pointer-events:none;cursor:default}.ui-switch-button.active:before{--tw-bg-opacity:1;background-color:rgb(10 173 255/var(--tw-bg-opacity,1));height:2px;transform:scaleX(1)}