:root{
  --zbz-black:#000;
  --zbz-charcoal:#2e2e2e;
  --zbz-paper:#f7f3eb;
  --zbz-green:#669933;
}

.brand-splash{
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:center;
  background:var(--zbz-black);
  transition:opacity .55s ease,visibility .55s ease;
}

.brand-splash::before,
.brand-splash-art{display:none}

.brand-splash-content{
  display:grid;
  place-items:center;
  width:min(72vw,360px);
  padding:24px;
}

.brand-splash-content .brand-splash-mark{
  display:block;
  width:min(50vw,230px);
  height:auto;
}

.brand-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}

.location-brand,
.drawer-head .drawer-mark{
  object-fit:contain;
  background:#fff!important;
  border:1px solid rgba(46,46,46,.12)!important;
  box-shadow:0 5px 14px rgba(46,46,46,.12)!important;
}

.location-brand{
  width:42px!important;
  height:42px!important;
  padding:4px!important;
  border-radius:14px!important;
}

.drawer-head .drawer-mark{
  width:48px!important;
  height:48px!important;
  padding:5px!important;
  border-radius:16px!important;
}

.app-header::before,
.route-shell-header .route-navbar::before,
.detail-route-navbar::before{background:var(--zbz-green)!important}

@media(prefers-reduced-motion:reduce){.brand-splash{transition:none}}