.steps-block {
  --bg-size: 0;
  --header-pad-top: 0;
  --header-pad-bottom: 0;
  --index-pad-top: 0;
  --index-pad-bottom: 0;
  --heading-pad-top: 2;
  --heading-pad-bottom: 0;
  --abstract-pad-top: 2;
  --abstract-pad-bottom: 0;
  --arrows-pad-top: 6;
  --arrows-pad-bottom: 0;
  --actions-align: flex-start;
  --actions-pad-top: 8;
  --actions-pad-bottom: 0;

  @media screen and (min-width: 480px) {}
  @media screen and (min-width: 960px) {
    --bg-size: 4;
    --heading-pad-top: 3;
    --abstract-pad-top: 3;
    --actions-align: flex-end;
    --arrows-pad-top: 8;
    --actions-pad-top: 16;
  }
  @media screen and (min-width: 1040px) {}
  @media screen and (min-width: 1181px) {}

  overflow-x: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: calc(var(--column-14) * var(--bg-size));

  &.bg-red {
    &.top-margin-double,
    &.top-margin-default,
    &.top-margin-none,
    &.bottom-margin-double,
    &.bottom-margin-default,
    &.bottom-margin-none {
      --block-vertical-pad: 2;

      @media screen and (min-width: 768px) {
        --block-vertical-pad: 3;
      }

      @media screen and (min-width: 960px) {
        --block-vertical-pad: 3.25;
      }
    }
  }

  .inner-wrapper {
  }

  .block-header {
    padding-top: calc(var(--baseline) * var(--header-pad-top));
    padding-bottom: calc(var(--baseline) * var(--header-pad-bottom));
  }
  .block-heading {}

  .block-steps {}
  .block-items {
    clip-path: polygon(
      0 0,
      100dvw 0,
      100dvw 100%,
      0 100%
    );

    .slick-list {
      overflow: visible;
    }
  }
  .block-item {
    opacity: 0.5;
    transition: opacity .3s;

    &.slick-current {
      opacity: 1;
    }
  }
  .item-wrapper {}
  .item-index {
    padding-top: calc(var(--baseline) * var(--index-pad-top));
    padding-bottom: calc(var(--baseline) * var(--index-pad-bottom));
  }
  .item-heading {
    margin-top: 0;
    padding-top: calc(var(--baseline) * var(--heading-pad-top));
    padding-bottom: calc(var(--baseline) * var(--heading-pad-bottom));
  }
  .item-abstract {
    padding-top: calc(var(--baseline) * var(--abstract-pad-top));
    padding-bottom: calc(var(--baseline) * var(--abstract-pad-bottom));
  }

  .block-slider-nav {}
  .block-arrows {
    padding-top: calc(var(--baseline) * var(--arrows-pad-top));
    padding-bottom: calc(var(--baseline) * var(--arrows-pad-bottom));
  }
  .block-arrow {
    // width: calc(var(--baseline) * 8);
    // height: calc(var(--baseline) * 8);
    border-color: var(--color-white);

    @media (hover: hover) and (pointer: fine) {
      &:hover {
        color: var(--primary-500);
        border-color: var(--primary-50);
        background-color: var(--primary-50);
      }
    }
  }

  .block-actions {
    justify-content: var(--actions-align);
    padding-top: calc(var(--baseline) * var(--actions-pad-top));
    padding-bottom: calc(var(--baseline) * var(--actions-pad-bottom));
  }
  .block-action {}
}