.tm-block-separator {
  width: 100%;
  margin-top: var(--tm-separator-margin-top, 8px);
  margin-bottom: var(--tm-separator-margin-bottom, 20px);
}

.tm-block-separator__inner {
  width: min(100%, var(--tm-separator-width, 100%));
  max-width: 100%;
}

.tm-block-separator--align-left .tm-block-separator__inner {
  margin-left: 0;
  margin-right: auto;
}

.tm-block-separator--align-center .tm-block-separator__inner {
  margin-left: auto;
  margin-right: auto;
}

.tm-block-separator--align-right .tm-block-separator__inner {
  margin-left: auto;
  margin-right: 0;
}

.tm-block-separator--mode-line .tm-block-separator__inner {
  height: 0;
  border-top-width: var(--tm-separator-height, 1px);
  border-top-style: solid;
  border-top-color: var(--tm-separator-color, #d0d7de);
  opacity: var(--tm-separator-opacity, 1);
}

.tm-block-separator--mode-space .tm-block-separator__inner {
  height: var(--tm-separator-height, 24px);
}

.tm-block-separator--style-solid .tm-block-separator__inner {
  border-top-style: solid;
}

.tm-block-separator--style-dashed .tm-block-separator__inner {
  border-top-style: dashed;
}

.tm-block-separator--style-dotted .tm-block-separator__inner {
  border-top-style: dotted;
}

.tm-block-separator--color-muted .tm-block-separator__inner {
  --tm-separator-color: #d0d7de;
}

.tm-block-separator--color-accent .tm-block-separator__inner {
  --tm-separator-color: var(--tm-accent);
}

.tm-block-separator--color-dark .tm-block-separator__inner {
  --tm-separator-color: #0f172a;
}

.tm-block-separator--color-light .tm-block-separator__inner {
  --tm-separator-color: #ffffff;
}