:root {
  --font-family-headings-custom: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
    system-ui, sans-serif;
  --font-family-body-custom: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
    sans-serif;
  --scroll-mt: calc(192px + var(--wm-toolbar-height, 284px));
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: #0b0c0e;
}

#playback {
  background: #0b0c0e;
  padding-top: var(--wm-toolbar-height, 284px);
}

#navbar {
  top: var(--wm-toolbar-height, 284px) !important;
}

@media (min-width: 1024px) {
  #banner {
    top: var(--wm-toolbar-height, 284px) !important;
  }
}

#content-side-layout {
  top: calc(9.5rem + var(--wm-toolbar-height, 284px)) !important;
}

html[data-banner-state="visible"] #content-side-layout {
  top: calc(12rem + var(--wm-toolbar-height, 284px)) !important;
}