:root {
  .is-container {
    padding-left: var(--wp--style--block-gap);
    padding-right: var(--wp--style--block-gap);
  }

  .has-block-gap-left {
    margin-left: var(--wp--style--block-gap) !important;
  }

  .has-border-radius-sm {
    border-radius: 5px !important;
    overflow: hidden;
  }

  .has-flex {
    display: flex !important;
  }

  .has-list-no-style {
    list-style: none !important;
  }

  .has-no-margin {
    margin: 0 !important;
  }

  .has-no-margin-top {
    margin-top: 0 !important;
  }

  .has-no-margin-right {
    margin-right: 0 !important;
  }

  .has-no-margin-bottom {
    margin-bottom: 0 !important;
  }

  .has-no-margin-left {
    margin-left: 0 !important;
  }

  .has-no-padding {
    padding: 0 !important;
  }

  .has-no-padding-top {
    padding-top: 0 !important;
  }

  .has-no-padding-right {
    padding-right: 0 !important;
  }

  .has-no-padding-bottom {
    padding-bottom: 0 !important;
  }

  .has-no-padding-left {
    padding-left: 0 !important;
  }

  .has-offest-left {
    @include media-sm-up {
      margin-left: -25% !important;
    }
  }

  .has-offest-right {
    @include media-sm-up {
      margin-right: -25% !important;
    }
  }

  .has-offest-top {
    @include media-sm-up {
      margin-top: -25% !important;
    }
  }

  .has-offest-bottom {
    @include media-sm-up {
      margin-bottom: -25% !important;
    }
  }

  .hidden-sm-down {
    @include media-sm-down {
      display: none !important;
    }
  }

  .hidden-md-down {
    @include media-md-down {
      display: none !important;
    }
  }

  .hidden-lg-down {
    @include media-lg-down {
      display: none !important;
    }
  }

  .hidden-sm-up {
    @include media-sm-up {
      display: none !important;
    }
  }

  .hidden-md-up {
    @include media-md-up {
      display: none !important;
    }
  }

  .hidden-lg-up {
    @include media-lg-up {
      display: none !important;
    }
  }

  .has-shadow {
    filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.2)) !important;
  }
}