.c-brand-color-input{gap:.625rem;margin-block-end:1.25rem;display:grid}.c-brand-color-input__label{color:#334155;font-size:.875rem;font-weight:600}.c-brand-color-input__required{color:#dc2626;margin-left:.25rem}.c-brand-color-input__control{align-items:center;gap:.75rem;display:flex}.c-brand-color-input__swatch{cursor:pointer;background:linear-gradient(45deg,#e2e8f0 25%,#0000 25%) 0 0/.75rem .75rem,linear-gradient(-45deg,#e2e8f0 25%,#0000 25%) 0 0/.75rem .75rem,#fff;border:1px solid #cbd5e1;border-radius:.75rem;place-items:center;width:3rem;height:3rem;transition:box-shadow .15s,transform .15s;display:grid;overflow:hidden}.c-brand-color-input__swatch:focus-within{box-shadow:0 0 0 3px #0f766e38}.c-brand-color-input__swatch:hover{transform:translateY(-1px)}.c-brand-color-input__picker{cursor:pointer;opacity:0;block-size:100%;inline-size:100%}.c-brand-color-input__value{color:#0f172a;letter-spacing:.02em;min-inline-size:0;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;width:min(100%,17rem);padding:.8125rem .875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.c-brand-color-input__value::placeholder{color:#94a3b8}.c-brand-color-input__value:focus{border-color:#0f766e;outline:0;box-shadow:0 0 0 3px #0f766e29}.c-brand-color-input__value--error{border-color:#dc2626}.c-brand-color-input__preview{color:#64748b;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.c-brand-color-input__preview-swatch{background:linear-gradient(45deg,#e2e8f0 25%,#0000 25%) 0 0/.5rem .5rem,linear-gradient(-45deg,#e2e8f0 25%,#0000 25%) 0 0/.5rem .5rem,#fff;border:1px solid #cbd5e1;border-radius:999px;flex:none;block-size:.75rem;inline-size:.75rem}.c-brand-color-input__info{color:#64748b;white-space:pre-line;font-size:.8125rem;line-height:1.5}
/*# sourceMappingURL=0e8naak8ff2ga.css.map*/