:root {
  --box-shadow--header:0 3px 18px #AEAEAE3B;
  --pdg-header-main--hor:0 4px;
  --color-background--header: var(--md-ref-palette-neutral98);
  --color-on-background--header:var(--color-primary-light);
}

.header-main--container {
  display: none;
  overflow: hidden;
}
.header-main--container.horizontal ~ .main-container {
  margin-top: var(--h-header-main--hor);
}

.header-main--content {
  gap: 16px;
}
.header-main--content .logo-main {
  fill: var(--color-on-primary);
}
.header-main--content .logo-main svg {
  max-width: 180px;
}

#page-home .header-main--container {
  display: flex;
}
#page-home .main-container .main-content {
  padding: 32px 0;
  justify-content: center;
  align-items: center;
}

body:not(#page-home) .main-container {
  margin-top: 0 !important;
}

.main-container {
  background-color: var(--color-on-primary-light);
}
.main-container .main-content {
  padding-bottom: 42px;
  display: flex;
  gap: 42px;
}

.main-container .main-footer {
  position: fixed;
  bottom: 0;
  z-index: 2;
  min-height: var(--h-header-main--hor);
  width: 100%;
  background: var(--md-ref-palette-neutral98);
}

.footer-main--container {
  min-height: 14dvh;
  background-color: var(--color-background--header);
  color: var(--color-on-background--header);
}

@media screen and (min-width: 360px) {
  :root {
    --pdg-header-main--hor: 0 16px;
    --gap-header-main--drawer: 16px;
  }
}

/*# sourceMappingURL=theme.css.map */