.umd-variant-picker{margin:22px 0;padding:20px;border:1px solid #dbe4eb;border-radius:16px;background:#fff}.umd-variant-picker h2{font-size:17px;margin:0 0 16px}.umd-variant-row{margin-top:16px}.umd-variant-row h3{font-size:14px;margin:0 0 9px}.umd-variant-row h3 span{font-weight:400;color:#526476}.umd-variant-options{display:flex;gap:8px;flex-wrap:wrap}.umd-variant-option{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 13px;border:1px solid #cbd5e1;border-radius:10px;color:#23394d!important;text-decoration:none!important;min-height:46px;max-width:100%}.umd-variant-option strong{font-size:14px}.umd-variant-option small{font-size:11px;color:#526476;max-width:210px}.umd-variant-option:hover,.umd-variant-option:focus-visible{border-color:#007f80;background:#f0fafa;outline:2px solid #007f80;outline-offset:2px}.umd-variant-option.is-selected{border:2px solid #007f80;background:#edf9f7;padding:9px 12px}.umd-variant-picker>p{font-size:12px;color:#526476;line-height:1.5;margin:14px 0 0}@media(max-width:600px){.umd-variant-picker{padding:14px}.umd-variant-option{flex:1 0 95px}}