:root {
  --svg-color: #d4af3711;
  --svg-size: 639px;
  --svg-speed: 2.5s;
  --svg-stroke-width: 0.3;
}

.svg-stage {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 1rem;
  background: var(--color-background-secondary);
  border-radius: var(--border-radius-lg);
  border: 0.5px solid var(--color-border-tertiary);
}

#retama-svg {
  height: var(--svg-size);
  width: auto;
  transition: width 0.2s;
}

#retama-svg .cls-1 {
  fill: none;
  stroke: var(--svg-color);
  stroke-miterlimit: 10;
  stroke-width: var(--svg-stroke-width);
}

.animated-path {
  stroke-dasharray: var(--dash-len, 1000);
  stroke-dashoffset: var(--dash-len, 1000);
  animation: draw var(--svg-speed) ease forwards;
  animation-play-state: running;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}