/*$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%;
  padding-inline: 1.5rem;
}

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