.air3-switch{--c-switch-width:var(--switch-width);--c-switch-height:var(--switch-height);--switch-padding:0 var(--space-1);--switch-bg:var(--switch-off-bg-color);--switch-bg-hover:var(--switch-off-hover-bg-color);--switch-bg-selected:var(--switch-on-bg-color);--switch-bg-selected-hover:var(--switch-on-hover-bg-color);--switch-border-color:var(--switch-off-border-color);--switch-border-color-hover:var(--switch-off-hover-border-color);--switch-border-color-selected:var(--switch-on-border-color);--switch-border-color-selected-hover:var(--switch-on-hover-border-color);--c-switch-border-width:var(--switch-border-width);--switch-border:var(--c-switch-border-width) solid var(--switch-border-color);--switch-radius:var(--switch-border-radius);--switch-icon-size:var(--switch-icon-width);--switch-icon-bg:var(--switch-off-icon-color);--switch-icon-bg-hover:var(--switch-off-hover-icon-color);--switch-icon-bg-selected:var(--switch-on-icon-color);--switch-icon-bg-selected-hover:var(--switch-on-hover-icon-color);position:relative;min-width:var(--c-switch-width);height:var(--c-switch-height);padding:var(--switch-padding);border:var(--switch-border);border-radius:var(--switch-radius);background:var(--switch-bg);transition:background 175ms ease-in,transform 175ms ease-in}@media(hover:hover){.air3-switch:hover:not([disabled]){--switch-border-color:var(--switch-border-color-hover);--switch-icon-bg:var(--switch-icon-bg-hover);--switch-bg:var(--switch-bg-hover);transform:scale(var(--switch-scale))}}.air3-switch[disabled]{--switch-border-color:var(--disabled-bg-color);--switch-bg:var(--disabled-bg-color);--switch-icon-bg:var(--hc-disabled, var(--disabled-text-color));cursor:not-allowed}.air3-switch-icon{position:absolute;top:var(--space-1);left:0;transition:transform .3s ease;transition:var(--reduced-motion,transform ease .3s);width:var(--switch-icon-size);height:var(--switch-icon-size);border-radius:var(--switch-icon-border-radius);background:var(--switch-icon-bg);transform:translate(var(--space-1))}.air3-switch-on{--switch-bg:var(--switch-bg-selected);--switch-border-color:var(--switch-border-color-selected);--switch-icon-bg:var(--switch-icon-bg-selected)}.air3-switch-on:hover:not([disabled]){--switch-border-color:var(--switch-border-color-selected-hover);--switch-bg:var(--switch-bg-selected-hover);--switch-icon-bg:var(--switch-icon-bg-selected-hover)}.air3-switch-on .air3-switch-icon{transform:translate(calc(var(--c-switch-width) - var(--switch-icon-size) - var(--space-1) - var(--c-switch-border-width)*2))}.air3-switch-inverted{--switch-bg-selected:var( --bg-btn-check-dark-selected-inverse, var(--bg-btn-check-dark-selected) );--switch-bg-selected-hover:var( --bg-btn-check-dark-selected-hover-inverse, var(--bg-btn-check-dark-selected-hover) );--switch-border-color-selected:var( --border-color-btn-check-dark-selected-inverse, var(--border-color-btn-check-dark-selected) );--switch-border-color-selected-hover:var( --border-color-btn-check-dark-selected-hover-inverse, var(--border-color-btn-check-dark-selected-hover) )}.air3-switch-inverted[disabled]{--switch-border-color:var(--bg-disabled-inner);--switch-bg:var(--bg-disabled-inner);--switch-icon-bg:var(--text-on-disabled-inverse);opacity:.5}@media(forced-colors:active){.air3-switch-inverted[disabled]{opacity:1}}.keyboard-user .air3-switch-inverted:focus{--text-outline:var(--text-outline-accent);--outline-offset:2px}