.t-input-color .t-input__field{position:relative}.t-input-color__placeholder{position:absolute;inset:0;width:100%;height:100%;direction:ltr}[dir=rtl] .t-input-color__placeholder{text-align:right}.t-input-color:not(.t-input--disabled,.t-input--read-only) .t-input-color__placeholder{cursor:pointer}.t-input-color__preview--has-value{background-color:#fff!important}.t-input-color__preview__button{display:block;width:100%;height:100%}.t-input-color__preview__grid,.t-input-color__preview__icon,.t-input-color__preview__layer,.t-input-color__preview__overlay{pointer-events:none;position:absolute;inset:0;width:100%;height:100%}.t-input-color__preview__icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.t-input-color__preview__grid{display:flex;flex-wrap:wrap;padding:.125rem}.t-input-color__preview__grid>span{width:33.3333333333%;border-radius:.375rem}.t-input-color__preview__grid>span:nth-child(odd){--t-bg-opacity:1;background-color:rgb(243 244 246 / var(--t-bg-opacity))}.t-input-color__preview__overlay{opacity:.15;background-image:linear-gradient(45deg,#000000bf,#fff)}.t-input-color__field{width:100%;display:flex;align-items:center}.t-input-color__label{width:100%}