@charset "UTF-8";
/* Original file: layouts/hashtag/assets/css/base/layout.scss */
.app-layout {
  display: flex;
  align-items: flex-start;
  justify-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  zoom: 1;
}
@media (max-width: 1024px) {
  .app-layout {
    display: block;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.app-layout:before, .app-layout:after {
  content: "";
  display: table;
}
.app-layout::after {
  clear: both;
}
.app-layout-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 1024px) {
  .app-layout-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.app-layout .app-sidebar-left, .app-layout .app-sidebar-right {
  flex: 0 0 auto;
}
.app-layout .app-sidebar-left {
  padding-right: 1.25rem;
  width: 240px;
}
@media (max-width: 1024px) {
  .app-layout .app-sidebar-left {
    display: none;
  }
}
.app-layout .app-sidebar-right {
  padding-left: 1.25rem;
  width: 260px;
}
@media (max-width: 1024px) {
  .app-layout .app-sidebar-right {
    padding-left: 0;
    width: 100%;
  }
}
.app-layout .app-main {
  flex: 1;
  margin-bottom: 1.25rem;
  zoom: 1;
}
.app-layout .app-main:before, .app-layout .app-main:after {
  content: "";
  display: table;
}
.app-layout .app-main::after {
  clear: both;
}
.app-layout .app-main.app-main-card {
  border: 1px solid #f1f3f5;
}
.app-layout .app-main.app-main-padding {
  padding: 1.25rem;
}