.md-color-input-root{display:inline-flex;align-items:center;gap:var(--md-space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--md-font-family);font-size:var(--md-text-sm);color:var(--md-color-text)}.md-color-input--disabled{opacity:var(--md-state-disabled-opacity);cursor:not-allowed;pointer-events:none}.md-color-input--sm .md-color-input-swatch-wrap{width:1.75rem;height:1.75rem;border-radius:var(--md-radius-xs)}.md-color-input--md .md-color-input-swatch-wrap{width:var(--md-control-height-sm);height:var(--md-control-height-sm);border-radius:var(--md-radius-sm)}.md-color-input--lg .md-color-input-swatch-wrap{width:var(--md-control-height-md);height:var(--md-control-height-md);border-radius:var(--md-radius-sm)}.md-color-input-swatch-wrap{position:relative;flex-shrink:0;border:.13rem solid var(--md-color-border-strong);overflow:hidden;transition:border-color var(--md-duration-short) var(--md-easing-standard),box-shadow var(--md-duration-short) var(--md-easing-standard)}.md-color-input-root:not(.md-color-input--disabled):hover .md-color-input-swatch-wrap{border-color:var(--md-color-border-primary)}.md-color-input--error .md-color-input-swatch-wrap{border-color:var(--md-color-error)}.md-color-input-swatch-wrap:focus-within{outline:var(--md-focus-ring-width) solid var(--md-focus-ring-color);outline-offset:.13rem}.md-color-input-swatch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:var(--md-color-primary)}.md-color-input-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:none;opacity:0;cursor:pointer}.md-color-input--disabled .md-color-input-native{cursor:not-allowed}.md-color-input-label{line-height:1.4}