.colour-picker-native[hidden]{display:none!important}
.colour-picker{position:relative;min-width:0;margin-top:6px;font:inherit;font-weight:400;letter-spacing:normal}
.colour-picker>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;box-sizing:border-box;border:1px solid #cdd9dc;background:#fff;color:#062e35;cursor:pointer;list-style:none;font:inherit}
.colour-picker>summary::-webkit-details-marker{display:none}
.colour-picker>summary::after{content:'⌄';margin-left:auto}
.colour-picker-name{min-width:0;overflow-wrap:anywhere;white-space:normal}
.colour-picker-swatch{display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid #aab8bc;box-shadow:inset 0 0 0 2px #fff;border-radius:50%;flex:0 0 20px}
.colour-picker-swatch.is-unknown{background:transparent;border-style:dashed}
.colour-picker-list{position:absolute;top:100%;left:0;right:0;min-width:100%;max-height:260px;overflow:auto;padding:4px;box-sizing:border-box;border:1px solid #cdd9dc;border-radius:4px;background:#fff;box-shadow:0 4px 14px #062e3526;z-index:100;text-transform:none}
.colour-picker-option{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 8px;box-sizing:border-box;color:#062e35;cursor:pointer;font:inherit}
.colour-picker-option[aria-selected=true]{background:#eaf2ed}
.colour-picker-option:hover{background:#eaf2ed}
.colour-picker-option:focus-visible,.colour-picker>summary:focus-visible{outline:2px solid #237b6c;outline-offset:-2px}
.product-detail-actions .colour-picker{font-size:12px;min-width:110px}
.product-detail-actions .colour-picker>summary{min-height:47px}