#demos-link::after {
  width: 100%;
}

#demos #smooth-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
}
#demos #smooth-content main {
  width: 100%;
}
#demos #smooth-content main .body-width .content {
  width: 100%;
  max-width: 700px;
  margin-right: auto;
}
#demos #smooth-content main .body-width .content .demo {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: var(--xl);
}
@media (max-width: 550px) {
  #demos #smooth-content main .body-width .content .demo {
    margin-top: calc(var(--xl) * 2);
  }
}
#demos #smooth-content main .body-width .content .demo iframe {
  width: 100%;
  height: 100%;
  min-height: 180px;
  margin-top: 32px;
}
#demos #smooth-content footer {
  width: 100%;
  margin-top: auto;
}/*# sourceMappingURL=demos.css.map */