@layer base{.t3TaBG{all:unset;display:inline-flex;align-items:center;width:36px;height:20px;background-color:var(--color-gray-300);border-radius:9999px;position:relative;cursor:pointer;transition:all var(--animation-duration-normal);-webkit-tap-highlight-color:transparent;flex-shrink:0}.t3TaBG:hover{background-color:var(--color-gray-400);transform:scale(1.02)}.t3TaBG[data-state=checked]{background:linear-gradient(to right,var(--color-primary),var(--color-primary-hover))}.t3TaBG[data-state=checked]:hover{background:linear-gradient(to right,var(--color-primary-hover),var(--color-primary-active))}.hPodYL{display:block;width:16px;height:16px;background-color:var(--color-white);border-radius:9999px;box-shadow:0 1px 2px var(--color-shadow);transition:transform var(--animation-duration-normal) cubic-bezier(.4,0,.2,1);transform:translateX(2px);will-change:transform}.hPodYL:hover{box-shadow:0 2px 4px var(--color-shadow)}.t3TaBG[data-state=checked] .hPodYL{transform:translateX(18px)}.t3TaBG:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.t3TaBG[data-disabled]{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.t3TaBG:active .hPodYL{transform:scale(.95)}.t3TaBG[data-state=checked]:active .hPodYL{transform:translateX(18px) scale(.95)}}}