/* Checkout belongs to the same orbit as the cabinet. */
#order{width:min(510px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow:auto;padding:34px;border-radius:28px}#order-content h2{font-size:23px;letter-spacing:-.7px}#order-content>.primary{width:100%;justify-content:center;margin-top:18px;min-height:54px}#order-content>.secondary{width:100%;justify-content:center}.flow-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 26px 20px 0}.flow-heading .eyebrow{margin:0;letter-spacing:1px;font-size:9px}.flow-demo{font-size:10px;color:#f2c27d;border:1px solid #eec37d30;background:#eec37d09;padding:5px 8px;border-radius:7px}.flow-steps{display:flex;justify-content:space-between;margin-bottom:30px;gap:10px}.flow-steps>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.flow-steps i{font-style:normal;display:grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#889bac17;font-size:11px}.flow-steps .done{color:var(--mint)}.flow-steps .done i{background:#c4f98a1c}.flow-amount{font-family:Unbounded,system-ui,sans-serif;font-size:38px;font-weight:600;margin:18px 0;letter-spacing:-1.5px}.flow-subtitle{font-size:13px;line-height:1.7;color:var(--muted)}.flow-methods{display:grid;gap:10px;margin:18px 0}.flow-method{display:flex;align-items:center;text-align:left;gap:13px;border-radius:16px;padding:16px;border:1px solid var(--line);background:#ffffff04;color:inherit;transition:border-color .2s,background .2s}.flow-method.selected{border-color:#c4f98a9c;background:#c4f98a0a}.flow-method-icon{display:grid;place-items:center;border-radius:12px;background:#c4f98a14;color:var(--mint);width:43px;height:43px;font-size:25px}.flow-method b{display:block;font-size:14px}.flow-method small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.flow-method>i{margin-left:auto;font-style:normal;color:var(--mint)}.flow-receipt{border:1px solid var(--line);border-radius:16px;padding:8px 18px;margin:20px 0 8px;background:#8196b005}.flow-receipt>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line)}.flow-receipt>div:last-child{border:0}.flow-receipt span{color:var(--muted)}.flow-receipt b{text-align:right}.flow-footnote{font-size:11px!important;line-height:1.7!important;color:var(--muted);margin-top:15px!important}.flow-status-orb{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#90b2eb16;color:#afcaec;font-size:33px;margin:6px 0 22px}.flow-status-orb.success{background:#c4f98a1b;color:var(--mint);box-shadow:0 0 30px #c4f98a0d;animation:flow-arrival .4s ease-out}.flow-order-id{font-family:monospace;letter-spacing:1px}.flow-review{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.flow-review summary{cursor:pointer;color:var(--muted);font-size:11px}.flow-review p{font-size:11px;margin:12px 0}.flow-review button{width:100%;margin-top:10px;font-size:12px}.flow-plan{display:flex;align-items:center;gap:6px;margin:-8px 0 10px}.flow-plan img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 24px #c4f98a15)}.flow-plan span{display:block;color:var(--muted);font-size:12px;margin-top:9px}.flow-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0 26px}.flow-specs>div{padding:13px 6px;background:#829cb30b;border-radius:12px;text-align:center}.flow-specs b{display:block;font-size:17px}.flow-specs span{display:block;color:var(--muted);font-size:10px;margin-top:7px}.flow-pay-orbit{position:relative;width:92px;height:92px;margin:5px auto 25px;display:grid;place-items:center}.flow-pay-orbit>span{display:grid;place-items:center;width:60px;height:60px;background:#c4f98a17;border-radius:20px;font-size:32px;color:var(--mint)}.flow-pay-orbit i{position:absolute;inset:0;border:1px solid #c4f98a40;border-radius:50%;animation:flow-spin 10s linear infinite}.flow-pay-orbit i:after{content:'';position:absolute;left:6px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px #c4f98a70}.flow-back{display:block;margin:20px auto 0}.flow-demo{white-space:nowrap}:root[data-theme=light] .flow-demo{color:#875518;background:#fff3da;border-color:#d2a76055}:root[data-theme=light] .flow-method.selected{border-color:#6e9553;background:#e8f2dd}:root[data-theme=light] .flow-method-icon,:root[data-theme=light] .flow-method>i,:root[data-theme=light] .flow-steps .done,:root[data-theme=light] .flow-status-orb.success,:root[data-theme=light] .flow-pay-orbit>span{color:#45672e}@keyframes flow-spin{to{transform:rotate(360deg)}}@keyframes flow-arrival{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:550px){#order{padding:25px 21px;border-radius:23px}.flow-amount{font-size:32px}.flow-plan img{width:112px;height:112px}#order-content h2{font-size:20px}.flow-plan h2{font-size:18px!important}.flow-heading{margin-bottom:18px}.flow-steps{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.flow-pay-orbit i,.flow-status-orb.success{animation:none}}
