:root{--checkbox-size: var(--size-relative-md);--checkbox-size-mark-translate-inline: -50%;--checkbox-size-offset-outline: var(--size-relative-3xs);--checkbox-color-border: var(--color-primary-65);--checkbox-color-bg: var(--field-color-bg);--checkbox-color-bg-hover: var(--color-bg-layer-3);--checkbox-color-bg-checked: var(--color-primary-55);--checkbox-color-bg-checked-hover: var(--color-primary-65);--checkbox-color-bg-invalid: var(--color-pink-60);--checkbox-color-text: var(--color-gray-5);--checkbox-color-text-hover: var(--color-primary-20);--checkbox-color-text-checked: var(--color-primary-5);--checkbox-color-text-checked-hover: var(--color-primary-2);--checkbox-color-outline: transparent;--checkbox-color-outline-control: transparent}:root{--switch-size-inline: calc(3 * var(--size-relative-md));--switch-size-margin-button: var(--size-relative-3xs);--switch-color-bg-button: var(--color-gray-cyan-2);--switch-color-bg-button-hover: var(--color-gray-cyan-0);--switch-color-bg-button-checked: var(--color-primary-5);--switch-color-bg-button-checked-hover: var(--color-primary-2)}.tad-switch{--checkbox-size: var(--size-relative-lg);--checkbox-size-mark-translate-inline: calc( var(--transform-direction) * -50% );--checkbox-color-border: var(--color-primary-65);--checkbox-color-bg: var(--color-gray-cyan-50);--checkbox-color-bg-hover: var(--color-gray-cyan-55);--checkbox-color-bg-checked: var(--color-primary-45);--checkbox-color-bg-checked-hover: var(--color-primary-50);--checkbox-color-bg-invalid: var(--color-pink-60);--checkbox-color-text: var(--color-gray-cyan-75);--checkbox-color-text-hover: var(--color-gray-cyan-85);--checkbox-color-text-checked: var(--color-primary-75);--checkbox-color-text-checked-hover: var(--color-primary-85)}.tad-switch .tad-checkbox__wrapper{order:1}.tad-switch .tad-checkbox__ui{display:inline-flex;width:calc(3 * var(--size-relative-md));width:var(--switch-size-inline);height:var(--size-relative-md);height:var(--checkbox-size);aspect-ratio:auto;border:0;border-radius:var(--size-border-radius-round)}.tad-switch .tad-checkbox__ui:before{content:"";position:absolute;top:var(--size-relative-3xs);bottom:var(--size-relative-3xs);top:var(--switch-size-margin-button);bottom:var(--switch-size-margin-button);left:var(--size-relative-3xs);left:var(--switch-size-margin-button);aspect-ratio:1;background-color:var(--color-gray-cyan-2);background-color:var(--switch-color-bg-button);border-radius:var(--size-border-radius-round);transition:translate var(--fx-speed-faster) var(--fx-easing-out)}.tad-switch .tad-checkbox__ui:after{left:calc(.5 * var(--size-relative-md));left:calc(.5 * var(--checkbox-size));transition-duration:var(--fx-speed-faster),var(--fx-speed-faster),var(--fx-speed-faster);transition-timing-function:var(--fx-easing-out),var(--fx-easing-out),var(--fx-easing-out)}.tad-switch .tad-checkbox__control:not(:checked)+.tad-checkbox__ui:after{height:0;translate:-50% -50%;translate:var(--checkbox-size-mark-translate-inline) -50%;rotate:0deg}.tad-switch .tad-checkbox__control:active+.tad-checkbox__ui:after{margin-top:0}.tad-switch .tad-checkbox__control:checked+.tad-checkbox__ui{--checkbox-offset: calc( (var(--switch-size-inline) - var(--checkbox-size)) );--checkbox-size-mark-translate-inline: calc( var(--transform-direction) * (var(--checkbox-offset) - 50%) )}.tad-switch .tad-checkbox__control:checked+.tad-checkbox__ui:before{translate:calc(var(--transform-direction) * var(--checkbox-offset)) 0}.tad-switch .tad-checkbox__control:disabled:not(:checked)+.tad-checkbox__ui:after{height:0;translate:-50% -50%;translate:var(--checkbox-size-mark-translate-inline) -50%;rotate:45deg}