.device{position:relative;inline-size:min(268px,100%);margin-inline:auto;background:var(--m-color-sunken);border-radius:40px;padding:10px;border:1px solid var(--m-overlay-identity-frame-border);box-shadow:var(--m-shadow-device-frame)}.device-screen{background:var(--m-color-row-tint);border-radius:31px;padding-block:16px 18px;padding-inline:15px;position:relative;overflow:hidden}.device-notch{inline-size:74px;block-size:5px;border-radius:var(--m-radius-pill);background:var(--m-color-frame-notch);margin-inline:auto;margin-block-end:13px}.device-topbar{display:flex;justify-content:space-between;font-size:9.5px;font-weight:600;color:var(--m-color-tx3);margin-block-end:14px}.device-yousend{font-size:11px;color:var(--m-color-tx3);text-align:center}.device-amount{font-weight:700;font-size:36px;letter-spacing:-1.5px;color:var(--m-color-ink);text-align:center;margin-block:2px 15px}.device-cur{color:var(--m-color-tx3)}.device-quote{background:var(--m-color-light-band);border:1px solid var(--m-color-line-light);border-radius:16px;padding-block:11px;padding-inline:13px}.device-quote-row{display:flex;justify-content:space-between;align-items:center;padding-block:9px;border-block-start:1px solid var(--m-color-wash-line)}.device-quote-row:first-child{border-block-start:none}.device-quote-label{font-size:11px;color:var(--m-color-tx3)}.blank{display:block;border-radius:5px}.device-blank-rate{inline-size:76px}.device-blank-fee,.device-blank-rate{block-size:9px;background:var(--m-color-line-light)}.device-blank-fee{inline-size:50px}.device-blank-gets{inline-size:92px;block-size:13px;background:var(--m-color-line-faint)}.device-continue{margin-block-start:13px;border-radius:12px;padding:11px;text-align:center;font-size:12.5px;font-weight:600;background:var(--m-color-ink);color:var(--m-color-on-dark)}.device-homebar{inline-size:82px;block-size:4px;border-radius:var(--m-radius-pill);background:var(--m-color-frame-bar);margin-block-start:16px;margin-inline:auto}.viz-wrap{max-inline-size:380px;min-block-size:226px;display:flex;align-items:center;justify-content:center}.viz-card,.viz-wrap{position:relative;inline-size:100%}.viz-card{background:var(--m-color-card);border:1px solid var(--m-color-line-light);border-radius:22px}.viz-label{font-size:11.5px;color:var(--m-color-tx3)}.sv-card{padding-block:22px 20px;padding-inline:22px}.sv-card .viz-label{margin-block-end:3px}.sv-amount{font-weight:700;font-size:34px;letter-spacing:-1.4px;color:var(--m-color-ink);line-height:1}.sv-cur{color:var(--m-color-tx3)}.sv-mark{display:flex;flex-direction:column;gap:6px;margin-block:18px 16px;align-items:flex-start}.sv-bar{display:block;inline-size:46px;block-size:5px;border-radius:var(--m-radius-pill);transform:rotate(var(--m-slope))}.sv-bar-upper{background:var(--m-color-identity)}.sv-bar-lower{background:var(--m-color-identity-text);margin-inline-start:14px}.sv-recipient{gap:11px}.sv-avatar,.sv-recipient{display:flex;align-items:center}.sv-avatar{inline-size:36px;block-size:36px;border-radius:10px;background:var(--m-color-identity-tint);color:var(--m-color-identity-text);justify-content:center;font-size:12.5px;font-weight:700;flex-shrink:0}.sv-who{min-inline-size:0;flex:1 1}.sv-name{font-size:13.5px;font-weight:600;color:var(--m-color-ink)}.sv-channel{font-size:11.5px;color:var(--m-color-tx3);margin-block-start:1px}.sv-blank{inline-size:78px;block-size:13px;background:var(--m-color-line-faint)}.bv-wash{position:absolute;inset-block-start:26px;inset-inline:18px;block-size:120px;border-radius:20px;border:1px solid var(--m-color-line-light);background:var(--m-color-wash);transform:rotate(calc(var(--m-slope) / 2.6))}.bv-card{padding-block:20px 18px;padding-inline:22px}.bv-brand{display:flex;align-items:center;gap:7px;margin-block-end:12px}.bv-brand-label{font-size:11.5px;font-weight:600;color:var(--m-color-identity-text)}.bv-card .viz-label{margin-block-end:7px}.bv-blank{inline-size:148px;block-size:26px;background:var(--m-color-line-faint)}.bv-chips{display:flex;gap:7px;margin-block-start:18px;flex-wrap:wrap}.bv-chip{font-size:11px;font-weight:600;padding-block:6px;padding-inline:11px;border-radius:var(--m-radius-pill);background:var(--m-color-light-band);border:1px solid var(--m-color-line-light);color:var(--m-color-identity-text)}.cv-back{position:absolute;background:linear-gradient(135deg,var(--m-color-identity-text),var(--m-color-identity));transform:rotate(var(--m-slope)) translate(-16px,-14px);box-shadow:var(--m-shadow-card-back)}.cv-back,.cv-front{inline-size:min(268px,100%);block-size:168px;border-radius:var(--m-radius-card)}.cv-front{position:relative;background:var(--m-color-identity-deep);padding-block:17px;padding-inline:19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--m-shadow-card-front);overflow:hidden;transform:translate(14px,12px)}.cv-rings{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;color:var(--m-color-on-dark)}.cv-top{position:relative;display:flex;align-items:center;justify-content:space-between}.cv-contactless{inline-size:18px;block-size:18px;color:var(--m-color-identity-tint)}.cv-bottom{position:relative}.cv-chip{inline-size:32px;block-size:24px;border-radius:5px;margin-block-end:14px;background:linear-gradient(150deg,var(--m-color-identity-tint),var(--m-color-identity-chip));border:1px solid var(--m-overlay-white-border-soft)}.cv-number{font-size:15px;font-weight:500;color:var(--m-color-on-dark);letter-spacing:1.4px}.cv-holder-row{display:flex;align-items:flex-end;justify-content:space-between;margin-block-start:12px}.cv-holder{font-size:10.5px;font-weight:600;color:var(--m-color-identity-tint);letter-spacing:.08em}.biz-wash{position:absolute;inset-block-start:18px;inset-inline:26px;block-size:96px;border-radius:var(--m-radius-card);border:1px solid var(--m-color-line-light);background:var(--m-color-wash);transform:rotate(calc(var(--m-slope) / 3.2))}.biz-card{padding-block:18px 16px;padding-inline:20px}.biz-header{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--m-color-tx3);margin-block-end:12px}.biz-row{display:flex;align-items:center;gap:11px;padding-block:11px}.biz-row+.biz-row{border-block-start:1px solid var(--m-color-line-light)}.biz-doc{inline-size:34px;block-size:34px;border-radius:9px;flex-shrink:0;background:var(--m-color-light-band);border:1px solid var(--m-color-line-light);display:flex;align-items:center;justify-content:center;color:var(--m-color-identity-text)}.biz-doc svg{inline-size:15px;block-size:15px}.biz-who{min-inline-size:0;flex:1 1}.biz-name{font-size:13px;font-weight:600;color:var(--m-color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biz-meta{font-size:11px;color:var(--m-color-tx3);margin-block-start:1px}.biz-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.biz-blank{inline-size:62px;block-size:11px;background:var(--m-color-line-faint)}.biz-state{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding-block:3px;padding-inline:8px;border-radius:var(--m-radius-pill)}.biz-state-paid{background:var(--m-color-green-tint);color:var(--m-color-green-text)}.biz-state-sent{background:var(--m-color-identity-tint);color:var(--m-color-identity-text)}