@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif}.receiving-page{width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:#fff;place-items:center;display:grid}.receiving{text-align:center;flex-direction:column;align-items:center;width:min(100%,420px);display:flex}.receiving header{margin:0 0 clamp(36px,5.2vh,54px)}.receiving h1{color:#111;letter-spacing:-1.45px;margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15}.receiving header p{color:#737373;letter-spacing:-.24px;max-width:340px;margin:11px auto 0;font-size:clamp(15px,1.25vw,17px);line-height:1.45}.qr-container{aspect-ratio:1;background:#fff;border:1px solid #e5e5e7;border-radius:clamp(17px,1.8vw,24px);place-items:center;width:min(100%,clamp(260px,32vw,390px));padding:clamp(16px,2.15vw,22px);display:grid}.qr-container img{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-placeholder{background:#fff;border:1px solid #efeff0;border-radius:8px;width:70%;height:70%}.connection-status{color:#202020;letter-spacing:-.28px;justify-content:center;align-items:center;gap:10px;margin-top:clamp(38px,5.3vh,60px);font-size:clamp(15px,1.3vw,17px);font-weight:500;display:flex}.status-spinner{border:1.4px solid #8b8b8b;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1.05s linear infinite spin}.status-dot{background:#222;border-radius:50%;width:10px;height:10px}.supporting-copy{color:#737373;letter-spacing:-.18px;margin:11px 0 0;font-size:clamp(13px,1.05vw,15px);line-height:1.45}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:430px){.receiving-page{padding-inline:20px}.desktop-break{display:none}.receiving header{margin-bottom:37px}.qr-container{width:min(100%,320px)}.connection-status{margin-top:39px}}@media (min-width:600px){.receiving{width:min(100%,450px)}.qr-container{width:min(100%,360px)}}@media (min-width:1024px){.receiving{width:min(100%,470px)}.qr-container{width:390px}}@media (max-height:620px) and (orientation:landscape){.receiving-page{padding-block:20px}.receiving{transform-origin:50%;transform:scale(.83)}.receiving header{margin-bottom:28px}.connection-status{margin-top:28px}}