/* Shared Skillbox brand placement for every funnel screen. */
html{scrollbar-gutter:stable}

body:has(#app) .app-shell>.topbar{
  position:relative;
  left:50%;
  width:min(1180px,100vw);
  min-height:0;
  height:76px;
  margin-inline:0;
  padding:0 24px;
  transform:translateX(-50%);
}

body:has(#app) .app-shell>.topbar .brand img{
  width:126px;
  height:auto;
}

@media(max-width:800px){
  body:has(#app) .app-shell>.topbar{
    height:64px;
    padding-inline:16px;
  }

  body:has(#app) .app-shell>.topbar .brand img{width:108px}
}