.novablocks-block[class] {
  padding-top: calc( var(--emphasis-top-spacing, 1) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  padding-bottom: calc( var(--emphasis-bottom-spacing, 1) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  color: var(--novablocks-block-text-color);
  background-color: var(--novablocks-block-background-color); }

.novablocks-block__content {
  position: relative;
  color: var(--novablocks-block-content-text-color);
  transform: translateZ(0); }
  @media only screen and (min-width: 768px) {
    .novablocks-block__content:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      display: block;
      background-color: var(--novablocks-block-content-background-color);
      opacity: var(--novablocks-block-content-background-opacity);
      pointer-events: none; } }

.block-is-moderate,
.block-is-highlighted {
  --novablocks-block-padding: var(--novablocks-spacing); }

@media only screen and (min-width: 768px) {
  .content-is-moderate {
    --novablocks-block-content-padding: var(--novablocks-spacing);
    --novablocks-block-content-background-color: var(--sm-current-bg-color); } }