.pay{flex-direction:column;gap:10px;display:flex}.pay-card{border:1px solid var(--sf-line,#d9d9d9);background:var(--color-bg,#fff);border-radius:12px}.pay-card[data-on]{border-color:var(--sf-fg,#111);box-shadow:0 0 0 1px var(--sf-fg,#111)}.pay-head{cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:14px 16px;display:flex}.pay-head input{opacity:0;width:1px;height:1px;position:absolute}.pay-head input:focus-visible+.pay-dot{outline:2px solid var(--sf-fg,#111);outline-offset:2px}.pay-dot{border:2px solid var(--sf-fg,#111);border-radius:999px;flex:none;width:20px;height:20px;display:inline-block;position:relative}.pay-card[data-on] .pay-dot:after{content:"";background:var(--sf-fg,#111);border-radius:999px;position:absolute;inset:3px}.pay-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-text strong{font-size:16px;font-weight:600}.pay-text small{color:var(--sf-muted,#666);font-size:14px}.pay-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.pay-chips{flex-wrap:wrap;gap:8px;display:flex}.pay-chip{border:1px solid var(--sf-line,#d9d9d9);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.pay-chip input{opacity:0;width:1px;height:1px;position:absolute}.pay-chip[data-on]{border-color:var(--sf-fg,#111);background:var(--sf-fg,#111);color:var(--color-bg,#fff)}.pay-chip:focus-within{outline:2px solid var(--sf-fg,#111);outline-offset:2px}.pay-how{background:var(--sf-surface,#f6f6f6);overflow-wrap:anywhere;border-radius:8px;margin:0;padding:10px 12px;font-size:15px;line-height:1.5}.pay-field{flex-direction:column;gap:6px;display:flex}.pay-field label{font-size:14px;font-weight:500}.pay-field input{border:1px solid var(--sf-line,#d9d9d9);background:var(--color-bg,#fff);width:100%;min-height:48px;color:inherit;font:inherit;box-sizing:border-box;border-radius:8px;padding:0 14px;font-size:16px}.pay-field input[aria-invalid=true]{border-color:var(--sf-danger,#b00020)}.pay-field input:focus{border-color:var(--sf-fg,#111);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-fg,#111) 18%, transparent);outline:none}.pay-due{flex-wrap:wrap;gap:0 4px;margin:0;font-size:15px;display:flex}.pay-note{color:var(--sf-muted,#666);margin:0;font-size:14px}.pay-error{color:var(--sf-danger,#b00020);margin:0;font-size:14px}.pay[data-single] .pay-head{cursor:default}@media (max-width:480px){.pay-body{padding:0 12px 14px}.pay-head{padding:12px}}