:root{--checkbox-size: 1.25em;--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;--checkbox-size-font-label: var(--font-size-md)}:root{--switch-size-inline: calc(3 * var(--size-relative-md));--switch-size-margin-button: var(--size-relative-2xs);--switch-color-bg-button: var(--color-gray-cyan-35);--switch-color-bg-button-hover: var(--color-gray-cyan-45);--switch-color-bg-button-checked: var(--color-primary-0);--switch-color-bg-button-checked-hover: var(--color-primary-2);--switch-size-border: var(--size-3xs)}.tad-switch{--checkbox-size: var(--size-relative-md);--checkbox-size-border: var(--size-relative-3xs);--checkbox-size-before: var(--size-relative-sm);--checkbox-size-mark-translate-inline: calc( var(--transform-direction) * -50% );--checkbox-color-border: var(--color-primary-65);--checkbox-color-bg-hover: var(--color-gray-cyan-55);--checkbox-color-bg-checked: var(--color-newblue);--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;box-sizing:content-box;--checkbox-color-bg: transparent;--switch-size-inline: calc(2 * var(--checkbox-size));width:2.5em;width:var(--switch-size-inline);height:1.25em;height:var(--checkbox-size);aspect-ratio:auto;border-width:var(--checkbox-size-border);border-radius:var(--size-border-radius-round)}.tad-switch .tad-checkbox__ui:before{content:"";width:var(--checkbox-size-before);height:var(--checkbox-size-before);position:absolute;top:calc(var(--checkbox-size-border));bottom:calc(var(--checkbox-size-border));left:calc(var(--checkbox-size-border));aspect-ratio:1;background-color:var(--color-gray-cyan-35);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{display:none}.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{border-color:var(--field-color-bg);border-color:var(--checkbox-color-bg);--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}