@layer components{.payments-detail-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.payments-notice{border-inline-start:.3rem solid var(--color-violet);background:color-mix(in srgb, var(--color-violet) 8%, transparent);flex-wrap:wrap;align-items:baseline;gap:.65rem;margin-block-start:1rem;padding:.8rem 1rem;display:flex}.payments-notice-error{border-inline-start-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.payments-notice-success{border-inline-start-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, transparent)}.payments-button{border:.0625rem solid var(--color-ink);background:var(--color-ink);min-block-size:2.6rem;color:var(--color-paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .9rem;font-weight:700;display:inline-flex}.payments-button:hover:not(:disabled){border-color:var(--color-violet);background:var(--color-violet)}.payments-button:disabled{cursor:not-allowed;opacity:.5}.payments-button-secondary{color:var(--color-ink);background:0 0}.payments-history{border:.0625rem solid var(--color-line);background:var(--color-surface);min-width:0;padding:clamp(1rem,3vw,1.5rem)}.payments-detail-heading{align-items:center}.payments-detail-heading h3{margin-block-start:.2rem}.payments-history ol{gap:.75rem;padding-inline-start:1.3rem;display:grid}.payments-history pre{background:color-mix(in srgb, var(--color-line) 17%, var(--color-surface));white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;padding:.7rem;font-size:.75rem;overflow:auto}.payments-history-entry{gap:.3rem;display:grid}.payments-history-entry small,.payments-history-entry span{color:color-mix(in srgb, var(--color-ink) 70%, transparent);font-size:.82rem}.payments-history-entry details{margin-block-start:.25rem;font-size:.8rem}.payments-history-entry details p{margin-block:.35rem}.payments-history-entry details ul{margin-block:.35rem;padding-inline-start:1.1rem}.payments-history-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem;margin-block:.5rem;display:grid}.payments-history-facts dt{color:color-mix(in srgb, var(--color-ink) 60%, transparent);font-size:.7rem}.payments-history-facts dd{overflow-wrap:anywhere;margin:.1rem 0 0}.payments-empty{color:color-mix(in srgb, var(--color-ink) 68%, transparent);padding:1rem}@media (width<=42rem){.payments-detail-heading{flex-direction:column;align-items:flex-start}.payments-history-facts{grid-template-columns:1fr}}}