/* One outlined wordmark, shared across the website and APP. */
:root{--brand-blue:#005b96}
html[data-theme=dark]{--brand-blue:#80c7ff}
body .logo{display:inline-flex!important;align-items:center!important;gap:0!important;flex-shrink:0;text-decoration:none!important;max-width:100%}
body .logo .arg-brand-mark{display:block!important;width:204px!important;height:auto!important;max-width:100%;flex-shrink:0;overflow:visible}
body .footer .logo .arg-brand-mark{width:224px!important}
body .logo:after,body .logo:before{content:none!important}
body .logo .logo__dot{display:none!important}
body .logo:focus-visible{outline:3px solid #005b96;outline-offset:5px;border-radius:4px}
#root [data-brand-logo=true]{background:url('/assets/brand/wordmark.svg') left center/contain no-repeat!important;color:transparent!important;font-size:0!important;min-height:36px;width:202px;max-width:100%;height:36px;flex-shrink:1}
#root [data-brand-logo=true][data-brand-contrast=true]{background-image:url('/assets/brand/wordmark-dark.svg')!important}
@media(max-width:600px){body .logo .arg-brand-mark{width:190px!important}}
@media(forced-colors:active){#root [data-brand-logo=true]{background:none!important;color:CanvasText!important;font-size:26px!important;height:auto}.arg-brand-mark{forced-color-adjust:none}}
