/* splash screen
**************/
/* #splash {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: transparent;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

#splash-logo path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: draw 2s ease-out forwards;
}

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

/* main
**************/

main {
  position: relative;
  overflow: hidden;
}

#main {
  position: relative;
  height: 100vh;
  background-color: transparent;
  object-fit: cover;

}

main #bgVideo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 100%;
  width: auto;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
}

#main h1,
#splash svg {
  position: absolute;
  top: 50%;
  left: 50%;
}

#main .container {
  display: flex;
  height: 100%;
}

#main .container>div {
  display: flex;
  justify-content: center;
  /* align-items: end; */
  align-items: center;
  width: 50%;
  height: 100%;
}

#main .container>div.premium {
  background-color: transparent;
}

#main .container>div.basic {
  background-color: transparent;
}

#main .class-btn {
  text-align: center;
  transform: translateY(25vh);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

#main .class-btn.visible {
  opacity: 1;
  pointer-events: auto;
  /* クリック可能に */
}

#main .class-btn[class*="--premium"] {
  background: linear-gradient(90deg, #CBA373, #BB8443);
}

#main .class-btn[class*="--basic"] {
  background: #fff;
  color: #000;
}

#main .class-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}



@media (max-width: 767px) {

  #main h1,
  #splash svg {
    transform: translate(-50%, -100%);
  }

  #splash svg,
  #main h1 img {
    width: 50vw;
    max-width: calc(240/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn {
    width: calc(154/var(--base-font-size-row-value) * 1rem);
    font-size: calc(14/var(--base-font-size-row-value) * 1rem);
    letter-spacing: 0.05em;
  }


  #main .class-btn a {
    padding: 7px 0;
    height: calc(85/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn a .enter {
    font-size: calc(28/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn a .commingsoon {
    font-size: calc(21 / var(--base-font-size-row-value) * 1rem);
    line-height: 1;
  }
}

@media (min-width: 768px) {

  #main h1,
  #splash svg {
    transform: translate(-50%, -70%);
  }

  #splash svg,
  #main h1 img {
    width: 30vw;
    max-width: calc(500/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn {
    width: calc(360/var(--base-font-size-row-value) * 1rem);
    font-size: calc(26/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn a {
    padding: 15px 0;
    height: calc(137/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn a .enter {
    font-size: calc(56/var(--base-font-size-row-value) * 1rem);
  }

  #main .class-btn a .commingsoon {
    font-size: calc(42 / var(--base-font-size-row-value) * 1rem);
    line-height: 1.75;
  }
}

/* sub
**************/
#sub {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/auth/free-space-text-bg.png);
}

#sub .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}

#sub .leave-btn {
  background: #212121;
}

#sub .leave-btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#sub .leave-btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  background-color: #707070;
}

#sub .banner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sub .banner-wrapper .link-btn {
  width: 100%;
}

#sub .banner-wrapper .link-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-image: url(../img/auth/nav-bg.png);
  background-repeat: no-repeat;
  color: var(--primary-color);
}

@media (max-width: 767px) {
  #sub {
    padding-top: calc(70/var(--base-font-size-row-value) * 1rem);
    padding-bottom: calc(185/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn {
    width: calc(255/var(--base-font-size-row-value) * 1rem);
    margin-bottom: calc(70/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn a {
    padding: calc(10/var(--base-font-size-row-value) * 1rem) calc(35/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn a::before {
    transform: translate(-40%, -50%);
    width: 14%;
  }

  #sub .leave-btn .en {
    font-size: calc(18/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn .jp {
    font-size: calc(12/var(--base-font-size-row-value) * 1rem);
  }

  #sub .banner-wrapper {
    gap: calc(14/var(--base-font-size-row-value) * 1rem);
  }

  #sub .banner-wrapper .link-btn a {
    height: calc(46/var(--base-font-size-row-value) * 1rem);
    border: 1px solid var(--primary-color);
    font-size: calc(14/var(--base-font-size-row-value) * 1rem);
  }

}

@media (min-width: 768px) {

  #sub {
    padding-top: calc(140/var(--base-font-size-row-value) * 1rem);
    padding-bottom: calc(185/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn {
    width: calc(360/var(--base-font-size-row-value) * 1rem);
    margin-bottom: calc(140/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn a {
    padding: calc(12/var(--base-font-size-row-value) * 1rem) calc(50/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn a::before {
    transform: translate(-35%, -50%);
    width: 20%;
  }

  #sub .leave-btn .en {
    font-size: calc(26/var(--base-font-size-row-value) * 1rem);
  }

  #sub .leave-btn .jp {
    font-size: calc(14/var(--base-font-size-row-value) * 1rem);
  }

  #sub .banner-wrapper {
    gap: calc(20/var(--base-font-size-row-value) * 1rem);
    max-width: 468px;
    width: 100%;
  }

  #sub .banner-wrapper .link-btn a {
    height: calc(68/var(--base-font-size-row-value) * 1rem);
    border: 2px solid var(--primary-color);
    font-size: calc(20/var(--base-font-size-row-value) * 1rem);
  }
}

/* 認証ボタン */
#main .class-btn {
  transition: ease-in-out 0.3s;
}

#main .class-btn:hover {
  transform: translateY(25vh) scale(1.02);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

/***************************************************
 * カウントダウンタイマー
 **************************************************/
/* logo調整 */
@media (max-width: 767px) {

  #main h1,
  #splash svg {
    transform: translate(-50%, -70%);
  }
}

@media (min-width: 768px) {

  #splash svg,
  #main h1 img {
    max-width: calc(370 / var(--base-font-size-row-value) * 1rem);
    transform: translate(-50%, -60%);
  }
}

/* タイマー */
.countdown-wrapper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.countdown-wrapper.visible {
  opacity: 1;
}


.countdown-title {
  font-weight: 600;
  color: #fff;
  letter-spacing: .1em;
  text-align: center;
}

.countdown {
  font-weight: 700;
  display: flex;
  justify-content: center;
  color: #fff;
}

.countdown__box {
  text-align: center;
}

.countdown__label {
  display: block;
  margin-top: .3em;
  opacity: 0.8;
  letter-spacing: .08em;
}

.countdown__colon {
  display: block;
  text-align: center;
}


@media (max-width: 767px) {
  .countdown-wrapper {
    top: 7%;
  }

  .countdown-title {
    margin-bottom: 0;
    font-size: calc(12/var(--base-font-size-row-value) * 1rem);
  }

  .countdown {
    font-size: calc(30/var(--base-font-size-row-value) * 1rem);
    gap: calc(4/var(--base-font-size-row-value) * 1rem);
  }

  .countdown__box {
    min-width: 1.5em;
  }

  .countdown__label {
    font-size: calc(8/var(--base-font-size-row-value) * 1rem);
  }

  .countdown__colon {
    width: 12px;
  }
}
@media (min-width: 768px) {
  .countdown-wrapper {
    top: 7%;
  }

  .countdown-title {
    margin-bottom: 0.5em;
    font-size: calc(24/var(--base-font-size-row-value) * 1rem);
  }

  .countdown {
    font-size: calc(52/var(--base-font-size-row-value) * 1rem);
    gap: calc(8/var(--base-font-size-row-value) * 1rem);
  }

  .countdown__box {
    min-width: 2em;
  }

  .countdown__label {
    font-size: calc(16/var(--base-font-size-row-value) * 1rem);
  }

  .countdown__colon {
    width: 12px;
  }
}
@media (max-width: 540px) {
  .countdown-title {
    margin-bottom: 0.2em;
    font-size: calc(20/var(--base-font-size-row-value) * 1rem);
  }
  .countdown {
    font-size: calc(45/var(--base-font-size-row-value) * 1rem);
  }

  .countdown__label {
    font-size: calc(11/var(--base-font-size-row-value) * 1rem);
  }
}


/***************************************************
 * Generated by SVG Artista on 7/31/2025, 7:08:41 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 294.1515197753906px;
    stroke-dasharray: 294.1515197753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1515197753906px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 294.1515197753906px;
    stroke-dasharray: 294.1515197753906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1515197753906px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(221, 185, 38);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(221, 185, 38);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1.6s ease-in-out 0s both,
    animate-svg-fill-1 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s both;
  animation: animate-svg-stroke-1 1.6s ease-in-out 0s both,
    animate-svg-fill-1 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 294.1600036621094px;
    stroke-dasharray: 294.1600036621094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1600036621094px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 294.1600036621094px;
    stroke-dasharray: 294.1600036621094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1600036621094px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(196, 114, 34);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(196, 114, 34);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1.6s ease-in-out 0.2s both,
    animate-svg-fill-2 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.02s both;
  animation: animate-svg-stroke-2 1.6s ease-in-out 0.2s both,
    animate-svg-fill-2 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.02s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 294.1603088378906px;
    stroke-dasharray: 294.1603088378906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1603088378906px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 294.1603088378906px;
    stroke-dasharray: 294.1603088378906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 294.1603088378906px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(192, 192, 192);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(192, 192, 192);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1.6s ease-in-out 0.4s both,
    animate-svg-fill-3 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.04s both;
  animation: animate-svg-stroke-3 1.6s ease-in-out 0.4s both,
    animate-svg-fill-3 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.04s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 190.3243408203125px;
    stroke-dasharray: 190.3243408203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 190.3243408203125px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 190.3243408203125px;
    stroke-dasharray: 190.3243408203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 190.3243408203125px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1.6s ease-in-out 0.6000000000000001s both,
    animate-svg-fill-4 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.06s both;
  animation: animate-svg-stroke-4 1.6s ease-in-out 0.6000000000000001s both,
    animate-svg-fill-4 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.06s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 171.329345703125px;
    stroke-dasharray: 171.329345703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.329345703125px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 171.329345703125px;
    stroke-dasharray: 171.329345703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.329345703125px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1.6s ease-in-out 0.8s both,
    animate-svg-fill-5 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s both;
  animation: animate-svg-stroke-5 1.6s ease-in-out 0.8s both,
    animate-svg-fill-5 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 184.63330078125px;
    stroke-dasharray: 184.63330078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 184.63330078125px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 184.63330078125px;
    stroke-dasharray: 184.63330078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 184.63330078125px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1.6s ease-in-out 1s both,
    animate-svg-fill-6 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s both;
  animation: animate-svg-stroke-6 1.6s ease-in-out 1s both,
    animate-svg-fill-6 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 167.78199768066406px;
    stroke-dasharray: 167.78199768066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 167.78199768066406px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 167.78199768066406px;
    stroke-dasharray: 167.78199768066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 167.78199768066406px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1.6s ease-in-out 1.2000000000000002s both,
    animate-svg-fill-7 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.12s both;
  animation: animate-svg-stroke-7 1.6s ease-in-out 1.2000000000000002s both,
    animate-svg-fill-7 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.12s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 170.44895935058594px;
    stroke-dasharray: 170.44895935058594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.44895935058594px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 170.44895935058594px;
    stroke-dasharray: 170.44895935058594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.44895935058594px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1.6s ease-in-out 1.4000000000000001s both,
    animate-svg-fill-8 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.14s both;
  animation: animate-svg-stroke-8 1.6s ease-in-out 1.4000000000000001s both,
    animate-svg-fill-8 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.14s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 171.32936096191406px;
    stroke-dasharray: 171.32936096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.32936096191406px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 171.32936096191406px;
    stroke-dasharray: 171.32936096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 171.32936096191406px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1.6s ease-in-out 1.6s both,
    animate-svg-fill-9 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s both;
  animation: animate-svg-stroke-9 1.6s ease-in-out 1.6s both,
    animate-svg-fill-9 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 117.31214904785156px;
    stroke-dasharray: 117.31214904785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 117.31214904785156px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 117.31214904785156px;
    stroke-dasharray: 117.31214904785156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 117.31214904785156px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1.6s ease-in-out 1.8s both,
    animate-svg-fill-10 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.18s both;
  animation: animate-svg-stroke-10 1.6s ease-in-out 1.8s both,
    animate-svg-fill-10 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.18s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 174.09837341308594px;
    stroke-dasharray: 174.09837341308594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 174.09837341308594px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 174.09837341308594px;
    stroke-dasharray: 174.09837341308594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 174.09837341308594px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1.6s ease-in-out 2s both,
    animate-svg-fill-11 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.2s both;
  animation: animate-svg-stroke-11 1.6s ease-in-out 2s both,
    animate-svg-fill-11 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 48.24772644042969px;
    stroke-dasharray: 48.24772644042969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.24772644042969px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 48.24772644042969px;
    stroke-dasharray: 48.24772644042969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.24772644042969px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1.6s ease-in-out 2.2s both,
    animate-svg-fill-12 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.22s both;
  animation: animate-svg-stroke-12 1.6s ease-in-out 2.2s both,
    animate-svg-fill-12 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.22s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 22.363866806030273px;
    stroke-dasharray: 22.363866806030273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.363866806030273px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 22.363866806030273px;
    stroke-dasharray: 22.363866806030273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.363866806030273px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1.6s ease-in-out 2.4000000000000004s both,
    animate-svg-fill-13 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s both;
  animation: animate-svg-stroke-13 1.6s ease-in-out 2.4000000000000004s both,
    animate-svg-fill-13 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 41.25234603881836px;
    stroke-dasharray: 41.25234603881836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.25234603881836px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 41.25234603881836px;
    stroke-dasharray: 41.25234603881836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.25234603881836px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1.6s ease-in-out 2.6s both,
    animate-svg-fill-14 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.26s both;
  animation: animate-svg-stroke-14 1.6s ease-in-out 2.6s both,
    animate-svg-fill-14 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.26s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 48.24774169921875px;
    stroke-dasharray: 48.24774169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.24774169921875px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 48.24774169921875px;
    stroke-dasharray: 48.24774169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.24774169921875px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1.6s ease-in-out 2.8000000000000003s both,
    animate-svg-fill-15 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.2800000000000002s both;
  animation: animate-svg-stroke-15 1.6s ease-in-out 2.8000000000000003s both,
    animate-svg-fill-15 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.2800000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 58.438072204589844px;
    stroke-dasharray: 58.438072204589844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 58.438072204589844px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 58.438072204589844px;
    stroke-dasharray: 58.438072204589844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 58.438072204589844px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1.6s ease-in-out 3s both,
    animate-svg-fill-16 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.3s both;
  animation: animate-svg-stroke-16 1.6s ease-in-out 3s both,
    animate-svg-fill-16 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 40.20388412475586px;
    stroke-dasharray: 40.20388412475586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 40.20388412475586px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 40.20388412475586px;
    stroke-dasharray: 40.20388412475586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 40.20388412475586px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1.6s ease-in-out 3.2s both,
    animate-svg-fill-17 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s both;
  animation: animate-svg-stroke-17 1.6s ease-in-out 3.2s both,
    animate-svg-fill-17 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 37.79899597167969px;
    stroke-dasharray: 37.79899597167969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.79899597167969px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 37.79899597167969px;
    stroke-dasharray: 37.79899597167969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.79899597167969px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1.6s ease-in-out 3.4000000000000004s both,
    animate-svg-fill-18 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.34s both;
  animation: animate-svg-stroke-18 1.6s ease-in-out 3.4000000000000004s both,
    animate-svg-fill-18 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.34s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 28.976451873779297px;
    stroke-dasharray: 28.976451873779297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.976451873779297px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 28.976451873779297px;
    stroke-dasharray: 28.976451873779297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.976451873779297px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1.6s ease-in-out 3.6s both,
    animate-svg-fill-19 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.36s both;
  animation: animate-svg-stroke-19 1.6s ease-in-out 3.6s both,
    animate-svg-fill-19 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.36s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 22.363853454589844px;
    stroke-dasharray: 22.363853454589844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.363853454589844px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 22.363853454589844px;
    stroke-dasharray: 22.363853454589844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.363853454589844px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1.6s ease-in-out 3.8000000000000003s both,
    animate-svg-fill-20 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.38s both;
  animation: animate-svg-stroke-20 1.6s ease-in-out 3.8000000000000003s both,
    animate-svg-fill-20 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.38s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 33.0585994720459px;
    stroke-dasharray: 33.0585994720459px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.0585994720459px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 33.0585994720459px;
    stroke-dasharray: 33.0585994720459px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.0585994720459px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1.6s ease-in-out 4s both,
    animate-svg-fill-21 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s both;
  animation: animate-svg-stroke-21 1.6s ease-in-out 4s both,
    animate-svg-fill-21 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 33.30145072937012px;
    stroke-dasharray: 33.30145072937012px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.30145072937012px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 33.30145072937012px;
    stroke-dasharray: 33.30145072937012px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.30145072937012px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 1.6s ease-in-out 4.2s both,
    animate-svg-fill-22 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.42s both;
  animation: animate-svg-stroke-22 1.6s ease-in-out 4.2s both,
    animate-svg-fill-22 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.42s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 35.59101867675781px;
    stroke-dasharray: 35.59101867675781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.59101867675781px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 35.59101867675781px;
    stroke-dasharray: 35.59101867675781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.59101867675781px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 1.6s ease-in-out 4.4s both,
    animate-svg-fill-23 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.44s both;
  animation: animate-svg-stroke-23 1.6s ease-in-out 4.4s both,
    animate-svg-fill-23 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.44s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 41.59831237792969px;
    stroke-dasharray: 41.59831237792969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.59831237792969px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 41.59831237792969px;
    stroke-dasharray: 41.59831237792969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.59831237792969px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 1.6s ease-in-out 4.6000000000000005s both,
    animate-svg-fill-24 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.46s both;
  animation: animate-svg-stroke-24 1.6s ease-in-out 4.6000000000000005s both,
    animate-svg-fill-24 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.46s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 37.79979705810547px;
    stroke-dasharray: 37.79979705810547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.79979705810547px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 37.79979705810547px;
    stroke-dasharray: 37.79979705810547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.79979705810547px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 1.6s ease-in-out 4.800000000000001s both,
    animate-svg-fill-25 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s both;
  animation: animate-svg-stroke-25 1.6s ease-in-out 4.800000000000001s both,
    animate-svg-fill-25 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 34.718299865722656px;
    stroke-dasharray: 34.718299865722656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 34.718299865722656px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 34.718299865722656px;
    stroke-dasharray: 34.718299865722656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 34.718299865722656px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 1.6s ease-in-out 5s both,
    animate-svg-fill-26 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.5s both;
  animation: animate-svg-stroke-26 1.6s ease-in-out 5s both,
    animate-svg-fill-26 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 28.976478576660156px;
    stroke-dasharray: 28.976478576660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.976478576660156px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 28.976478576660156px;
    stroke-dasharray: 28.976478576660156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 28.976478576660156px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 1.6s ease-in-out 5.2s both,
    animate-svg-fill-27 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.52s both;
  animation: animate-svg-stroke-27 1.6s ease-in-out 5.2s both,
    animate-svg-fill-27 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.52s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 37.799800872802734px;
    stroke-dasharray: 37.799800872802734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.799800872802734px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 37.799800872802734px;
    stroke-dasharray: 37.799800872802734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.799800872802734px;
  }
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 1.6s ease-in-out 5.4s both,
    animate-svg-fill-28 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.54s both;
  animation: animate-svg-stroke-28 1.6s ease-in-out 5.4s both,
    animate-svg-fill-28 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.54s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 47.63353729248047px;
    stroke-dasharray: 47.63353729248047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.63353729248047px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 47.63353729248047px;
    stroke-dasharray: 47.63353729248047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.63353729248047px;
  }
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 1.6s ease-in-out 5.6000000000000005s both,
    animate-svg-fill-29 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s both;
  animation: animate-svg-stroke-29 1.6s ease-in-out 5.6000000000000005s both,
    animate-svg-fill-29 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 42.3541374206543px;
    stroke-dasharray: 42.3541374206543px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.3541374206543px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 42.3541374206543px;
    stroke-dasharray: 42.3541374206543px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.3541374206543px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: #d4b22d;
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 1.6s ease-in-out 5.800000000000001s both,
    animate-svg-fill-30 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.58s both;
  animation: animate-svg-stroke-30 1.6s ease-in-out 5.800000000000001s both,
    animate-svg-fill-30 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.58s both;
}