html body .compute-payment-picker { position:relative; min-width:0; width:100%; }
html body .v21-order-panel:has(.compute-payment-picker),
html body .v21-order-action:has(.compute-payment-picker) { overflow:visible!important; }
html body .v21-order-panel:has(.compute-payment-options:not([hidden])) { position:relative; z-index:101; }
html body .compute-payment-trigger { position:relative; display:block; width:100%; min-height:46px; padding:12px 38px 12px 14px!important; border:1px solid #0b0b0b!important; border-radius:10px; background:#0b0b0b!important; color:#fff!important; font:inherit; text-align:start; cursor:pointer; }
html body .compute-payment-trigger::after { content:''; position:absolute; right:15px; top:17px; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
html body .compute-payment-options { position:absolute; top:calc(100% + 5px); inset-inline:0; z-index:100; padding:5px!important; max-height:280px; overflow:auto; border:1px solid #d8dee8; border-radius:10px; background:#fff!important; box-shadow:0 12px 28px #0002; }
html body .compute-payment-options[hidden] { display:none!important; }
html body .compute-payment-option { display:block; width:100%; padding:11px 12px!important; border:0!important; border-radius:6px; background:#fff!important; color:#111!important; font:inherit; text-align:start; cursor:pointer; }
html body .compute-payment-option:hover,
html body .compute-payment-option:focus-visible { background:#f1f1f1!important; color:#111!important; }
html body .compute-payment-trigger:focus-visible { outline:2px solid #999; outline-offset:2px; }
html body .compute-payment-option:disabled { opacity:.5; cursor:not-allowed; }
html[dir="rtl"] .compute-payment-trigger::after { right:auto; left:15px; }