/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
.appLayout {
  display: grid;
  height: 100svh;
  background: var(--bg);
  overflow-y: auto;
  /*@include breakpoint("2xl") {
  	box-shadow: inset 0px 0px 0px 10px red;
  }

  @include breakpoint("xl") {
  	box-shadow: inset 0px 0px 0px 10px green;
  }

  @include breakpoint("lg") {
  	box-shadow: inset 0px 0px 0px 10px yellow;
  }

  @include breakpoint("md") {
  	box-shadow: inset 0px 0px 0px 10px lightblue;
  }

  @include breakpoint("sm") {
  	box-shadow: inset 0px 0px 0px 10px pink;
  }

  @include breakpoint("xs") {
  	box-shadow: inset 0px 0px 0px 10px orange;
  }

  @include breakpoint("2xs") {
  	box-shadow: inset 0px 0px 0px 10px greenyellow;
  }*/
}

.container {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding-inline: 1.5rem;
}
@media (max-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}
@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (max-width: 640px) {
  .container {
    max-width: 640px;
    padding-inline: 1rem;
  }
}
@media (max-width: 375px) {
  .container {
    padding-inline: 0.5rem;
  }
}

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