/* Authored in Figma GD0mkPoKPLarY08cvbsYZ2, frames 30:6 and 30:100.
   Keyframes below are copied verbatim from get_motion_context.
   The requested scroll lifecycle overrides preview looping only. */
.figma-support-ready .fs-icon {
  position: relative;
  display: block;
  width: 26px;
  height: 32px;
  align-self: start;
  flex-shrink: 0;
  color: var(--accent-red);
}
.figma-support-ready .fs-icon::before,
.figma-support-ready .fs-icon::after { content: none; }
.figma-support-ready .fs-cross {
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  transform-origin: center;
}
.figma-support-ready .fs-check {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 26px;
  height: 26px;
  max-width: none;
  object-fit: contain;
  transform-origin: center;
}
.figma-support-ready .fs-answer { transform-origin: center; }
#offer .figma-support-dots-ready .intensity-rhythm {
  grid-template-columns: repeat(7, 10px);
  gap: 12px;
  width: max-content;
}
#offer .figma-support-dots-ready .intensity-rhythm i {
  width: 10px;
  height: 10px;
  border-color: #989b93;
  background: transparent;
  box-shadow: none;
}
#offer .figma-support-dots-ready .intensity-rhythm i.fs-dot {
  border: 0;
  border-radius: 50%;
}

.figma-support-ready .fs-cross {
  animation: kf_30_21_opacity_0 2s linear, kf_30_21_scale_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_21_opacity_0 { 0% { animation-timing-function: ease-out; opacity: 1; } 16% { opacity: 0; } 100% { opacity: 0; } } @keyframes kf_30_21_scale_0 { 0% { animation-timing-function: ease-out; scale: 1 1; } 16% { scale: 0.65 0.65; } 100% { scale: 0.65 0.65; } }
.figma-support-ready .fs-check {
  animation: kf_30_22_opacity_0 2s linear, kf_30_22_scale_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_22_opacity_0 { 0% { opacity: 0; } 9% { animation-timing-function: ease-out; opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_30_22_scale_0 { 0% { scale: 0.72 0.72; } 9% { animation-timing-function: ease-out; scale: 0.72 0.72; } 29% { scale: 1 1; } 100% { scale: 1 1; } }
.figma-support-ready .fs-answer {
  animation: kf_30_11_opacity_0 2s linear, kf_30_11_translate_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_11_opacity_0 { 0% { opacity: 0; } 21% { animation-timing-function: ease-out; opacity: 0; } 55% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_30_11_translate_0 { 0% { translate: 0px 8px; } 21% { animation-timing-function: ease-out; translate: 0px 8px; } 55% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#offer .figma-support-dots-ready .fs-dot-1 {
  animation: kf_30_152_background-color_0 2s linear, kf_30_152_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_152_background-color_0 { 0% { animation-timing-function: ease-out; background-color: #D92D27; } 15% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_152_box-shadow_0 { 0% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 15% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-2 {
  animation: kf_30_156_background-color_0 2s linear, kf_30_156_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_156_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 10% { animation-timing-function: ease-out; background-color: #D92D27; } 25% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_156_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 10% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 25% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-3 {
  animation: kf_30_160_background-color_0 2s linear, kf_30_160_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_160_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 20% { animation-timing-function: ease-out; background-color: #D92D27; } 35% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_160_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 20% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 35% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-4 {
  animation: kf_30_164_background-color_0 2s linear, kf_30_164_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_164_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 30% { animation-timing-function: ease-out; background-color: #D92D27; } 45% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_164_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 30% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 45% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-5 {
  animation: kf_30_168_background-color_0 2s linear, kf_30_168_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_168_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 40% { animation-timing-function: ease-out; background-color: #D92D27; } 55% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_168_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 40% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 55% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-6 {
  animation: kf_30_172_background-color_0 2s linear, kf_30_172_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_172_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 50% { animation-timing-function: ease-out; background-color: #D92D27; } 65% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_172_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 50% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 65% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }
#offer .figma-support-dots-ready .fs-dot-7 {
  animation: kf_30_176_background-color_0 2s linear, kf_30_176_box-shadow_0 2s linear; animation-iteration-count: 1;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-delay: var(--fs-delay, 0s);
}
@keyframes kf_30_176_background-color_0 { 0% { animation-timing-function: step-end; background-color: #D92D27; } 60% { animation-timing-function: ease-out; background-color: #D92D27; } 75% { background-color: #4AFF8A; } 100% { background-color: #4AFF8A; } } @keyframes kf_30_176_box-shadow_0 { 0% { animation-timing-function: step-end; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 60% { animation-timing-function: ease-out; box-shadow: 0px 0px 5px 0px rgba(217, 45, 39, 0.3); } 75% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } 100% { box-shadow: 0px 0px 5px 0px rgba(74, 255, 138, 0.3); } }

/* Finished state also remains readable before/without JavaScript. */
@media (prefers-reduced-motion: reduce) {
  .figma-support-ready .fs-cross,
  .figma-support-ready .fs-check,
  .figma-support-ready .fs-answer,
  #offer .figma-support-dots-ready .fs-dot { animation: none !important; }
  .figma-support-ready .fs-cross { opacity: 0; scale: .65; }
  .figma-support-ready .fs-check { opacity: 1; scale: 1; }
  .figma-support-ready .fs-answer { opacity: 1; translate: none; }
  #offer .figma-support-dots-ready .fs-dot {
    background-color: #4aff8a;
    box-shadow: 0 0 5px rgba(74, 255, 138, .3);
  }
}