.u-switch__wrapper{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-4)}.u-switch__input{opacity:0}.u-switch__input:focus-visible+.u-switch__toggler{outline:.3125rem auto Highlight;outline:.3125rem auto -webkit-focus-ring-color}.u-switch{--switch-width:2.625rem;position:relative;display:inline-block;width:var(--switch-width);min-width:var(--switch-width);height:1.375rem}.u-switch__toggler{position:absolute;cursor:pointer;inset:0;background-color:var(--color-neutral-10);transition:.4s;border-radius:.6875rem}.dark .u-switch__toggler,.u-switch__toggler .u-darkmode,.u-switch__toggler.dark{background-color:var(--_color-neutral-70--whitemode)}@media(prefers-color-scheme:dark){.u-switch__toggler :root:not(.light){background-color:var(--_color-neutral-70--whitemode)}}.u-switch__wrapper--error .u-switch__toggler{background-color:var(--color-secondary-300)}.u-switch__wrapper--error .u-switch__label{color:var(--color-secondary-300)}.u-switch__wrapper--success .u-switch__toggler,.u-switch__wrapper--success input:checked+.u-switch__toggler{background-color:var(--color-secondary-100)}.u-switch__wrapper--success .u-switch__label{color:var(--color-secondary-100)}.u-switch__label{font-size:var(--switch-label-font-size,var(--font-size-1));display:inline-block;margin-top:.1875rem}.u-switch__toggler:before{border-radius:50%;position:absolute;content:"";height:1.125rem;width:1.125rem;left:.125rem;bottom:.125rem;background-color:var(--color-neutral-00);transition:.4s ease-in-out}.dark .u-switch__toggler:before,.u-switch__toggler:before .u-darkmode,.u-switch__toggler:before.dark{background-color:var(--_color-neutral-00--whitemode)}@media(prefers-color-scheme:dark){.u-switch__toggler:before :root:not(.light){background-color:var(--_color-neutral-00--whitemode)}}input:checked+.u-switch__toggler{background-color:var(--color-primary-100)}input:focus+.u-switch__toggler{box-shadow:0 0 .0625rem var(--color-primary-100)}input:checked+.u-switch__toggler:before{transform:translate(1.25rem)}