.payment-methods.pay-list.pay-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:10px;display:grid}.shell .payment-methods.pay-list label.pay-option.pay-option,.payment-methods.pay-list label.pay-option.pay-option{min-height:0;box-shadow:none;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid;position:relative}.shell .payment-methods.pay-list label.pay-option.pay-option:hover{background:#ffffff0d;border-color:#ffffff3d}.shell .payment-methods.pay-list label.pay-option.pay-option.selected,.payment-methods.pay-list label.pay-option.pay-option.selected{background:linear-gradient(135deg,#7c63ff26,#7c63ff0d);border-color:#8b6dff;box-shadow:0 0 0 1px #8b6dff,0 10px 30px -18px #7c63ff}.shell .payment-methods.pay-list label.pay-option.pay-option:focus-within{outline-offset:3px;outline:2px solid #c1a4ff}.shell .payment-methods.pay-list label.pay-option.pay-option input{opacity:0;cursor:pointer;pointer-events:auto;width:100%;height:100%;margin:0;position:absolute;inset:0}.pay-option .pay-option-mark{border-radius:13px;grid-row:auto;place-items:center;width:48px;height:48px;display:grid}.pay-option .pay-option-mark svg{width:28px;height:28px;display:block}.pay-option .pay-option-mark-sbp{background:#fff}.pay-option .pay-option-mark-sbp svg{width:32px;height:32px}.pay-option .pay-option-mark-card{background:#fff}.pay-option .pay-option-mark-card svg{width:38px;height:38px}.pay-option .pay-option-text{gap:3px;min-width:0;display:grid}.payment-methods.pay-list .pay-option .pay-option-text>*{grid-column:1}.shell .payment-methods.pay-list .pay-option .pay-option-text strong{color:#f4f2fb;align-self:auto;font-size:16px;line-height:1.25}.pay-option .pay-option-text small{color:#a9a4bb;font-size:13px;line-height:1.35}.pay-option .pay-option-tags{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.pay-option .pay-option-tags span{color:#d6d2e4;letter-spacing:.02em;background:#ffffff12;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;line-height:18px}.pay-option .pay-option-check{box-sizing:border-box;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:22px;height:22px;transition:border-color .15s,background-color .15s;display:grid}.pay-option.selected .pay-option-check{background:#8b6dff;border-color:#8b6dff}.pay-option.selected .pay-option-check:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:9px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.shell .payment-methods.pay-list label.pay-option.pay-option.is-disabled{opacity:.55;cursor:not-allowed}.shell .payment-methods.pay-list label.pay-option.pay-option.is-disabled:hover{background:#ffffff08;border-color:#ffffff1f}.shell .payment-methods.pay-list label.pay-option.pay-option.is-disabled input{cursor:not-allowed}.pay-option.is-disabled .pay-option-check{visibility:hidden}.shell .payment-methods.pay-list>label.payment-method-placeholder{visibility:hidden;grid-template-columns:48px minmax(0,1fr) 22px;gap:14px;min-height:0;padding:14px 16px;display:grid}.pay-option .pay-option-mark-crypto{background:#fff}.pay-mark{background:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.pay-mark svg{width:26px;height:26px;display:block}.pay-mark-card svg{width:32px;height:32px}.pay-mark.pay-mark-sm{vertical-align:-3px;background:0 0;border-radius:0;width:16px;height:16px;margin-right:5px}.pay-mark.pay-mark-sm svg{width:16px;height:16px}.pay-method-inline{white-space:nowrap;vertical-align:bottom;align-items:center;display:inline-flex}.pay-method-inline .pay-mark-sm{vertical-align:0}.pay-surface-method{color:#c2bed0;align-items:center;gap:12px;margin:0 0 6px;font-weight:600;display:flex}.payment-coming-soon-methods button{align-items:center;display:inline-flex}@media (width<=420px){.shell .payment-methods.pay-list label.pay-option.pay-option{grid-template-columns:44px minmax(0,1fr) 22px;gap:12px;padding:12px 14px}.pay-option .pay-option-mark{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.pay-option,.pay-option .pay-option-check{transition:none}}.renewal-order-list .pay-method-inline{color:inherit;margin-top:0;display:inline-flex}.renewal-order-list .pay-method-inline .pay-mark{margin-top:0;display:inline-grid}.opt-list.opt-list{border:0;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;display:grid}.opt-list.opt-list>legend{color:#f4f2fb;margin:0 0 10px;padding:0;font-size:14px;font-weight:700}.opt-list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.opt-list-head small{color:#a9a4bb;font-size:13px;font-weight:500}.opt-list label.opt-row.opt-row{color:#f4f2fb;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;margin:0;padding:12px 14px;font-weight:400;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid;position:relative}.opt-list label.opt-row.opt-row:hover{background:#ffffff0d;border-color:#ffffff3d}.opt-list label.opt-row.opt-row.selected{background:linear-gradient(135deg,#7c63ff26,#7c63ff0d);border-color:#8b6dff;box-shadow:0 0 0 1px #8b6dff,0 10px 30px -18px #7c63ff}.opt-list label.opt-row.opt-row:focus-within{outline-offset:3px;outline:2px solid #c1a4ff}.opt-list label.opt-row.opt-row input{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.opt-list label.opt-row.opt-row.is-disabled{cursor:not-allowed}.opt-list label.opt-row.opt-row.is-disabled:hover{background:#ffffff08;border-color:#ffffff1f}.opt-list label.opt-row.opt-row.is-disabled input{cursor:not-allowed}.opt-row.is-disabled .opt-row-mark,.opt-row.is-disabled .opt-row-text{opacity:.55}.opt-row .opt-row-mark{background:#ffffff12;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.opt-row .opt-row-mark svg{width:26px;height:26px;display:block}.opt-row .opt-row-mark.is-flag svg{border-radius:4px;width:30px;height:21px;box-shadow:0 0 0 1px #ffffff26}.opt-row .opt-row-text{gap:2px;min-width:0;display:grid}.opt-list .opt-row .opt-row-text strong{color:#f4f2fb;font-size:15px;font-weight:700;line-height:1.3}.opt-list .opt-row .opt-row-text small{color:#a9a4bb;font-size:13px;font-weight:400;line-height:1.35}.opt-row .opt-row-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.opt-row .opt-row-tags span{color:#d6d2e4;background:#ffffff12;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px}.opt-row .opt-row-check{box-sizing:border-box;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.opt-row.selected .opt-row-check{background:#8b6dff;border-color:#8b6dff}.opt-row.selected .opt-row-check:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:9px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.opt-row .opt-row-badge{color:#c9c3da;letter-spacing:.02em;white-space:nowrap;border:1px solid #ffffff26;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.server-picker{margin:0 0 18px}.server-picker .opt-row-mark.is-auto{color:#fff;background:linear-gradient(135deg,#8b6dff,#5a43d6)}.server-signal{vertical-align:-1px;align-items:flex-end;gap:2px;height:12px;margin-left:6px;display:inline-flex}.server-signal i{background:#6fdca6;border-radius:1px;width:3px}.server-signal i:first-child{height:5px}.server-signal i:nth-child(2){height:8px}.server-signal i:nth-child(3){height:12px}.server-picker-note{color:#a9a4bb;margin:2px 0 0;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.opt-list label.opt-row.opt-row{transition:none}}.mini-compose .server-picker{margin:12px 0 8px}.mini-compose .mini-platforms{margin-bottom:4px}.journey-card .server-picker.server-picker{margin:18px 0 22px}.server-location{background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;display:grid}.server-location .opt-row-mark{color:#fff;background:linear-gradient(135deg,#8b6dff,#5a43d6);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.server-location .opt-row-mark svg{width:24px;height:24px}.server-location-text{gap:2px;min-width:0;display:grid}.server-location-text small{color:#a9a4bb;font-size:12px}.server-location-text strong{color:#f4f2fb;font-size:15px}.server-location button.server-location-change.server-location-change{color:#c9c3da;width:auto;min-height:0;font:inherit;cursor:not-allowed;opacity:.75;background:0 0;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.server-location .server-location-change .opt-row-badge{border:1px solid #ffffff26;border-radius:999px;padding:1px 7px;font-size:10px}@media (width<=420px){.server-location{grid-template-columns:44px minmax(0,1fr)}.server-location button.server-location-change.server-location-change{grid-column:1/-1;justify-content:center;justify-self:stretch;width:100%}}
