/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/components/layout-content-sidebar/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.l-content-sidebar {
  display: grid;
}
.l-content-sidebar.has-sidebar {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "content" "sidebar";
  row-gap: 80px;
}
@media (min-width: 920px) {
  .l-content-sidebar.has-sidebar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.45fr);
    grid-template-areas: "content sidebar";
    row-gap: 64px;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
  }
}
.l-content-sidebar:not(.has-sidebar) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "content";
}

.l-content-sidebar__content {
  grid-area: content;
}

.l-content-sidebar__sidebar {
  grid-area: sidebar;
}
@media (max-width: 919px) {
  .l-content-sidebar__sidebar {
    padding-top: 80px;
    border-top: 1px solid #b3c3cd;
  }
}

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