.t-color-picker__preview{height:4rem}.t-light .t-color-picker__preview{--un-bg-opacity:1;background-color:#f4f4f5;background-color:rgb(244 244 245 / var(--un-bg-opacity))}.t-dark .t-color-picker__preview{--un-bg-opacity:1;background-color:#27272a;background-color:rgb(39 39 42 / var(--un-bg-opacity))}.t-color-picker__favorites{align-items:center;display:flex;flex-wrap:wrap}.t-color-picker__favorites-item{margin:.0875rem}.t-color-picker .t-input__field{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.t-color-picker--md .t-color-picker__favorites-item.t-icon-button,.t-color-picker--sm .t-color-picker__favorites-item.t-icon-button,.t-color-picker--xs .t-color-picker__favorites-item.t-icon-button{min-height:1rem;min-width:1rem}.t-color-picker--re .t-color-picker__favorites-item.t-icon-button{min-height:1.125rem;min-width:1.125rem}.t-color-picker--lg .t-color-picker__favorites-item.t-icon-button,.t-color-picker--xl .t-color-picker__favorites-item.t-icon-button{min-height:1.25rem;min-width:1.25rem}.t-color-picker--disabled .t-color-picker__element,.t-color-picker--readonly .t-color-picker__element{pointer-events:none}.t-color-picker--disabled .t-color-picker__element{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) grayscale(1) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}