.app-layout {
  display: flex;
  max-width: 1366px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.app-layout .app-main {
  display: flex;
  flex: 1;
}
.app-layout .app-main .app-layout-container {
  flex: 1;
}
.app-layout .app-main .app-layout-container > .app-layout-content > .x {
  padding: 1rem;
  background-color: white;
}
@media (max-width: 1200px) {
  .app-layout .app-main {
    display: block;
  }
}
.app-layout-logo {
  display: block;
  padding: 1rem 0.8rem;
  margin-bottom: 8rem;
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
}
.app-layout-logo .app-layout-logo-sample {
  display: block;
  width: 2rem;
}
.app-layout-logo > img {
  display: block;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.app-layout-logo > ion-icon {
  color: black;
  font-size: 5rem;
  height: 2rem;
}
.app-layout-container {
  max-width: calc(var(--container-max-width) - var(--aside-side-nav-width));
}
@media (max-width: 1200px) {
  .app-layout-container {
    max-width: 100%;
  }
}
/*# sourceMappingURL=79a7f0cb6724f27097cbe07be7dfb0ab0b24e9a4.layout.scss.map */