@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* @tm:composition-scss-imports */
.seo-expandable {
  margin-top: 2rem;
  max-width: 92rem;
  text-align: var(--text-align, center);
}
.seo-expandable > .content-wrapper {
  position: relative;
  color: var(--text-color, var(--gray-3));
}
.seo-expandable > .content-wrapper .expanded-content[hidden] {
  display: none;
}
.seo-expandable > .content-wrapper > .title {
  margin-bottom: 2rem;
  color: var(--title-color, var(--font-color-base));
  font-size: var(--font-size-title, var(--font-size-title-small));
}
.seo-expandable > .content-wrapper .subtitle,
.seo-expandable > .content-wrapper h3,
.seo-expandable > .content-wrapper h4 {
  margin-bottom: 1.4rem;
  color: var(--text-color, var(--gray-3));
  font-family: var(--font-family-title);
  font-size: var(--font-size-text, var(--font-size-text-medium));
  font-weight: var(--font-weight-title);
}
.seo-expandable > .content-wrapper .subtitle:last-child,
.seo-expandable > .content-wrapper h3:last-child,
.seo-expandable > .content-wrapper h4:last-child {
  margin-bottom: 0;
}
.seo-expandable > .content-wrapper p,
.seo-expandable > .content-wrapper ul,
.seo-expandable > .content-wrapper ol {
  margin-bottom: 1.4rem;
  color: var(--text-color, var(--gray-3));
  font-size: var(--font-size-text, var(--font-size-text-small));
  font-weight: var(--font-weight-base);
}
.seo-expandable > .content-wrapper p:last-child,
.seo-expandable > .content-wrapper ul:last-child,
.seo-expandable > .content-wrapper ol:last-child {
  margin-bottom: 0;
}
.seo-expandable > .content-wrapper ul li,
.seo-expandable > .content-wrapper ol li {
  list-style-position: inside;
  list-style-type: disc;
}
.seo-expandable > .button-default {
  margin: 1.6rem auto 0;
}