@layer wertigo.components{.app-select-color{cursor:pointer;display:inline-flex;position:relative}.app-select-color:has(.app-select-color__input:disabled){cursor:not-allowed}.app-select-color__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.app-select-color__input:disabled{cursor:not-allowed}.app-select-color__trigger{font-size:var(--ds-text-sm);color:var(--ds-subtle);background:var(--ds-line);border-radius:var(--ds-radius-md);pointer-events:none;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .15s;display:inline-flex}.app-select-color:hover:not(:has(.app-select-color__input:disabled)) .app-select-color__trigger{color:var(--ds-text);background:var(--ds-line-strong)}.app-select-color__trigger--disabled{opacity:.58}.app-select-color__swatch{border-radius:var(--ds-radius-sm);border:1px solid #00000014;flex-shrink:0;width:18px;height:18px;display:block}}