convert into Hugo module theme

assets/css/components/_blockquote.scss

@@ -0,0 +1,81 @@
+.blockquote {
+  padding-inline-start: 1em;
+  border-inline-start: 2px outset $dark;
+  display: inline-block;
+  max-inline-size: 85%;
+
+  @media only screen and (min-width: 1024px) {
+    margin-block: 0.5em;
+    margin-inline: 1em;
+  }
+
+  &__body {
+    & p:first-child {
+      margin-block-start: 0;
+    }
+
+    & p:last-of-type {
+      margin-block-end: 0.5em;
+    }
+  }
+
+  &__caption {
+    display: none;
+    text-align: end;
+    font-style: normal;
+    margin-inline-start: 5em;
+    inline-size: 80%;
+    orphans: 3;
+
+    &::before {
+      content: "—";
+    }
+  }
+
+  &--epigram {
+    font-size: 1.1em;
+    text-align: center;
+    display: block;
+    margin-block: 0;
+    margin-inline: auto;
+    border-inline-start: 0;
+    padding-inline-start: 0;
+    inline-size: 100%;
+    padding-block-start: 1em;
+    padding-block-end: 1.2em;
+    border-block-start: 2px outset $dark;
+    border-block-end: 2px inset $dark;
+
+    & .blockquote {
+      &__caption {
+        display: block;
+      }
+    }
+  }
+
+  &--script {
+    & .blockquote__body {
+      display: grid;
+      grid-template-columns: auto 1fr 0.2fr;
+      padding-block-end: 0.4em;
+      text-align: start;
+
+      & > p::before,
+      & > p::after {
+        content: none !important;
+      }
+
+      & > .script-line__character {
+        margin-inline: 2em 0.5em;
+        margin-block: 0.5em;
+        font-style: italic;
+      }
+
+      & > .script-line__text {
+        grid-column-start: 2;
+        grid-column-end: 4;
+        margin: 0.5em;
+      }
+    }
+  }
+}