.hey-miles-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:1rem 0;border:1px solid #10191d1a;border-radius:20px;background:#11191d;color:#fff;padding:1.2rem;box-shadow:0 9px 25px #10191d1c}.hey-miles-card__mark{display:grid;width:3.4rem;height:3.4rem;place-items:center;border-radius:50%;background:#ffd000;color:#10191d}.hey-miles-card__mark svg{width:1.6rem}.hey-miles-card small{color:#42bfcb;font-family:var(--font-mono);font-size:.55rem;font-weight:900;text-transform:uppercase}.hey-miles-card h2{font-family:var(--font-display);font-size:2rem;text-transform:uppercase}.hey-miles-card>div:nth-child(2)>strong{display:block;margin-top:.15rem;color:#ffd000;font-size:2rem}.hey-miles-card>div:nth-child(2)>strong span{font-size:.72rem;text-transform:uppercase}.hey-miles-card p{margin-top:.25rem;color:#c5cbcd;font-size:.68rem}.hey-miles-card footer{grid-column:1/-1;display:grid;gap:.65rem;border-top:1px solid #ffffff20;padding-top:.8rem}.hey-miles-card footer>a{display:flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;border-radius:9px;background:#ffd000;color:#10191d;font-size:.68rem;font-weight:900;text-transform:uppercase}.hey-miles-card footer label{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem}.hey-miles-card footer label span{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800}.hey-miles-card footer label svg{width:1rem}.hey-miles-card footer input{width:2.8rem;height:1.45rem;accent-color:#ffd000}.hey-miles-card footer em{color:#9ea7aa;font-size:.58rem;font-style:normal}.hey-miles-card.is-public{grid-template-columns:auto 1fr;padding:.9rem}.hey-miles-card.is-public h2{font-size:1.35rem}.hey-miles-history{min-height:100vh;overflow-x:hidden;background:#faf8f3;padding:0 .75rem 7rem}.hey-miles-history>header{display:grid;grid-template-columns:3rem 1fr 3rem;align-items:center;min-height:5rem}.hey-miles-history>header a{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid #10191d25;border-radius:12px;background:#fff}.hey-miles-history>header strong{text-align:center;font-family:var(--font-display);font-size:1.25rem;text-transform:uppercase}.hey-miles-history__balance{position:relative;overflow:hidden;border-radius:20px;background:#10191d;padding:1.25rem;color:#fff}.hey-miles-history__balance:after{position:absolute;right:-2rem;top:-2rem;width:8rem;height:8rem;border:2px dashed #ffd00055;border-radius:50%;content:""}.hey-miles-history__balance>svg{color:#ffd000}.hey-miles-history__balance small{display:block;margin-top:.7rem;color:#41bfcb;font-size:.6rem;font-weight:900;text-transform:uppercase}.hey-miles-history__balance b{display:block;color:#ffd000;font-family:var(--font-display);font-size:3.5rem}.hey-miles-history__balance p{color:#b7c0c3;font-size:.65rem}.hey-miles-history>nav{display:flex;overflow-x:auto;gap:.5rem;margin-top:1rem;scrollbar-width:none}.hey-miles-history>nav button{flex:none;min-height:2.75rem;border:1px solid #10191d24;border-radius:999px;background:#fff;padding:0 .9rem;font-size:.66rem}.hey-miles-history>nav button.is-active{border-color:#129dac;color:#078d9b;font-weight:900}.hey-miles-ledger{display:grid;gap:.65rem;margin-top:1rem}.hey-miles-ledger article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border:1px solid #10191d17;border-radius:16px;background:#fff;padding:.9rem}.hey-miles-ledger article>span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;background:#e8f6f6;color:#078d9b}.hey-miles-ledger article>span svg{width:1.2rem}.hey-miles-ledger small{color:#727a7d;font-size:.56rem}.hey-miles-ledger h2{margin-top:.1rem;font-size:.78rem;font-weight:900}.hey-miles-ledger p{color:#727a7d;font-size:.6rem}.hey-miles-ledger article>strong{color:#21804c;font-size:1rem}.hey-miles-ledger article>strong.is-negative{color:#b3483b}.hey-miles-empty{display:grid;justify-items:center;border:1px dashed #10191d32;border-radius:18px;background:#fff;padding:2.3rem 1rem;text-align:center}.hey-miles-empty svg{color:#159cab}.hey-miles-empty h2{margin-top:.7rem;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase}.hey-miles-empty p{margin-top:.3rem;color:#70787b;font-size:.7rem}@media(min-width:700px){.hey-miles-history{width:min(100%,760px);margin:auto}.hey-miles-card{margin-inline:auto;max-width:840px}}