/* Stadion Arena brand mark — the rules that must apply on EVERY page. * * This lives on its own because the pages that show the logo do not agree on a * stylesheet: some load public-pages.css, the login page loads landing.css, and * the dashboard loads neither. _brand_head.html links this from every , * so the mark cannot land on a page whose CSS never arrived. * * Page-specific sizing (the responsive shrinks) stays in those stylesheets. */ .sa-brand-logo { display: block; object-fit: contain; flex: 0 0 auto; } /* variant='auto' ships both cuts of the logo and lets the theme choose. * * It has to be done here rather than in the template because these pages carry * a live light/dark toggle: the theme can change after the page is rendered. * The artwork draws the stadium arch, the flag and the paintball gun in white — * about a third of what you can see — so the transparent cut loses all of it on * a light background, while the badge would sit as a dark square on a dark one. * * The badge is the default and the transparent cut is opt-in, so if these rules * ever fail to match, the page still shows a whole logo rather than a gap. */ .sa-brand-logo.sa-brand-logo--on-dark { display: none; } html[data-theme="dark"] .sa-brand-logo.sa-brand-logo--on-dark { display: block; } html[data-theme="dark"] .sa-brand-logo.sa-brand-logo--on-light { display: none; }