.nom-extra-value.nom-extra-colored,.onec-post-nom-facet-option .value.nom-extra-colored { padding:1px 4px; border-radius:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.nom-extra-value.nom-extra-colored:empty { display:inline-block; min-width:14px; min-height:1em; vertical-align:middle; }
.nom-extra-color-dialog { width:340px; max-width:calc(100vw - 32px); border:1px solid #bccddd; border-radius:8px; padding:18px; color:#153451; background:#fff; box-shadow:0 12px 40px #19385440; }
.nom-extra-color-dialog::backdrop { background:#16304740; }
.nom-extra-color-dialog h3 { margin:0 0 10px; font-size:16px; }
.nom-extra-color-dialog p { white-space:normal; overflow-wrap:anywhere; }
.nom-extra-color-note { font-size:12px; color:#566b7e; }
.nom-extra-color-palette { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; padding:5px; }
.nom-extra-color-swatch { min-width:0; height:34px; padding:0; border:1px solid #a7b4c0; border-radius:3px; cursor:pointer; }
.nom-extra-color-swatch[aria-checked=true] { outline:2px solid #145caa; outline-offset:2px; }
.nom-extra-color-swatch:focus-visible { outline:2px dashed #145caa; outline-offset:2px; }
.nom-extra-color-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.nom-extra-color-actions button { padding:6px 18px; }
.nom-extra-color-dialog [role=alert] { color:#a52121; font-size:12px; }
.nom-extra-color-menu { position:fixed; z-index:10020; min-width:180px; background:white; border:1px solid #c7d4e1; border-radius:5px; padding:4px; box-shadow:0 4px 14px #1233; }
.nom-extra-color-menu button { display:block; width:100%; text-align:left; }

.nom-extra-color-swatch[data-color=""] { grid-column:1 / -1; height:28px; background:#f7f9fc; color:#153451; }