/*

Include the library manager/manager-admin-top-margin file in your front-end theme to use var(--admin-top-margin).
Then, you can do things like :

  #header {
    top: var(--admin-top-margin);
  }

*/
body {
  --admin-top-margin: 0px;
}

body.has-basic-admin-menu.toolbar-horizontal,
body.has-basic-admin-menu.toolbar-vertical {
  --admin-top-margin: 27px;
}
@media only screen and (max-width: 767px) {
  body.has-basic-admin-menu.toolbar-horizontal,
  body.has-basic-admin-menu.toolbar-vertical {
    --admin-top-margin: 0px;
  }
}

body.has-manager-top-links {
  --admin-top-margin: var(--manager-links-height);
}

body.has-manager-top-links.has-basic-admin-menu {
  --admin-top-margin: calc(var(--manager-links-height) + 27px);
}
@media only screen and (max-width: 767px) {
  body.has-manager-top-links.has-basic-admin-menu {
    --admin-top-margin: var(--manager-links-height);
  }
}

body.has-manager-top-links {
  padding-top: var(--admin-top-margin);
}

/*# sourceMappingURL=manager-admin-top-margin.css.map */