.sxcp-popup,.sxcp-inline{--sxcp-bg: #ffffff;--sxcp-border: #c8ccd2;--sxcp-text: #212529;--sxcp-link: #0d6efd;--sxcp-swatch-border: #c0c0c0;--sxcp-shadow: 0 4px 16px rgba(0, 0, 0, .18);--sxcp-radius: 4px;--sxcp-focus: #0d6efd;--sxcp-stripe: #000000;box-sizing:border-box;font:13px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--sxcp-text);background:var(--sxcp-bg);border:1px solid var(--sxcp-border);border-radius:var(--sxcp-radius);padding:4px 4px 2px;width:max-content;min-width:212px;user-select:none}.sxcp-popup *,.sxcp-popup *:before,.sxcp-popup *:after,.sxcp-inline *,.sxcp-inline *:before,.sxcp-inline *:after{box-sizing:border-box}@media(prefers-color-scheme:dark){:root:not([data-bs-theme=light]):not([data-theme=light]) .sxcp-popup,:root:not([data-bs-theme=light]):not([data-theme=light]) .sxcp-inline{--sxcp-bg: #2b3035;--sxcp-border: #495057;--sxcp-text: #dee2e6;--sxcp-link: #6ea8fe;--sxcp-swatch-border: #5c636a;--sxcp-shadow: 0 4px 16px rgba(0, 0, 0, .5);--sxcp-focus: #6ea8fe;--sxcp-stripe: #adb5bd}}[data-bs-theme=dark] .sxcp-popup,[data-bs-theme=dark] .sxcp-inline,[data-theme=dark] .sxcp-popup,[data-theme=dark] .sxcp-inline,.sxcp-popup[data-bs-theme=dark],.sxcp-inline[data-bs-theme=dark]{--sxcp-bg: #2b3035;--sxcp-border: #495057;--sxcp-text: #dee2e6;--sxcp-link: #6ea8fe;--sxcp-swatch-border: #5c636a;--sxcp-shadow: 0 4px 16px rgba(0, 0, 0, .5);--sxcp-focus: #6ea8fe;--sxcp-stripe: #adb5bd}.sxcp-popup{box-shadow:var(--sxcp-shadow);overflow:auto}.sxcp-wrap{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;max-width:100%}.sxcp-wrap--hidden-input{gap:0}.sxcp-wrap.sxcp-disabled .sxcp-button{opacity:.5;cursor:default}.sxcp-button{--sxcp-swatch-border: #c3c3c3;flex:none;width:20px;height:20px;padding:0;margin:0;border:1px solid var(--sxcp-swatch-border);border-radius:3px;background:transparent;cursor:pointer;font:inherit}.sxcp-button:focus-visible{outline:2px solid var(--sxcp-focus, #0d6efd);outline-offset:1px}.sxcp-button.sxcp-empty{background-image:linear-gradient(135deg,transparent 45%,#d33 45%,#d33 55%,transparent 55%)}.sxcp-title{display:flex;align-items:center;justify-content:space-between;padding:5px 3px 4px;font-weight:400;white-space:nowrap}.sxcp-row{display:flex;gap:4px;padding:0 3px}.sxcp-swatch{flex:none;display:block;width:16px;height:16px;padding:0;margin:0;border:1px solid var(--sxcp-swatch-border);border-radius:0;cursor:pointer;font-size:0;line-height:0}.sxcp-swatch:hover{outline:1px solid var(--sxcp-text);outline-offset:0;z-index:1;position:relative}.sxcp-swatch:focus-visible{outline:2px solid var(--sxcp-focus);outline-offset:0;z-index:1;position:relative}.sxcp-group{margin-top:3px}.sxcp-group .sxcp-row+.sxcp-row .sxcp-swatch{border-top:0}.sxcp-palette--theme>.sxcp-row{margin-bottom:1px}.sxcp-swatch--tr-box{width:30px;height:20px}.sxcp-hexagon,.sxcp-grays{display:flex;flex-direction:column;align-items:center}.sxcp-row--web{gap:0;padding:0}.sxcp-row--web .sxcp-swatch{width:14px;height:12px;border:0}.sxcp-sep{height:10px}.sxcp-grays .sxcp-row--web .sxcp-swatch{border:1px solid transparent}.sxcp-row--history{gap:6px;padding:3px 5px}.sxcp-nohistory{margin:4px 3px 6px;opacity:.7}.sxcp-transparent{background-image:repeating-linear-gradient(135deg,var(--sxcp-stripe, #000) 0,var(--sxcp-stripe, #000) 1px,var(--sxcp-bg, #fff) 1px,var(--sxcp-bg, #fff) 3px)}.sxcp-links{display:flex;gap:8px;padding:5px 4px 4px;font-size:.92em}.sxcp-link{padding:0;margin:0;border:0;background:none;color:var(--sxcp-link);font:inherit;cursor:pointer;text-decoration:none}.sxcp-link:hover{text-decoration:underline}.sxcp-link:focus-visible{outline:2px solid var(--sxcp-focus);outline-offset:1px}.sxcp-link[hidden]{display:none}.sxcp-indicators{display:flex;gap:8px;padding:2px 4px 4px;min-height:22px}.sxcp-indicator{display:flex;align-items:center;gap:5px;min-width:94px;font-size:.95em}.sxcp-indicator[hidden]{display:none}.sxcp-indicator-box{flex:none;width:16px;height:16px;border:1px solid var(--sxcp-swatch-border)}.sxcp-inline.sxcp-disabled{opacity:.4;pointer-events:none}