.app-layout {
  display: flex;
  max-width: 1366px;
  max-width: var(--base-container);
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: var(--base-padding);
  padding-right: var(--base-padding);
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .app-layout {
    display: block;
    padding: 0;
  }
}
.app-layout > .app-content {
  max-width: var(--base-content-width);
  flex-basis: var(--base-content-width);
}
@media (max-width: 1024px) {
  .app-layout > .app-content {
    padding: 1rem;
    max-width: 100%;
  }
}
.app-layout > .app-aside {
  flex: 0 0 auto;
  max-width: var(--base-aside-width);
  flex-basis: var(--base-aside-width);
}
.app-layout > .app-aside--left {
  padding-right: 1.5rem;
}
.app-layout > .app-aside--right {
  padding-left: 1.5rem;
}
@media (max-width: 1024px) {
  .app-layout > .app-aside {
    display: none;
  }
}
.app-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--color-gray-600);
  font-size: 0.75rem;
}
.app-footer ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.app-footer ul > li {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.app-footer ul > li > a {
  cursor: pointer;
}
.app-footer ul > li > a:hover {
  color: var(--color-black);
}
/*# sourceMappingURL=c9984b2167dbd2ea9f724a11cc6c33b9775db506.layout.scss.map */