.component--switch[data-v-711915a5]{align-items:center;gap:.5rem;display:inline-flex}.component--switch button[data-v-711915a5]{background-color:color-mix(in srgb,var(--text-3) 50%,transparent);cursor:pointer;width:44px;height:24px;transition:background-color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:var(--primary);--ripple-opacity:.14;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;flex-shrink:0;padding:0;position:relative}.component--switch button[data-v-711915a5]:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.96}@media (prefers-reduced-motion:reduce){.component--switch button[data-v-711915a5]:active{scale:none}}@media (hover:hover){.component--switch button[data-v-711915a5]:hover{background-color:color-mix(in srgb,var(--text-3) 70%,transparent)}}.component--switch button .knob[data-v-711915a5]{width:18px;height:18px;transition:transform var(--motion-arrive) var(--ease-spring);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.component--switch.is-on button[data-v-711915a5]{background-color:var(--primary)}.component--switch.is-on button[data-pressed][data-v-711915a5]{animation:select-pulse .55s var(--ease-out)}@media (hover:hover){.component--switch.is-on button[data-v-711915a5]:hover{background-color:color-mix(in srgb,var(--primary),var(--text) 12%)}}.component--switch.is-on button .knob[data-v-711915a5]{transform:translate(20px)}.component--switch.is-disabled button[data-v-711915a5]{opacity:.6;cursor:not-allowed}.component--switch label[data-v-711915a5]{color:var(--text-2);cursor:pointer;transition:scale .45s var(--ease-press);--ripple:on;--ripple-color:var(--primary);--ripple-opacity:.14;-webkit-tap-highlight-color:transparent;font-size:.875rem;position:relative}.component--switch label[data-v-711915a5]:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.96}@media (prefers-reduced-motion:reduce){.component--switch label[data-v-711915a5]:active{scale:none}}.component--switch.is-on label[data-pressed][data-v-711915a5]{animation:select-pulse .55s var(--ease-out)}.component--switch.is-disabled label[data-v-711915a5]{--ripple:off;cursor:not-allowed}.component--switch.is-disabled label[data-v-711915a5]:active{scale:none}@media (prefers-reduced-motion:reduce){.component--switch button .knob[data-v-711915a5]{transition:none}}