import { css } from 'lit';
export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--ig-error-500)}`;
//# sourceMappingURL=checkbox.fluent.css.js.map