.u-switch__wrapper{align-items:center;display:flex;gap:var(--space-4);justify-content:flex-start}.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;display:inline-block;height:1.375rem;min-width:var(--switch-width);position:relative;width:var(--switch-width)}.u-switch__toggler{background-color:var(--color-neutral-10);border-radius:.6875rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.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{display:inline-block;font-size:var(--switch-label-font-size,var(--font-size-1));margin-top:.1875rem}.u-switch__toggler:before{background-color:var(--color-neutral-00);border-radius:50%;bottom:.125rem;content:"";height:1.125rem;left:.125rem;position:absolute;transition:.4s ease-in-out;width:1.125rem}.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)}