/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/paragraph/view-block/view-block.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 48em) {
  .layout .paragraph--view-block {
    width: 100%;
    max-width: calc(100vw - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
  }
}

.paragraph--view-block > * + * {
  margin-top: 20px;
}