.joa-band-picker .joa-band-option--band-width{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.joa-band-picker .joa-band-option--band-width legend{grid-column:1/-1;margin-bottom:12px}.joa-band-picker .joa-band-option--band-width .variant-option__button-label{min-width:0;min-height:44px;border-radius:0;background:#171717;border:1px solid #626262;color:#fff}.joa-band-picker .joa-band-option--band-width .variant-option__button-label:has(input:checked){border-color:#c6aa70;background:#2d291f;box-shadow:inset 0 0 0 1px #c6aa70}.joa-band-picker .variant-option__button-label__pill{display:none}.joa-band-picker .joa-band-option--material{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start}.joa-band-picker .joa-band-option--material legend{width:100%;margin-bottom:13px}.joa-band-selected{font-weight:400}.joa-band-picker .joa-band-option--material .variant-option__button-label{border:1px solid transparent;background:transparent;border-radius:50%;width:44px;height:44px;min-width:44px;padding:3px;flex:0 0 44px;box-shadow:none}.joa-band-picker .joa-band-option--material .variant-option__button-label:has(input:checked){border-color:#c6aa70;box-shadow:0 0 0 1px #c6aa70}.joa-band-metal{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:600;color:#242424;background:linear-gradient(135deg,#bfc0c3,#fafafa 50%,#bfc0c3)}.joa-band-metal--yellow{background:linear-gradient(135deg,#d8c696,#fff0c6 50%,#d8c696)}.joa-band-metal--rose{background:linear-gradient(135deg,#d2a08c,#f9dace 50%,#d2a08c)}.joa-band-picker .joa-band-option--material .variant-option__button-label:has([data-option-available="false"]){opacity:.3}.joa-band-picker .variant-option__select-wrapper{width:100%}.joa-band-picker fieldset,.joa-band-picker .variant-option--dropdowns{margin-bottom:20px}.joa-band-picker .variant-option__button-label:has(input:focus-visible){outline:2px solid #fff;outline-offset:4px}@media(max-width:390px){.joa-band-picker .joa-band-option--material{gap:7px}}