/* Exact supplied frames, a permanent two-line wordmark and replayable CSS motion. */
.brand,.adm-brand{--brand-gap:9px;--brand-mask-width:44px;direction:ltr;unicode-bidi:isolate;gap:0;user-select:none}
.brand-icon,.site-header .brand-icon,.footer-brand .brand-icon{display:flex;align-items:center;justify-content:center;width:44px;height:52px;flex-shrink:0;background:transparent;border-radius:0;transform:none;position:relative;z-index:1}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.brand .brand-frame-wink,.adm-brand .brand-frame-wink{position:absolute;inset:0;opacity:0;pointer-events:none}
.brand .brand-wordmark-window,.adm-brand .adm-wordmark-window{display:block;overflow:hidden;padding-left:var(--brand-gap);flex-shrink:0}
.brand .brand-wordmark,.adm-brand .adm-wordmark{display:flex;flex-direction:column;align-items:center;white-space:nowrap;line-height:1.04}
.brand .brand-wordmark{color:#fff}
.brand-name,.brand-tagline,.adm-brand-name,.adm-brand-tagline{display:block;font-size:1em;line-height:1.04;font-weight:800;letter-spacing:inherit;margin:0;padding:0}
.brand-tagline,.adm-brand-tagline{margin-top:2px}
.site-header .brand{font-size:22px;letter-spacing:-.6px;gap:0;flex-shrink:0}
.footer-brand{font-size:22px;gap:0}
html[data-theme=light] .brand-icon img{filter:brightness(0)}
html[data-theme=light] .brand .brand-wordmark{color:#000}
.adm-brand{--brand-mask-width:40px;font-size:22px;letter-spacing:-.4px;gap:0;white-space:nowrap}
.adm-brand .adm-logo{display:flex;align-items:center;justify-content:center;width:40px;height:52px;background:transparent;border-radius:0;transform:none;flex-shrink:0;position:relative;z-index:1}
.adm-brand .adm-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.adm-light .adm-brand .adm-logo img{filter:brightness(0)}
.adm-brand .adm-wordmark{color:#fff}
.adm-light .adm-brand .adm-wordmark{color:#000}
.adm-auth-header .adm-brand{font-size:22px;--brand-gap:8px;gap:0}
.adm-auth-header .adm-brand .adm-logo{width:40px;height:50px}
/* Both lines start beyond the mask, then settle at their permanent position. */
@media(prefers-reduced-motion:no-preference){
 .brand-name,.adm-brand-name{animation:brand-text-in .3s cubic-bezier(.2,.85,.25,1) both}
 .brand-tagline,.adm-brand-tagline{animation:brand-text-in .4s cubic-bezier(.2,.85,.25,1) both}
 .brand-icon,.adm-brand .adm-logo{animation:brand-mask-in .3s cubic-bezier(.2,.85,.25,1) both}
 .brand-frame-open{animation:brand-open-frame .4s linear both}
 .brand .brand-frame-wink,.adm-brand .brand-frame-wink{animation:brand-wink-frame .4s linear both}
}
@keyframes brand-text-in{from{transform:translateX(calc(-100% - var(--brand-mask-width) - var(--brand-gap)))}to{transform:translateX(0)}}
@keyframes brand-mask-in{0%{transform:translateX(6px) rotate(7deg)}45%{transform:translateX(3px) rotate(5deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes brand-open-frame{0%,88%{opacity:0}100%{opacity:1}}
@keyframes brand-wink-frame{0%,88%{opacity:1}100%{opacity:0}}
.brand-sound-toggle{display:inline-flex;align-items:center;gap:5px}
.brand-sound-toggle[aria-pressed=true]{color:var(--purple)}
.brand-sound-toggle[aria-pressed=false] svg{opacity:.45}
@media(min-width:651px) and (max-width:950px){
 .adm-sidebar .adm-brand{font-size:8px;letter-spacing:0;--brand-gap:4px;--brand-mask-width:23px;gap:0;white-space:nowrap}
 .adm-sidebar .adm-brand .adm-logo{width:23px;height:30px}
 .adm-sidebar .adm-brand .adm-wordmark-window{display:block}
}
@media(max-width:600px){.site-header>.brand{font-size:17px;letter-spacing:-.4px;--brand-gap:6px;--brand-mask-width:32px;gap:0}.site-header .brand-icon{width:32px;height:42px}}
@media(max-width:359px){.site-header>.brand{font-size:12.5px;letter-spacing:-.2px;--brand-gap:4px;--brand-mask-width:26px;gap:0}.site-header .brand-icon{width:26px;height:34px}}
@media(max-width:430px){.adm-auth-header .adm-brand{font-size:20px;letter-spacing:-.4px;--brand-gap:6px;--brand-mask-width:34px;gap:0}.adm-auth-header .adm-brand .adm-logo{width:34px;height:44px}}
@media(prefers-reduced-motion:reduce){.brand-name,.brand-tagline,.adm-brand-name,.adm-brand-tagline,.brand-icon,.adm-brand .adm-logo,.brand-frame-open,.brand .brand-frame-wink,.adm-brand .brand-frame-wink{animation:none!important;transform:none}.brand-frame-open{opacity:1}.brand .brand-frame-wink,.adm-brand .brand-frame-wink{opacity:0}}