.header-layout.full-screen {
  display: block;
  overflow: hidden;
  /* flex-direction: column; */
  /* grid-template-areas: "main"; */
  --container-width: 100%;
}

.header-layout {
  aside#sidebar {
    display: none;
  }
}

#main {
  .full-screen & {
    /* overflow: hidden; */
    padding: 0;
  }
}

.modal-open {
  main {
    overflow: hidden;
  }
}

/* Hide sheet when previewing a page */
html[data-turbo-visit-direction="forward"][data-turbo-preview] .sheet {
  visibility: hidden;
}