/* The old app (Creator Studio, security screen) wearing the new tokens until each screen is ported. Loaded last on the shell pages. */
:root{--sc-navy-900:#0f2a55;--sc-navy-800:#153a74;--sc-navy-700:#1d4a8f;--sc-navy-100:#e4eaf5;--sc-orange-700:#c93a15;--sc-orange-600:#e94b20;--sc-orange-500:#ff5a2a;--sc-ink:#16233a;--sc-ink-2:#465369;--sc-line:#d5dce8;--sc-surface:#fff;--sc-r-sm:4px;--sc-r-md:8px;--sc-sh-1:0 1px 2px rgba(15,42,85,.08);--sc-display:"Barlow Condensed","Barlow Condensed Fallback","Barlow Condensed Fallback 2",Impact,sans-serif}
.app :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--sc-orange-500);outline-offset:2px;box-shadow:0 0 0 4px #fff}
.app :is(.mc-catbar,.mc-box-head,.mc-footer) :is(a,button):focus-visible{outline-color:#fff;box-shadow:0 0 0 4px var(--sc-navy-900)}
.app .mc-box{border:1px solid var(--sc-line);border-radius:var(--sc-r-md);box-shadow:var(--sc-sh-1);background:var(--sc-surface)}
.app .mc-box-head{min-height:36px;border-radius:7px 7px 0 0;background:var(--sc-navy-700);background-image:none;border:0;box-shadow:none}
.app .mc-box-head.mc-head-orange{background:var(--sc-orange-600)!important}
.app .mc-box-head>span,.app .mc-box-head h2{font-family:var(--sc-display);letter-spacing:.9px}
.app .mc-catbar{background:var(--sc-navy-700);background-image:none;border-bottom:1px solid var(--sc-navy-900);box-shadow:none}
.app .mc-catbar>nav:first-child{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
.app .mc-catbar>nav:first-child::-webkit-scrollbar{display:none}
.app .mc-catbar nav a{white-space:nowrap;flex:none}
.app .mc-mini-button{border-radius:var(--sc-r-sm);background:var(--sc-orange-600);background-image:none;border:0;box-shadow:none;color:#fff;font-family:var(--sc-display);letter-spacing:.8px;min-height:30px;padding:0 12px}
.app .mc-mini-button:hover{background:var(--sc-orange-700)}
#steam-band{display:none}