import { css } from 'lit';
export const styles = css `[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--label-color);transition:all .2s ease-in-out}:host(:hover) [part~=label]{color:var(--label-hover-color)}:host(:hover) [part~=thumb]:not([part~=checked]){background:var(--thumb-off-hover-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}`;
//# sourceMappingURL=switch.common.css.js.map