@use "../../foundations/helpers/forward.helpers.scss" as *;

.ds-quote {
  margin: 0;
  padding: ds-spacing($ds-s-100 0 $ds-s-200);
  position: relative;
  @include ds-typography($ds-typography-detail-article-quote) {
    color: $ds-color-text-primary;
  }

  @at-root .ds-force-px#{&} {
    @include ds-typography($ds-typography-detail-article-quote, true);
  }

  .ds-quote__border {
    display: block;
    width: 40px;
    height: 8px;
    color: $ds-theme-color;
    background: currentColor;
    margin: ds-spacing(0 0 $ds-s-050);
  }
}