@traq-markdown-engine/sdk 0.1.0

package/dist/index.css

@@ -0,0 +1,965 @@
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  line-height: 1.2;
+  word-wrap: break-word;
+}
+.markdown-body > :first-child {
+  margin-top: 0 !important;
+}
+.markdown-body > :last-child {
+  margin-bottom: 0 !important;
+}
+.markdown-body a {
+  color: #0366d6;
+  background-color: initial;
+  text-decoration: none;
+}
+.markdown-body a:active, .markdown-body a:hover {
+  text-decoration: underline;
+  outline-width: 0;
+}
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+.markdown-body strong {
+  font-weight: bold;
+}
+.markdown-body hr {
+  height: 0.25em;
+  padding: 0;
+  margin: 12px 0;
+  border: 0;
+  background-color: #e1e4e8;
+  overflow: hidden;
+}
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: 12px;
+  margin-bottom: 8px;
+  font-weight: bold;
+  line-height: 1.25;
+}
+.markdown-body h1,
+.markdown-body h2 {
+  padding-bottom: 0.3em;
+}
+.markdown-body h1 {
+  font-size: 2em;
+}
+.markdown-body h2 {
+  font-size: 1.5em;
+}
+.markdown-body h3 {
+  font-size: 1.25em;
+}
+.markdown-body h4 {
+  font-size: 1em;
+}
+.markdown-body h5 {
+  font-size: 0.875em;
+  transform: rotate(0.03deg);
+}
+.markdown-body h6 {
+  font-size: 0.85em;
+  transform: rotate(0.03deg);
+  color: #6a737d;
+}
+.markdown-body p {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
+.markdown-body blockquote {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 8px;
+  padding: 0 12px;
+  color: #6a737d;
+}
+.markdown-body blockquote > :first-child {
+  margin-top: 0;
+}
+.markdown-body blockquote > :last-child {
+  margin-bottom: 0;
+}
+.markdown-body blockquote::before {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 0.25em;
+  height: 100%;
+  background: #dfe2e5;
+}
+.markdown-body > blockquote,
+.markdown-body :not(blockquote) > blockquote {
+  padding-bottom: 4px;
+  overflow-x: auto;
+}
+.markdown-body > blockquote::before,
+.markdown-body :not(blockquote) > blockquote::before {
+  height: calc(100% - 4px);
+}
+.markdown-body ol {
+  list-style: decimal;
+}
+.markdown-body ul {
+  list-style: disc;
+}
+.markdown-body ol,
+.markdown-body ul {
+  padding-left: 2em;
+  margin-top: 0;
+  margin-bottom: 8px;
+  word-break: break-all;
+}
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
+.markdown-body ol ol,
+.markdown-body ol ul,
+.markdown-body ul ol,
+.markdown-body ul ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.markdown-body ol ol ol,
+.markdown-body ol ul ol,
+.markdown-body ul ol ol,
+.markdown-body ul ul ol {
+  list-style-type: lower-alpha;
+}
+.markdown-body li > p {
+  margin-top: 8px;
+}
+.markdown-body li + li {
+  margin-top: 4px;
+}
+.markdown-body > ul,
+.markdown-body > ol,
+.markdown-body :not(li) > ul,
+.markdown-body :not(li) > ol {
+  padding-bottom: 4px;
+  overflow: auto;
+}
+.markdown-body code,
+.markdown-body pre {
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 0.85em;
+  border-radius: 4px;
+  background-color: #243342;
+}
+.markdown-body code {
+  display: inline-block;
+  padding: 2px 6px;
+  margin: 2px 0;
+}
+.markdown-body s > code {
+  text-decoration: line-through;
+}
+.markdown-body pre {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 16px;
+  overflow-wrap: normal;
+  line-height: 1.45;
+}
+.markdown-body pre cite {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0 4px;
+  border-bottom-left-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.markdown-body pre code {
+  display: block;
+  padding: 16px;
+  margin: 0;
+  border: 0;
+  font-size: 1em;
+  overflow: auto;
+  word-break: normal;
+  overflow-wrap: normal;
+  white-space: pre;
+  line-height: inherit;
+}
+.markdown-body table {
+  display: block;
+  width: 100%;
+  margin-top: 0;
+  margin-bottom: 16px;
+  padding-bottom: 4px;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.markdown-body td,
+.markdown-body th {
+  padding: 4px 12px;
+  border: 1px solid #dfe2e5;
+}
+.markdown-body th {
+  font-weight: bold;
+}
+.markdown-body tr {
+  border-top: 1px solid #c6cbd1;
+  background-color: #fff;
+}
+.markdown-body tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+.markdown-body mark {
+  color: black;
+  background-color: yellow;
+}
+.markdown-body img {
+  max-width: 100%;
+  border-style: none;
+  box-sizing: initial;
+}
+.markdown-body .katex-block {
+  overflow: auto;
+  margin-bottom: 4px;
+}
+.markdown-body .spoiler {
+  color: transparent;
+  background-color: black;
+  user-select: none;
+  cursor: pointer;
+}
+.markdown-body .spoiler:not([shown]) * {
+  visibility: hidden;
+}
+.markdown-body .spoiler[shown] {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.markdown-body .message-user-link,
+.markdown-body .message-channel-link,
+.markdown-body .message-group-link {
+  cursor: pointer;
+  color: #005bac;
+  background-color: transparent;
+  font-weight: bold;
+}
+.markdown-body .message-user-link-highlight,
+.markdown-body .message-group-link-highlight {
+  color: #005bac;
+  background-color: #faffad;
+}
+
+.markdown-inline-body a {
+  color: #0366d6;
+  background-color: initial;
+  text-decoration: none;
+}
+.markdown-inline-body a:active, .markdown-inline-body a:hover {
+  text-decoration: underline;
+  outline-width: 0;
+}
+.markdown-inline-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+.markdown-inline-body code {
+  display: inline;
+  padding: 2px 6px;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 0.85em;
+  border-radius: 4px;
+  background-color: #243342;
+}
+.markdown-inline-body s > code {
+  text-decoration: line-through;
+}
+.markdown-inline-body mark {
+  color: black;
+  background-color: yellow;
+}
+.markdown-inline-body .spoiler {
+  color: transparent;
+  background-color: black;
+  user-select: none;
+  cursor: pointer;
+}
+.markdown-inline-body .spoiler:not([shown]) * {
+  visibility: hidden;
+}
+.markdown-inline-body .spoiler[shown] {
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.markdown-inline-body .message-user-link,
+.markdown-inline-body .message-channel-link,
+.markdown-inline-body .message-group-link {
+  cursor: pointer;
+  color: #005bac;
+  background-color: transparent;
+  font-weight: bold;
+}
+.markdown-inline-body .message-user-link-highlight,
+.markdown-inline-body .message-group-link-highlight {
+  color: #005bac;
+  background-color: #faffad;
+}
+.markdown-inline-body .message-emoji.large, .markdown-inline-body .message-emoji.ex-large {
+  font-size: 24px;
+}
+
+.emoji {
+  display: inline-block;
+  text-indent: 999%;
+  white-space: nowrap;
+  overflow: hidden;
+  color: transparent;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+  vertical-align: middle;
+}
+
+.emoji-effect {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.emoji {
+  width: 1em;
+  height: 1em;
+  font-size: 24px;
+}
+.emoji.ex-large {
+  font-size: 48px;
+}
+.emoji.large {
+  font-size: 32px;
+}
+.emoji.small {
+  font-size: 16px;
+}
+
+@keyframes ascension {
+  0% {
+    filter: blur(0) drop-shadow(0 0.2em 0.2em #e3df62) saturate(1);
+    transform: translateY(0px);
+  }
+  10% {
+    filter: blur(0) drop-shadow(0 0.2em 0.3em #e3df62) saturate(1);
+    transform: translateY(-0.02em);
+  }
+  20% {
+    filter: blur(0) drop-shadow(0 0.2em 0.4em #e3df62) saturate(1);
+    transform: translateY(-0.04em);
+  }
+  30% {
+    filter: blur(0) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.9);
+    transform: translateY(-0.06em);
+  }
+  40% {
+    filter: blur(0) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.8);
+    transform: translateY(-0.08em);
+  }
+  50% {
+    filter: blur(0) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.7);
+    transform: translateY(-0.1em);
+  }
+  60% {
+    filter: blur(0.2em) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.6);
+    transform: translateY(-0.12em) scale(0.8);
+  }
+  70% {
+    filter: blur(0.4em) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.5);
+    transform: translateY(-0.14em) scale(0.6);
+  }
+  80% {
+    filter: blur(0.6em) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.4);
+    transform: translateY(-0.16em) scale(0.4);
+  }
+  90% {
+    filter: blur(0.8em) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.3);
+    transform: translateY(-0.18em) scale(0.2);
+  }
+  100% {
+    filter: blur(1em) drop-shadow(0 0.2em 0.5em #e3df62) saturate(0.3);
+    transform: translateY(-0.2em) scale(0);
+  }
+}
+@keyframes atsumori {
+  0% {
+    transform: scale(2);
+    filter: blur(0.3em) opacity(0) saturate(0.4) drop-shadow(0 0 0 rgba(136, 136, 136, 0));
+  }
+  15% {
+    transform: scale(1);
+    filter: blur(0) opacity(1) saturate(0.4) drop-shadow(0 0 0 rgba(136, 136, 136, 0));
+  }
+  20% {
+    transform: scale(1.3);
+    filter: blur(0) opacity(1) saturate(1) drop-shadow(0 0 0 rgba(136, 136, 136, 0));
+  }
+  25% {
+    transform: scale(1);
+    filter: blur(0) opacity(1) saturate(1.5) drop-shadow(-0.1em -0.1em 0.3em rgba(136, 136, 136, 0.5));
+  }
+  35% {
+    transform: scale(1);
+    filter: blur(0) opacity(1) saturate(1.5) drop-shadow(-0.5em -0.5em 0 rgba(136, 136, 136, 0));
+  }
+  100% {
+    transform: scale(1);
+    filter: blur(0) opacity(1) saturate(1.5) drop-shadow(0 0 0 rgba(136, 136, 136, 0));
+  }
+}
+@keyframes attract {
+  0% {
+    filter: invert(0) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+  3.056% {
+    filter: invert(0.12224) grayscale(1) brightness(0.7) sepia(1) hue-rotate(5deg) saturate(5) contrast(0.7);
+  }
+  5.556% {
+    filter: invert(0.22224) grayscale(1) brightness(0.4) sepia(1) hue-rotate(50deg) saturate(10) contrast(0.8);
+  }
+  12.778% {
+    filter: invert(0.51112) grayscale(1) brightness(0.3) sepia(1) hue-rotate(180deg) saturate(7) contrast(0.8);
+  }
+  20% {
+    filter: invert(0.4) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+  23.056% {
+    filter: invert(0.52224) grayscale(1) brightness(0.7) sepia(1) hue-rotate(5deg) saturate(5) contrast(0.7);
+  }
+  25.556% {
+    filter: invert(0.62224) grayscale(1) brightness(0.4) sepia(1) hue-rotate(50deg) saturate(10) contrast(0.8);
+  }
+  32.778% {
+    filter: invert(0.91112) grayscale(1) brightness(0.3) sepia(1) hue-rotate(180deg) saturate(7) contrast(0.8);
+  }
+  40% {
+    filter: invert(0.8) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+  43.056% {
+    filter: invert(0.92224) grayscale(1) brightness(0.7) sepia(1) hue-rotate(5deg) saturate(5) contrast(0.7);
+  }
+  45.556% {
+    filter: invert(0.97776) grayscale(1) brightness(0.4) sepia(1) hue-rotate(50deg) saturate(10) contrast(0.8);
+  }
+  52.778% {
+    filter: invert(0.68888) grayscale(1) brightness(0.3) sepia(1) hue-rotate(180deg) saturate(7) contrast(0.8);
+  }
+  60% {
+    filter: invert(0.8) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+  63.056% {
+    filter: invert(0.67776) grayscale(1) brightness(0.7) sepia(1) hue-rotate(5deg) saturate(5) contrast(0.7);
+  }
+  65.556% {
+    filter: invert(0.57776) grayscale(1) brightness(0.4) sepia(1) hue-rotate(50deg) saturate(10) contrast(0.8);
+  }
+  72.778% {
+    filter: invert(0.28888) grayscale(1) brightness(0.3) sepia(1) hue-rotate(180deg) saturate(7) contrast(0.8);
+  }
+  80% {
+    filter: invert(0.4) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+  83.056% {
+    filter: invert(0.27776) grayscale(1) brightness(0.7) sepia(1) hue-rotate(5deg) saturate(5) contrast(0.7);
+  }
+  85.556% {
+    filter: invert(0.17776) grayscale(1) brightness(0.4) sepia(1) hue-rotate(50deg) saturate(10) contrast(0.8);
+  }
+  92.778% {
+    filter: invert(-0.11112) grayscale(1) brightness(0.3) sepia(1) hue-rotate(180deg) saturate(7) contrast(0.8);
+  }
+  100% {
+    filter: invert(0) grayscale(1) brightness(0.4) sepia(1) hue-rotate(310deg) saturate(6) contrast(0.8);
+  }
+}
+@keyframes conga {
+  0% {
+    background-position-x: 0;
+  }
+  100% {
+    background-position-x: 1em;
+  }
+}
+@keyframes conga-inv {
+  0% {
+    background-position-x: 0;
+  }
+  100% {
+    background-position-x: -1em;
+  }
+}
+@keyframes flashy {
+  0% {
+    filter: drop-shadow(0 0 0.2em hsl(0, 50%, 50%));
+  }
+  10% {
+    filter: drop-shadow(0 0 0.2em hsl(36, 50%, 50%));
+  }
+  20% {
+    filter: drop-shadow(0 0 0.2em hsl(72, 50%, 50%));
+  }
+  30% {
+    filter: drop-shadow(0 0 0.2em hsl(108, 50%, 50%));
+  }
+  40% {
+    filter: drop-shadow(0 0 0.2em hsl(144, 50%, 50%));
+  }
+  50% {
+    filter: drop-shadow(0 0 0.2em hsl(180, 50%, 50%));
+  }
+  60% {
+    filter: drop-shadow(0 0 0.2em hsl(216, 50%, 50%));
+  }
+  70% {
+    filter: drop-shadow(0 0 0.2em hsl(252, 50%, 50%));
+  }
+  80% {
+    filter: drop-shadow(0 0 0.2em hsl(288, 50%, 50%));
+  }
+  90% {
+    filter: drop-shadow(0 0 0.2em hsl(324, 50%, 50%));
+  }
+}
+@keyframes happa {
+  0% {
+    transform: translateY(0) rotateY(0);
+  }
+  12.5% {
+    transform: translateY(-0.2em) rotateY(0);
+  }
+  25% {
+    transform: translateY(0) rotateY(0);
+  }
+  37.5% {
+    transform: translateY(-0.2em) rotateY(0);
+  }
+  50% {
+    transform: translateY(0) rotateY(0.5turn);
+  }
+  62.5% {
+    transform: translateY(-0.2em) rotateY(0.5turn);
+  }
+  75% {
+    transform: translateY(0) rotateY(0.5turn);
+  }
+  87.5% {
+    transform: translateY(-0.2em) rotateY(0.5turn);
+  }
+}
+@keyframes invert {
+  0% {
+    filter: invert(0);
+  }
+  50% {
+    filter: invert(1);
+  }
+}
+@keyframes parrot {
+  0% {
+    filter: hue-rotate(0);
+  }
+  100% {
+    filter: hue-rotate(1turn);
+  }
+}
+@keyframes party {
+  0% {
+    transform: skewX(0deg) scaleY(0.8);
+  }
+  25% {
+    transform: skewX(-20deg) scaleY(1);
+  }
+  50% {
+    transform: rotate(0deg) scaleY(1.25);
+  }
+  75% {
+    transform: skewX(20deg) scaleY(1);
+  }
+  100% {
+    transform: skewX(0deg) scaleY(0.8);
+  }
+}
+@keyframes pull {
+  0% {
+    transform: skew(0, 0);
+  }
+  25% {
+    transform: skew(15deg, 15deg);
+  }
+  50% {
+    transform: skew(0, 0);
+  }
+  75% {
+    transform: skew(-15deg, -15deg);
+  }
+}
+@keyframes pyon {
+  0% {
+    transform: translateY(0) scale(1, 1);
+  }
+  30% {
+    transform: translateY(-0.2em) scale(1, 1);
+  }
+  60% {
+    transform: translateY(0) scale(1, 1);
+  }
+  80% {
+    transform: translateY(0) scale(1.1, 0.9);
+  }
+}
+@keyframes rainbow {
+  0% {
+    filter: sepia(1) saturate(20) hue-rotate(0);
+  }
+  100% {
+    filter: sepia(1) saturate(20) hue-rotate(1turn);
+  }
+}
+@keyframes rotate {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(1turn);
+  }
+}
+@keyframes rotate-inv {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(-1turn);
+  }
+}
+@keyframes shake {
+  0% {
+    transform: rotate(0deg);
+  }
+  25% {
+    transform: rotate(20deg);
+  }
+  50% {
+    transform: rotate(0deg);
+  }
+  75% {
+    transform: rotate(-20deg);
+  }
+}
+@keyframes stretch {
+  0% {
+    transform: scaleX(1);
+  }
+  20% {
+    transform: scaleX(1.75);
+  }
+  22% {
+    transform: scaleX(1.65);
+  }
+  24% {
+    transform: scaleX(1.85);
+  }
+  26% {
+    transform: scaleX(1.65);
+  }
+  28% {
+    transform: scaleX(1.85);
+  }
+  30% {
+    transform: scaleX(1.65);
+  }
+  32% {
+    transform: scaleX(1.85);
+  }
+  34% {
+    transform: scaleX(1.65);
+  }
+  36% {
+    transform: scaleX(1.85);
+  }
+  38% {
+    transform: scaleX(1.65);
+  }
+  40% {
+    transform: scaleX(1.85);
+  }
+  42% {
+    transform: scaleX(1.65);
+  }
+  44% {
+    transform: scaleX(1.85);
+  }
+  46% {
+    transform: scaleX(1.65);
+  }
+  48% {
+    transform: scaleX(1.85);
+  }
+  50% {
+    transform: scaleX(1.65);
+  }
+  52% {
+    transform: scaleX(1.75);
+  }
+  62% {
+    transform: scaleX(0.8);
+  }
+  68% {
+    transform: scaleX(1);
+  }
+}
+@keyframes stretch-v {
+  0% {
+    transform: scaleY(1);
+  }
+  20% {
+    transform: scaleY(1.75);
+  }
+  22% {
+    transform: scaleY(1.65);
+  }
+  24% {
+    transform: scaleY(1.85);
+  }
+  26% {
+    transform: scaleY(1.65);
+  }
+  28% {
+    transform: scaleY(1.85);
+  }
+  30% {
+    transform: scaleY(1.65);
+  }
+  32% {
+    transform: scaleY(1.85);
+  }
+  34% {
+    transform: scaleY(1.65);
+  }
+  36% {
+    transform: scaleY(1.85);
+  }
+  38% {
+    transform: scaleY(1.65);
+  }
+  40% {
+    transform: scaleY(1.85);
+  }
+  42% {
+    transform: scaleY(1.65);
+  }
+  44% {
+    transform: scaleY(1.85);
+  }
+  46% {
+    transform: scaleY(1.65);
+  }
+  48% {
+    transform: scaleY(1.85);
+  }
+  50% {
+    transform: scaleY(1.65);
+  }
+  52% {
+    transform: scaleY(1.75);
+  }
+  62% {
+    transform: scaleY(0.8);
+  }
+  68% {
+    transform: scaleY(1);
+  }
+}
+@keyframes turn {
+  0% {
+    transform: rotateY(0);
+  }
+  100% {
+    transform: rotateY(1turn);
+  }
+}
+@keyframes turn-v {
+  0% {
+    transform: rotateX(0);
+  }
+  100% {
+    transform: rotateX(1turn);
+  }
+}
+@keyframes wiggle {
+  0% {
+    transform: translate(1px, 1px) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -2px) rotate(-1deg);
+  }
+  20% {
+    transform: translate(-3px, 0px) rotate(1deg);
+  }
+  30% {
+    transform: translate(3px, 2px) rotate(0deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(1deg);
+  }
+  50% {
+    transform: translate(-1px, 2px) rotate(-1deg);
+  }
+  60% {
+    transform: translate(-3px, 1px) rotate(0deg);
+  }
+  70% {
+    transform: translate(3px, 1px) rotate(-1deg);
+  }
+  80% {
+    transform: translate(-1px, -1px) rotate(1deg);
+  }
+  90% {
+    transform: translate(1px, 2px) rotate(0deg);
+  }
+  100% {
+    transform: translate(1px, -2px) rotate(-1deg);
+  }
+}
+@keyframes zoom {
+  0% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(1.5);
+  }
+  50% {
+    transform: scale(1);
+  }
+  75% {
+    transform: scale(0.5);
+  }
+}
+.emoji-effect {
+  line-height: 0;
+  font-size: 24px;
+}
+.emoji-effect.ex-large {
+  font-size: 48px;
+}
+.emoji-effect.large {
+  font-size: 32px;
+}
+.emoji-effect.small {
+  font-size: 16px;
+}
+.emoji-effect .emoji-effect {
+  font-size: inherit;
+}
+.emoji-effect.rotate {
+  animation: rotate linear 1s infinite;
+}
+.emoji-effect.rotate-inv {
+  animation: rotate-inv linear 1s infinite;
+}
+.emoji-effect.wiggle {
+  animation: wiggle linear 0.3s infinite;
+}
+.emoji-effect.parrot {
+  animation: parrot linear 0.5s infinite;
+}
+.emoji-effect.zoom {
+  animation: zoom linear 1s infinite;
+}
+.emoji-effect.inversion {
+  animation: invert linear 1.5s infinite;
+}
+.emoji-effect.turn {
+  animation: turn linear 1.5s infinite;
+}
+.emoji-effect.turn-v {
+  animation: turn-v linear 1.5s infinite;
+}
+.emoji-effect.happa {
+  animation: happa linear 1.5s infinite;
+}
+.emoji-effect.pyon {
+  animation: pyon linear 0.75s infinite;
+  transform-origin: bottom center;
+}
+.emoji-effect.flashy {
+  animation: flashy linear 1s infinite;
+}
+.emoji-effect.pull {
+  animation: pull linear 0.5s infinite;
+}
+.emoji-effect.atsumori {
+  animation: atsumori linear 2s infinite;
+}
+.emoji-effect.stretch {
+  animation: stretch linear 1s infinite;
+}
+.emoji-effect.stretch-v {
+  animation: stretch-v linear 1s infinite;
+}
+.emoji-effect.conga .emoji {
+  background-repeat: repeat-x;
+  animation: conga linear 1s infinite;
+}
+.emoji-effect.conga .conga .emoji {
+  background-repeat: repeat-x;
+  animation: conga linear 0.5s infinite;
+}
+.emoji-effect.conga .conga .conga .emoji {
+  background-repeat: repeat-x;
+  animation: conga linear 0.3333333333s infinite;
+}
+.emoji-effect.conga .conga .conga .conga .emoji {
+  background-repeat: repeat-x;
+  animation: conga linear 0.25s infinite;
+}
+.emoji-effect.conga .conga .conga .conga .conga .emoji {
+  background-repeat: repeat-x;
+  animation: conga linear 0.2s infinite;
+}
+.emoji-effect.conga-inv .emoji {
+  background-repeat: repeat-x;
+  animation: conga-inv linear 1s infinite;
+}
+.emoji-effect.conga-inv .conga-inv .emoji {
+  background-repeat: repeat-x;
+  animation: conga-inv linear 0.5s infinite;
+}
+.emoji-effect.conga-inv .conga-inv .conga-inv .emoji {
+  background-repeat: repeat-x;
+  animation: conga-inv linear 0.3333333333s infinite;
+}
+.emoji-effect.conga-inv .conga-inv .conga-inv .conga-inv .emoji {
+  background-repeat: repeat-x;
+  animation: conga-inv linear 0.25s infinite;
+}
+.emoji-effect.conga-inv .conga-inv .conga-inv .conga-inv .conga-inv .emoji {
+  background-repeat: repeat-x;
+  animation: conga-inv linear 0.2s infinite;
+}
+.emoji-effect.attract {
+  animation: attract linear 3s infinite;
+}
+.emoji-effect.ascension {
+  animation: ascension linear 2s infinite;
+}
+.emoji-effect.shake {
+  animation: shake linear 0.5s infinite;
+}
+.emoji-effect.party {
+  animation: party linear 0.5s infinite;
+  transform-origin: center bottom;
+}
+.emoji-effect.rainbow {
+  animation: rainbow linear 0.5s infinite;
+}