/* Transparent vector lockup sized to the actual available sidebar space. */
.official-wordmark{display:flex;align-items:center;background:transparent;padding:0;border-radius:0;width:100%;max-width:174px;line-height:0}
.brand-logo{display:block;width:100%;max-width:174px;height:auto;aspect-ratio:316/90;object-fit:contain}
.sidebar .official-wordmark{margin:0 0 12px;max-width:100%}
.sidebar .brand-logo{max-width:174px}
.sidebar .brand-sub{margin-top:0;font-size:8px;letter-spacing:2px;color:#a8c2d1}
.login-art .official-wordmark{padding:0;max-width:240px}
.login-art .brand-logo{width:100%;max-width:240px}
.boot .brand-logo{max-width:200px;width:200px;margin:auto}

/* Anchor skin selected by the trusted workspace configuration. */
html[data-workspace-client="anchor"]{--navy:#051f3a;--green:#318ce7;--emerald:#2469ad}
html[data-workspace-client="anchor"] .official-wordmark{display:flex;align-items:center;background:#fff;padding:12px 10px;border-radius:5px;width:100%;max-width:194px;line-height:0}
html[data-workspace-client="anchor"] .brand-logo{display:block;width:100%;height:auto;aspect-ratio:3418/332;object-fit:contain;max-width:220px}
html[data-workspace-client="anchor"] .sidebar .official-wordmark{margin:0 0 12px;max-width:100%;min-height:46px}
html[data-workspace-client="anchor"] .sidebar .brand-logo{max-width:194px}
html[data-workspace-client="anchor"] .sidebar .brand-sub{margin-top:0;font-size:8px;letter-spacing:2px;color:#a8c2d1}
html[data-workspace-client="anchor"] .anchor-demo-disclosure{font-size:7px;line-height:1.6;letter-spacing:.8px;color:#6f91b0;margin:10px 0 4px;max-width:180px}
html[data-workspace-client="anchor"] .login-art .official-wordmark{padding:15px;max-width:300px}
html[data-workspace-client="anchor"] .login-art .brand-logo{width:100%;max-width:270px}
html[data-workspace-client="anchor"] .boot .brand-logo{max-width:270px;width:270px;margin:auto}
html[data-workspace-client="anchor"] .button.primary{background:#318ce7;border-color:#318ce7;color:#fff}
html[data-workspace-client="anchor"] .button.primary:hover{background:#267aca;border-color:#267aca}
html[data-workspace-client="anchor"] .nav button.active{background:#318ce7;color:#fff}
html[data-workspace-client="anchor"] .login-copy h1 span{color:#74b5f5}