/* VW_CENTERED_BRAND_TITLE_R9F */

:root {
  --vw-r9f-title-top:
    calc(env(safe-area-inset-top, 0px) + 82px);
}

.vw-r9f-centered-brand-title {
  position: fixed !important;
  top: var(--vw-r9f-title-top) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 2147482990 !important;

  width: max-content !important;
  max-width: min(56vw, 290px) !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateX(-50%) !important;
  transform-origin: 50% 50% !important;

  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;

  overflow: visible !important;
  white-space: nowrap !important;
  text-align: center !important;

  color: #b64cff !important;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(19px, 4.8vw, 28px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  text-shadow:
    0 0 8px rgba(181, 70, 255, 0.52),
    0 2px 6px rgba(0, 0, 0, 0.92) !important;

  filter: none !important;
  contain: layout style !important;
}

body.controls-hidden .vw-r9f-centered-brand-title,
body.vw-controls-hidden .vw-r9f-centered-brand-title,
body.vw-ui-hidden .vw-r9f-centered-brand-title,
body.vw-minimal-ui .vw-r9f-centered-brand-title,
body.vw-driving-ui-minimal .vw-r9f-centered-brand-title,
body.ar-active .vw-r9f-centered-brand-title,
body.vw-ar-active .vw-r9f-centered-brand-title,
html[data-vw-ui-hidden="true"] .vw-r9f-centered-brand-title {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 420px) {
  :root {
    --vw-r9f-title-top:
      calc(env(safe-area-inset-top, 0px) + 76px);
  }

  .vw-r9f-centered-brand-title {
    max-width: 54vw !important;
    font-size: clamp(18px, 4.6vw, 23px) !important;
    letter-spacing: 0.13em !important;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  :root {
    --vw-r9f-title-top:
      calc(env(safe-area-inset-top, 0px) + 60px);
  }

  .vw-r9f-centered-brand-title {
    font-size: 18px !important;
  }
}