.wp-block[data-type="tenfold/hero-animation"] {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.wp-block[data-type="tenfold/hero-animation"] .preview {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 560px;
  padding: 40px;
}
.wp-block[data-type="tenfold/hero-animation"] .background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #828282;
  opacity: 0.9;
  margin: 0;
  padding: 0;
}
.wp-block[data-type="tenfold/hero-animation"] .logo {
  position: relative;
  width: 200px;
  height: 60px;
  margin-bottom: 24px;
  background-image: url("../images/tenfold-logo-white.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.wp-block[data-type="tenfold/hero-animation"] p {
  color: #FFFFFF;
  text-align: center;
  font-size: 1.125rem;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block[data-type="tenfold/hero-animation"] p.language {
  margin-top: 8px;
  font-size: 0.875rem;
  opacity: 0.8;
}

.tenfold-hero-animation-block {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.tenfold-hero-animation-block.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.tenfold-hero-animation {
  display: block;
  width: 100%;
  height: clamp(600px, 100vh - var(--tf-header-offset, 116px), 740px);
  overflow: hidden;
  background-color: #061a30;
  background-image: radial-gradient(58% 70% at 22% 20%, #0f3a63 0%, transparent 62%), radial-gradient(60% 80% at 84% 90%, #0c2f57 0%, transparent 60%), linear-gradient(180deg, #08213f 0%, #061a30 55%, #04162a 100%);
  box-shadow: inset 0 0 180px rgba(0, 3, 14, 0.55);
}
@media (max-width: 860px) {
  .tenfold-hero-animation {
    height: calc(100vh - var(--tf-header-offset-mobile, 64px));
    height: calc(100dvh - var(--tf-header-offset-mobile, 64px));
    min-height: calc(666px - var(--tf-header-offset-mobile, 64px));
  }
}