/* REFER-1 uses the site's type, hairlines and buttons. */
.referral-balance{display:inline-flex;flex-direction:column;align-items:flex-end;min-width:0}
.referral-header{display:flex;align-items:center;gap:4px;font:12px/1.35 var(--site-body);color:var(--site-muted);white-space:nowrap}
.referral-header a{color:inherit;text-decoration:none}
.referral-header a:hover{text-decoration:underline}
.referral-header button{border:0;background:none;color:inherit;font:18px/1 var(--site-body);padding:0;min-width:24px;min-height:24px;cursor:pointer}
.nav-drawer .referral-balance{align-items:flex-start}
.nav-drawer .referral-header button{min-width:44px;min-height:44px}
.referral-account{border-top:1px solid var(--site-line);margin-top:32px;padding-top:24px;scroll-margin-top:100px}
.referral-account h2{margin:0 0 16px}
.referral-account p{margin:12px 0}
.referral-copy{display:flex;gap:12px;margin:12px 0;max-width:100%;align-items:center}
.referral-copy input{flex:1;min-width:0;box-sizing:border-box;border:1px solid var(--site-line);border-radius:4px;padding:10px 12px;min-height:44px;background:var(--site-page);color:var(--site-ink);font:14px/1.4 var(--site-body)}
.referral-copy button{flex:none;min-height:44px;padding:10px 16px;border:1px solid var(--site-line);border-radius:4px;background:var(--site-button);color:var(--site-page);font:14px/1.4 var(--site-body);cursor:pointer}
.referral-vouchers{list-style:none;padding:0;margin:16px 0}
.referral-vouchers li{padding:12px 0;border-top:1px solid var(--site-line);font-size:14px}
@media(max-width:900px){.nav-tools>.referral-balance{display:none!important}}
@media(max-width:600px){.referral-copy{gap:8px}.referral-copy button{padding-inline:12px}.referral-copy input{font-size:16px}.referral-account{scroll-margin-top:80px}}