.text-colour{flex-direction:column;gap:.4rem;width:19rem;max-width:90vw;padding:.75rem;display:flex}.text-colour__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--theme-elevation-500);margin:.35rem 0 .1rem;font-size:.6875rem;font-weight:700}.text-colour__heading:first-child{margin-top:0}.text-colour__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;display:grid}.text-colour__grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.text-colour__swatch{border-radius:var(--style-radius-s,4px);cursor:pointer;text-align:left;color:var(--theme-elevation-800);background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;padding:.3rem .4rem;font-size:.8125rem;line-height:1.2;display:flex}.text-colour__swatch:hover{background:var(--theme-elevation-100)}.text-colour__swatch:focus-visible{outline:2px solid var(--theme-success-500,var(--theme-elevation-800));outline-offset:1px}.text-colour__swatch[aria-pressed=true]{border-color:var(--theme-elevation-400);background:var(--theme-elevation-100)}.text-colour__chip{background:var(--swatch);border-radius:50%;flex:none;width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px #0000002e}.text-colour__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-colour__custom{align-items:flex-end;gap:.5rem;display:flex}.text-colour__custom .field-type{flex:auto;margin-bottom:0}.text-colour__wheel{border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s,4px);cursor:pointer;background:0 0;flex:none;width:2.25rem;height:2.25rem;padding:0}.text-colour__note{color:var(--theme-elevation-600);margin:.1rem 0 0;font-size:.75rem;line-height:1.4}.text-colour__note code{font-size:.72rem}.text-colour__note--error{color:var(--theme-error-500)}.text-colour__actions{justify-content:space-between;gap:.5rem;margin-top:.5rem;display:flex}.text-colour__actions .btn{margin:0}