.color-previews{border:0;padding:0;margin:18px 0;min-width:0}
.color-previews legend{font-size:12px;font-weight:500;color:#425d70;padding:0;margin-bottom:10px}
.color-preview-options{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.color-preview{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:48px;padding:3px 10px 3px 3px;border:1px solid #dce5eb;border-radius:4px;background:#fff;color:#425d70;font:inherit;font-size:11px;line-height:1.4;text-align:left;cursor:pointer}
.color-preview img{display:block;width:38px;height:46px;object-fit:cover;flex:0 0 38px;border-radius:2px}
.color-preview span{overflow-wrap:anywhere;min-width:0}
.color-preview:hover{border-color:#8ba8bd;background:#f7fafc}
.color-preview[aria-pressed=true]{border-color:#476b87;box-shadow:0 0 0 1px #476b87;background:#f1f6fa;color:#28495f}
.color-preview:focus-visible{outline:2px solid #476b87;outline-offset:3px}
@media(max-width:600px){.color-preview{max-width:calc(50% - 4px);flex:0 1 auto;font-size:11px;min-height:50px}.color-previews{margin:16px 0}.color-preview-options{gap:8px}}