/* Same pill dimensions and selection treatment as La Condo cloth. */
.hb-pdp [data-product-option-change] .form-field.hb-inline-cloth.hb-ping-colours{display:grid;grid-template-columns:repeat(var(--ping-colour-count),minmax(0,1fr));gap:6px;max-width:calc(var(--ping-colour-count)*82px);margin-bottom:24px}
.hb-pdp .hb-ping-colours>.form-label{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;white-space:nowrap;margin-bottom:8px}
.hb-pdp .hb-ping-selected{font-weight:400;color:#777b72;font-size:14px}
.hb-pdp .hb-ping-colours .form-option-wrapper{width:100%;margin:0}
.hb-pdp .hb-ping-colours .form-option-swatch{position:relative;width:100%;height:48px;padding:4px;display:flex;align-items:center;border-radius:999px;border:0!important;background:transparent!important;text-decoration:none!important}
.hb-pdp .hb-ping-colours .form-option-swatch .form-option-variant{width:100%;height:38px;border-radius:999px}
.hb-pdp .hb-ping-colours .form-radio:checked+.form-option-swatch .form-option-variant{box-shadow:0 0 0 3px #fff,0 0 0 4px #555f54}
.hb-pdp .hb-ping-colours .form-radio:focus-visible+.form-option-swatch{outline:2px solid #555f54;outline-offset:3px}

.hb-pdp .hb-ping-colours .hb-colour-unavailable{display:flex!important;cursor:not-allowed}
.hb-pdp .hb-ping-colours .hb-colour-unavailable .form-option-variant{opacity:.28;filter:grayscale(.6);box-shadow:none!important}
.hb-pdp .hb-ping-colours .hb-colour-unavailable::after{content:none!important}
.hb-pdp .hb-ping-colours .hb-colour-stock{display:block;text-align:center;font-size:11px;line-height:1.4;color:#777b72;margin-top:3px}