.ui-color{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0;width:100%}.ui-color>.input{flex:1 1 10rem;min-width:0}.ui-color__trigger{gap:var(--space-2);flex:none}.ui-color__swatch{width:var(--control-icon-size);height:var(--control-icon-size);flex:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface)}.ui-color__popup{position:fixed;z-index:var(--select-popup-z);max-width:calc(100vw - var(--space-6));max-height:calc(100dvh - var(--space-6));overflow:auto;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--control-radius);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-menu)}.ui-color__popup[hidden]{display:none!important}.ui-color__choices{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin-block-start:var(--space-3)}.ui-color__choices>.btn{justify-content:flex-start;white-space:normal;text-align:left}.ui-color__choices>[aria-pressed=true]{border-color:var(--color-primary)}