.variant-picker .pd-color-option{display:flex;flex-wrap:nowrap;gap:4px;max-width:100%;min-width:0;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
.variant-picker .pd-color-option legend{margin-bottom:10px;font-size:14px}
.variant-picker .pd-color-option .variant-option__swatch-value{color:inherit;font-weight:600;margin-left:6px}
.variant-picker .pd-color-option .variant-option__button-label{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:44px;min-width:40px;max-width:40px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none!important}
.variant-picker .pd-color-option .variant-option__button-label::before,.variant-picker .pd-color-option .variant-option__button-label::after{content:none!important}
.variant-picker .pd-color-option .pd-color-dot{display:block;position:relative;box-sizing:border-box;width:30px;height:30px;border-radius:50%;border:1px solid #0000002e}
.variant-picker .pd-color-option .pd-color-dot::after{content:"";position:absolute;inset:-5px;border:1.5px solid transparent;border-radius:50%;pointer-events:none}
.variant-picker .pd-color-option .variant-option__button-label:has(:checked) .pd-color-dot::after{border-color:#173c32}
.variant-picker .pd-color-option .variant-option__button-label:has(:focus-visible) .pd-color-dot::after{border-color:#173c32;border-style:dashed}