@import "../components/keyvisual.css";
@import "../patterns/editor.css";
@import "../components/timeline.css";

.editor blockquote {
  @variant lg {
    @apply pb-0;
  }
}

.editor p {
  font: var(--t3-medium);
}

.editor h3 {
  background: linear-gradient(
    254deg,
    var(--color-blue-400) 8.18%,
    var(--color-blue-600, 90.55%)
  );
  background-clip: text;
  -webkit-text-fill-color: transparent;

  + h2 {
    @apply mt-16;

    @variant md {
      @apply mt-16;
    }

    @variant lg {
      @apply mt-16;
    }
  }
}

.pageSnapContainer {
  @variant lg {
    @apply transform-gpu will-change-scroll;
  }
}