@import '_content/SariDev.LetsEat.Dishes.FE.Blazor/SariDev.LetsEat.Dishes.FE.Blazor.rdt3npwbik.bundle.scp.css';
@import '_content/SariDev.LetsEat.Groups.FE.Blazor/SariDev.LetsEat.Groups.FE.Blazor.lrdb9ey585.bundle.scp.css';
@import '_content/SariDev.LetsEat.Ingredients.FE.Blazor/SariDev.LetsEat.Ingredients.FE.Blazor.v5vvxosb17.bundle.scp.css';
@import '_content/SariDev.LetsEat.Mealplans.FE.Blazor/SariDev.LetsEat.Mealplans.FE.Blazor.49cesn16p1.bundle.scp.css';
@import '_content/SariDev.LetsEat.Permissions.FE.Blazor/SariDev.LetsEat.Permissions.FE.Blazor.pe97xsp9ns.bundle.scp.css';
@import '_content/SariDev.LetsEat.Recipes.FE.Blazor/SariDev.LetsEat.Recipes.FE.Blazor.96f71iuhok.bundle.scp.css';
@import '_content/SariDev.LetsEat.Shared.FE.Blazor/SariDev.LetsEat.Shared.FE.Blazor.e1zsv1vjj2.bundle.scp.css';
@import '_content/SariDev.LetsEat.Users.FE.Blazor/SariDev.LetsEat.Users.FE.Blazor.0acrukbdml.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
/* /Layout/NavMenu.razor.rz.scp.css */
/* /Pages/Home.razor.rz.scp.css */
.moduleLayout[b-exebd3n9uu] {
  display: grid;
  overflow: hidden; /* Prevent moduleLayout from scrolling */
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto; /* Allocate remaining space to Content */
  gap: 10px 10px;
  grid-template-areas:
    "Header"
    "Content"
    "Actions";
}

.collectionView[b-exebd3n9uu] {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: space-evenly; /* Centers the grid horizontally */
  align-content: center; /* align the grid content at the top */
  gap: 5px; /* Spacing between items */
}

.grid-item[b-exebd3n9uu] {
  width: 100%; /* Fixed width */
  height: 100%; /* Fixed height */
  /*background-color: lightgray; */
}

.flexContainer[b-exebd3n9uu] {
  display: flex;
}

.headerItem[b-exebd3n9uu] {
  grid-area: Header;
}

.contentItem[b-exebd3n9uu] {
  grid-area: Content;
  overflow: auto; /* Allow scrolling only within this area */
}

.actionsItem[b-exebd3n9uu] {
  grid-area: Actions;
  justify-self: end;
}

.collectionViewItems[b-exebd3n9uu] {
  justify-self: stretch;
  align-self: stretch;
}