/**
* Below function is responsible to calculate the clamp value based on the received parameters
* $font-size-at-min-width - Required font size at minimum width of viewport
* $font-size-at-max-width - Required font size at minimum width of viewport
* $min-width - Minimum width of viewport
* $max-width - Maximum width of viewport
**/
/**
* Below function is responsible to generate the css variable and add to root.
* $suffix - this will be added to the end of the variable name.
* $variable-list - CSS map for list of required variables which include class/tag names and min/max values.
* $is-clamp-variable - Boolean indicating whether it's to generate clamp variable.
* $breakpoint - If this value is present then breakpoint based list will come.
**/
.sb-show-main.sb-main-padded {
  margin: 0;
}

.pullout-blocks {
  padding: 1.6rem;
}
.pullout-blocks__wrapper {
  min-height: 16rem;
  max-width: 24.9rem;
}
.pullout-blocks .last {
  margin-left: auto;
  margin-top: 0;
}

@media (min-width: 768px) {
  .pullout-blocks {
    padding: auto;
  }
  .pullout-blocks__wrapper {
    min-height: 35rem;
    max-width: 100%;
  }
  .pullout-blocks .last {
    margin-left: 0;
    margin-top: var(--md-1);
  }
}