.hb-bulk__colors{display:flex;flex-wrap:wrap;gap:8px;}
.hb-bulk__colorname{margin:0 0 10px;font-size:.95rem;line-height:1.5;color:#222}
.hb-bulk__colors{gap:8px;padding:2px 3px 7px}
.hb-color-square{position:relative;flex:0 0 36px;width:36px;height:36px;min-width:36px;border:1px solid #adb7b0;border-radius:6px;padding:0;background:var(--hb-swatch);cursor:pointer}
.hb-color-square[aria-pressed=true]{border:2px solid #205846;background:var(--hb-swatch);padding:0;box-shadow:0 0 0 2px #fff,0 0 0 3px #205846}
.hb-bulk__colorcheck{display:grid;place-items:center;position:absolute;inset:8px;border-radius:50%;background:#205846;color:white;font-size:12px;line-height:1;font-weight:700}
.hb-color-square em{position:absolute;right:-5px;top:-6px;margin:0;padding:2px 4px;min-width:17px;border:1px solid white;font-size:10px;line-height:1.1}
.hb-color-square:focus-visible{outline:3px solid #206f6d;outline-offset:4px}

.hb-color-square{position:relative;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;border:1px solid #adb7b0!important;border-radius:6px!important;padding:0!important;background:var(--hb-swatch)!important;cursor:pointer}.hb-color-square[aria-pressed=true]{border:2px solid #205846!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #205846}.hb-color-square em{position:absolute;right:-5px;top:-6px;border-radius:10px;background:#205846;color:#fff;padding:2px 4px;font:10px Arial}.hb-color-original{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;clip-path:inset(50%)!important;overflow:hidden!important}.hb-color-picker{margin:10px 0 14px}.hb-color-square:focus-visible{outline:3px solid #206f6d;outline-offset:4px}