@keyframes bganimation {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -2.1182702613;
  }
}

svg[viewBox="0 0 1 1"] path {
  animation: bganimation 20s linear infinite;
  will-change: stroke-dashoffset;
}

.main-wrapper a[class*="border-b-4"],
.main-wrapper button[class*="border-b-4"] {
  transition:
    transform 120ms ease,
    border-bottom-width 120ms ease,
    background-color 120ms ease,
    box-shadow 120ms ease;
  will-change: transform;
}

.main-wrapper a[class*="border-b-4"]:hover,
.main-wrapper button[class*="border-b-4"]:hover {
  transform: translateY(2px);
  border-bottom-width: 2px !important;
  text-decoration: none;
}

.main-wrapper a[class*="border-b-4"]:active,
.main-wrapper button[class*="border-b-4"]:active {
  transform: translateY(4px);
  border-bottom-width: 2px !important;
}

.main-wrapper button[title="Click to copy"]:hover {
  background-color: #444 !important;
}

.main-wrapper a[href="/docs"]:hover,
.main-wrapper a[href="https://remotion.dev/discord"]:hover,
.main-wrapper a[href="https://github.com/remotion-dev/remotion"]:hover,
.main-wrapper a[href="/prompts"]:hover {
  background-color: var(--ifm-color-emphasis-100);
}

.main-wrapper a[href^="/templates/"] span,
.main-wrapper a[href="/templates"] {
  transition:
    transform 140ms ease,
    color 140ms ease,
    opacity 140ms ease;
}

.main-wrapper a[href^="/templates/"]:hover span,
.main-wrapper a[href="/templates"]:hover {
  transform: translateY(-2px);
  color: var(--ifm-color-primary) !important;
  text-decoration: none;
}

.navbar__brand {
  align-items: center;
  display: inline-flex;
}

.navbar__brand .navbar__logo {
  display: none !important;
}

.navbar__brand::after {
  color: var(--ifm-navbar-link-color);
  content: "91Work";
  font-family: GTPlanar, var(--ifm-font-family-base);
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.theme-layout-navbar-left > .navbar__toggle,
.theme-layout-navbar-left > .navbar__item,
.theme-layout-navbar-left > .dropdown,
.theme-layout-navbar-right {
  display: none !important;
}

.main-wrapper .no-scroll-bar[style*="max-width:550px"] {
  display: none !important;
}

.footer .footer__col {
  display: none !important;
}

.footer [data-91work-footer="true"] {
  margin: 0 auto 20px !important;
  padding: 0 var(--ifm-spacing-horizontal) !important;
  text-align: center !important;
  width: 100%;
  font-size: 0.9rem;
}

.footer .site-icp-link {
  border-radius: 4px;
  padding: 2px 4px;
  transition:
    background-color 140ms ease,
    text-decoration-color 140ms ease;
}

.footer .site-icp-link:hover,
.footer .site-icp-link:focus-visible {
  background-color: var(--ifm-color-emphasis-200);
  text-decoration: underline;
}

.main-wrapper .site-compose-subtitle {
  color: var(--ifm-color-primary) !important;
  font-weight: 700 !important;
}

.main-wrapper button[data-91work-cta="true"] {
  justify-content: space-between !important;
  min-width: 300px;
  gap: 24px;
}

.main-wrapper button[data-91work-cta="true"] .site-cta-arrow {
  font-size: 1.35em;
  line-height: 1;
}