.membership-payment-method { min-width: 0; margin: 18px 0 0; padding: 0; border: 0; }
.membership-payment-method legend { margin: 0 0 8px; padding: 0; color: #ddd4e8; font-size: 13px; }
:root[data-studio-theme="light"] .membership-payment-method legend { color: rgba(35, 41, 55, 1); }
.membership-payment-method__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.membership-payment-dialog .membership-payment-method__choices button { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 60px; padding: 10px 12px; border: 1px solid #ffffff24; border-radius: 10px; background: #29282c; color: #e7e1ef; font: inherit; text-align: left; cursor: pointer; }
:root[data-studio-theme="light"] .membership-payment-dialog .membership-payment-method__choices button { border: 1px solid rgba(153, 163, 184, 0.2); background: rgba(255, 255, 255, 1); color: rgba(35, 41, 55, 1); }
.membership-payment-method__choices button > span:last-child { min-width: 0; }
.membership-payment-method__choices small { display: block; color: #aaa3b3; font-size: 11px; line-height: 1.5; }
:root[data-studio-theme="light"] .membership-payment-method__choices small { color: rgba(66, 75, 93, 1); }
.membership-payment-dialog .membership-payment-method__choices button[aria-pressed="true"] { border-color: #b79ae7; background: #3b304b; }
:root[data-studio-theme="light"] .membership-payment-dialog .membership-payment-method__choices button[aria-pressed="true"] { border-color: rgba(176, 152, 215, 0.58); background: rgba(228, 232, 240, 1); }
.membership-payment-method__choices button > svg { flex-shrink: 0; color: #cbaafb; }
:root[data-studio-theme="light"] .membership-payment-method__choices button > svg { color: rgba(78, 27, 152, 1); }
.membership-payment-method__choices button:focus-visible { outline: 2px solid #cbaafb; outline-offset: 3px; }
:root[data-studio-theme="light"] .membership-payment-method__choices button:focus-visible { outline: 2px solid rgba(178, 152, 215, 0.58); }
.membership-payment-method__choices button:disabled { opacity: .5; cursor: default; }
.membership-payment-method__recovery { margin: 12px 0 0; color: #d3c4e9; font-size: 12px; }
:root[data-studio-theme="light"] .membership-payment-method__recovery { color: rgba(82, 48, 130, 1); }
.membership-payment-dialog .membership-payment-method__recovery button,
.membership-payment-dialog__payment > button { min-height: 38px; padding: 8px 14px; border: 1px solid #ffffff24; border-radius: 9px; background: #37313e; color: #eee; font: inherit; cursor: pointer; }
:root[data-studio-theme="light"] .membership-payment-dialog .membership-payment-method__recovery button, :root[data-studio-theme="light"] .membership-payment-dialog__payment > button { border: 1px solid rgba(153, 163, 184, 0.2); background: rgba(240, 242, 247, 1); color: rgba(35, 41, 55, 1); }
.membership-payment-dialog__payment > .membership-checkout__primary { background: #b999e7; color: #21172f; border-color: #b999e7; }
:root[data-studio-theme="light"] .membership-payment-dialog__payment > .membership-checkout__primary { background: rgba(230, 222, 242, 1); color: rgba(94, 104, 122, 1); border-color: rgba(178, 152, 215, 0.58); }
.membership-payment-dialog__payment > button:disabled { opacity: .5; cursor: default; }