✨ feat: add multilingual quote shortcode

sass/main.scss

@@ -27,6 +27,7 @@
 @import 'parts/_code.scss';
 @import 'parts/_header.scss';
 @import 'parts/_image.scss';
+@import 'parts/_multilingual_quote.scss';
 @import 'parts/misc.scss';
 @import 'parts/table.scss';
 @import 'parts/home-banner.scss';
@@ -56,6 +57,7 @@
     --bg-2: #fefefe;
     --hover-color: white;
     --primary-color: #087E96;
+    --primary-color-dark: #10668b;
     --divider-color: #d7d7d7;
     --text-color: #222226;
     --text-color-high-contrast: #313333;
@@ -73,6 +75,7 @@
     --bg-2: #171717;
     --hover-color: black;
     --primary-color: #91e0ee;
+    --primary-color-dark: #69bace;
     --divider-color: #4a4a4a;
     --text-color: #D4D4D4;
     --text-color-high-contrast: #eceeef;

sass/parts/_multilingual_quote.scss

@@ -0,0 +1,35 @@
+.quote-container {
+    border: none;
+}
+
+.quote-toggle {
+    display: none;
+}
+
+.quote-label {
+    font-family: var(--sans-serif-font);
+    cursor: pointer;
+    color: var(--meta-color);
+    text-align: center;
+    text-decoration: none;
+    font-size: 0.75rem;
+    border-radius: 5px;
+    display: none;
+}
+
+.quote-toggle:not(:checked) ~ .quote .translated .quote-label-original,
+.quote-toggle:checked ~ .quote .original .quote-label-translate {
+    display: inline;
+}
+
+.original {
+    display: none;
+}
+
+.quote-toggle:checked ~ .quote .original {
+    display: block;
+}
+
+.quote-toggle:checked ~ .quote .translated {
+    display: none;
+}