kb-custom-colors{display:block;min-width:0;margin-bottom:20px;color:#543a50}kb-custom-colors *{box-sizing:border-box}kb-custom-colors .kb-colors{position:relative;min-width:0;margin:0;padding:18px;border:0;border-radius:18px;background:#faf7f2;box-shadow:0 3px 16px #543a500d}kb-custom-colors legend{float:left;width:100%;padding:0;font-size:15px;font-weight:700}kb-custom-colors legend span{font-weight:400;font-size:12px}kb-custom-colors .kb-colors-help{clear:both;padding-top:7px;margin:0 0 16px;font-size:12px;line-height:1.5;opacity:.8}kb-custom-colors button{font:inherit;color:inherit;cursor:pointer;border:0}kb-custom-colors button:focus-visible,kb-custom-colors input:focus-visible{outline:2px solid #9f7994;outline-offset:3px}kb-custom-colors .kb-color-options{display:flex;flex-wrap:wrap;gap:12px 8px}kb-custom-colors .kb-color-option{display:grid;justify-items:center;gap:7px;width:54px;min-height:66px;padding:3px;background:transparent;font-size:10px;line-height:1.3}kb-custom-colors .kb-color-disc{position:relative;display:block;width:43px;height:43px;border-radius:50%;background:var(--color);box-shadow:0 2px 6px #543a5022}kb-custom-colors [aria-pressed=true] .kb-color-disc{box-shadow:0 0 0 3px #faf7f2,0 0 0 5px #ab819d}kb-custom-colors [data-color][aria-pressed=true] .kb-color-disc:after{content:'✓';position:absolute;right:-3px;bottom:-3px;background:#76566f;color:white;border-radius:50%;width:18px;height:18px;line-height:18px;font-size:12px}kb-custom-colors .kb-color-none{background:linear-gradient(45deg,transparent 48%,#b6a8b0 49% 52%,transparent 53%),#fff}kb-custom-colors .kb-color-rainbow{background:conic-gradient(#ffb5c2,#ffe4a8,#ddf2b8,#b9e9e4,#c8c4ee,#efbae8,#ffb5c2)}kb-custom-colors .kb-color-picked{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}kb-custom-colors .kb-color-picked:empty{display:none}kb-custom-colors .kb-color-picked button{max-width:100%;overflow-wrap:anywhere;padding:7px 10px;background:#f0e6ec;border-radius:20px;font-size:11px}kb-custom-colors .kb-color-picked button:before{content:'';display:inline-block;vertical-align:middle;width:13px;height:13px;margin-right:6px;border-radius:50%;background:var(--color)}kb-custom-colors .kb-color-popover{position:relative;z-index:2;width:280px;max-width:100%;margin-top:18px;padding:18px;background:#fffcf9;border-radius:18px;box-shadow:0 6px 24px #543a5024}kb-custom-colors [hidden]{display:none!important}kb-custom-colors .kb-color-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px}kb-custom-colors [data-close]{font-size:23px;background:transparent;min-width:32px;min-height:32px}kb-custom-colors .kb-color-wheel{position:relative;width:100%;aspect-ratio:1;border-radius:50%;touch-action:none;background:radial-gradient(circle,#fff,transparent 70%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:crosshair}kb-custom-colors .kb-color-wheel i{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px white,0 0 0 3px #543a50;transform:translate(-50%,-50%);pointer-events:none}kb-custom-colors .kb-color-sliders{display:grid;gap:8px;margin-top:18px}kb-custom-colors .kb-color-sliders label{font-size:11px}kb-custom-colors input[type=range]{display:block;width:100%;margin:5px 0 0;accent-color:#956d89;cursor:pointer}kb-custom-colors .kb-color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}kb-custom-colors [data-swatch]{width:100%;aspect-ratio:1;background:var(--color);border-radius:50%;box-shadow:0 1px 4px #543a5020}kb-custom-colors .kb-color-hex-label{display:block;font-size:11px}kb-custom-colors .kb-color-hex-label>div{display:flex;align-items:center;gap:10px;margin-top:6px}kb-custom-colors .kb-color-preview{width:30px;height:30px;flex:none;border-radius:50%;box-shadow:0 1px 4px #543a5022}kb-custom-colors [data-hex]{min-width:0;width:100%;border:0;background:#f4edf1;border-radius:9px;padding:10px;color:#543a50;font:inherit;font-size:14px}kb-custom-colors .kb-color-error{font-size:11px;line-height:1.4;margin:8px 0}kb-custom-colors .kb-color-add{width:100%;padding:11px;border-radius:22px;background:#eadbe5;font-weight:600;font-size:12px}@media(max-width:420px){kb-custom-colors .kb-colors{padding:14px}kb-custom-colors .kb-color-options{gap:10px 5px}kb-custom-colors .kb-color-option{width:48px}}

kb-custom-colors .kb-colors legend{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px}kb-custom-colors .kb-colors-inline-help{font-size:12px;font-weight:400;line-height:1.5}kb-custom-colors .kb-color-options{clear:both;padding-top:16px}
kb-custom-colors .kb-color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(58px,calc((100% - 48px)/7)),1fr));gap:12px 8px}
kb-custom-colors .kb-color-option{width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:43px auto;align-content:start}
kb-custom-colors .kb-color-option>span:last-child{white-space:nowrap}
kb-custom-colors [data-color="#C5A253"] .kb-color-disc,kb-custom-colors .kb-color-picked [data-remove="#C5A253"]:before{background:linear-gradient(135deg,#92702d 0%,#d4b45e 24%,#fff0b4 40%,#c5a253 52%,#987335 69%,#e5ca7d 88%,#b38c40 100%)}
kb-custom-colors [data-color="#BDC1C6"] .kb-color-disc,kb-custom-colors .kb-color-picked [data-remove="#BDC1C6"]:before{background:linear-gradient(135deg,#858b94 0%,#c8cdd3 24%,#fafbfc 40%,#bdc1c6 52%,#9198a1 69%,#e0e4e8 88%,#a8aeb6 100%)}