.sano-section-divider {
  background: #fff;
  container-name: sano-section-divider;
  container-type: inline-size;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}

.sano-section-divider,
.sano-section-divider * {
  box-sizing: border-box;
}

.sano-section-divider__spacing {
  padding-block: max(0px, var(--sano-divider-pad-top, 64px)) max(0px, var(--sano-divider-pad-bottom, 64px));
}

.sano-section-divider__line {
  background: #d6d9db;
  border: 0;
  display: block;
  height: 1px;
  margin: 0;
  opacity: 1;
  width: 100%;
}

/* Preserve smaller editor values while limiting the added space between sections. */
@container sano-section-divider (max-width: 767px) {
  .sano-section-divider__spacing {
    padding-block: clamp(0px, var(--sano-divider-pad-top-mobile, 16px), 16px) clamp(0px, var(--sano-divider-pad-bottom-mobile, 16px), 16px);
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 767px) {
    .sano-section-divider__spacing {
      padding-block: clamp(0px, var(--sano-divider-pad-top-mobile, 16px), 16px) clamp(0px, var(--sano-divider-pad-bottom-mobile, 16px), 16px);
    }
  }
}