bucktory-color-picker{display:block;position:relative;min-width:0;width:100%;height:32px;box-sizing:border-box;background:var(--bg);border:1px solid var(--bdr2);border-radius:var(--r);overflow:hidden}
.color-picker-track{display:flex;direction:ltr;align-items:center;gap:6px;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 5px;box-sizing:border-box}
.color-picker-track::-webkit-scrollbar{display:none}
.color-picker-track .color-picker-swatch{flex:0 0 24px;width:24px;height:min(24px,100%);min-height:0;box-sizing:border-box;padding:0;border:2px solid transparent;border-radius:var(--r);background:var(--swatch);cursor:pointer}
.color-picker-track .color-picker-swatch[aria-pressed="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--bg)}
.color-picker-track .color-picker-swatch:focus-visible{outline:2px solid var(--text);outline-offset:1px}
.color-picker-hint{position:absolute;top:0;bottom:0;width:22px;display:flex;align-items:center;color:var(--text);opacity:0;pointer-events:none}
.color-picker-hint.visible{opacity:1}
.color-picker-left{left:0;justify-content:flex-start;background:linear-gradient(to right,var(--bg),transparent)}
.color-picker-right{right:0;justify-content:flex-end;background:linear-gradient(to left,var(--bg),transparent)}