/* header 
**************/
header {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: var(--header-background-color);
  color: var(--foreground-color, #fff);
  z-index: 11;
}

header>.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  /* padding: calc(24/var(--base-font-size-row-value) * 1rem) 0; */
  margin: 0 auto;
  max-width: 1728px;
  width: 95%;
}

.header__logo a {
  display: block;
  position: relative;
  z-index: 99;
}

.header__class .class-btn {
  position: relative;
  width: calc(210/var(--base-font-size-row-value) * 1rem);
  text-align: center;
  transition: ease-in-out 0.3s;
}

.header__class.--sp .class-btn {
  width: calc(270/var(--base-font-size-row-value) * 1rem);
}


.header__class .class-btn:hover {
  opacity: 0.8;
}

.header__class .class-btn[class*="--basic"]:hover {
  opacity: 0.7;
}

.header__class .class-btn[class*="--premium"] {
  background: var(--gradient-color-1);
  color: #fff;
}

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

.header__class .class-btn[class*="--royalpremium"] {
  background: linear-gradient(45deg, #050505, #212121, #050505);
  color: #fff;
  border: 2px solid;
  border-image: linear-gradient(
  45deg, #CBA373 0%, #BB8443 10%, #CBA373 35%, #fff7de 50%, #CBA373 75%, #BB8443 90%, #CBA373 100%) 1;
   box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.25);
}

/* .header__class .class-btn[class*="--royalpremium"] {
  background: linear-gradient(45deg, #1f1e1e, #3f3c37, #1f1e1e);
  color: #fff;
  border: 2px double;
  border-image: linear-gradient(
  45deg, #CBA373 0%, #fff9e6 50%, #CBA373 100%) 1;
} */

/* .header__class .class-btn[class*="--royalpremium"]::after {
content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    #fff9db,
    #f9d65c,
    #e0af57,
    #bb8443,
    #fff3b0
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
} */

.header__class .class-btn a {
  display: block;
  width: 100%;
}

/* 矢印 */
.class-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(10/var(--base-font-size-row-value) * 1rem);
  width: calc(10/var(--base-font-size-row-value) * 1rem);
  height: calc(10/var(--base-font-size-row-value) * 1rem);
  display: block;
  mask: url('../img/common/arrow.svg') no-repeat center;
  mask-size: contain;
  transform: translateY(-50%);
  z-index: 1;
}


.header__class .class-btn[class*="--premium"]::before,
.header__class .class-btn[class*="--royalpremium"]::before  {
  background-color: #fff;
}

.header__class .class-btn[class*="--basic"]::before {
  background-color: #101010;
}


.header__tel {
  flex-shrink: 0;
  text-align: center;
  color: var(--header-tel-color);
}

#btn-menu-sp,
#btn-menu-pc {
  position: relative;
  width: calc(39/var(--base-font-size-row-value) * 1rem);
  height: calc(39/var(--base-font-size-row-value) * 1rem);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--gradient-color-1);
  z-index: 99;
}

#btn-menu-pc {
  width: calc(64/var(--base-font-size-row-value) * 1rem);
  height: calc(64/var(--base-font-size-row-value) * 1rem);
}

#btn-menu-sp::before,
#btn-menu-pc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60%;
  height: 60%;
  background-color: #fff;
  mask: url(../img/common/menu.svg) no-repeat center;
  mask-size: contain;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#btn-menu-sp.is-active::before,
#btn-menu-pc.is-active::before {
  mask-image: url(../img/common/close.svg);
  top: 50%;
}

body.menu-open {
  position: relative;
  overflow: hidden;
}


@media (max-width: 767px) {
  header>.container {
    height: calc(64/var(--base-font-size-row-value) * 1rem);
  }

  header {
    position: fixed;
  }

  .header__logo a svg {
    height: calc(40/var(--base-font-size-row-value) * 1rem);
  }

  .header__contents {
    opacity: 0;
    transition: opacity 0.3s ease;
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 100%;
    padding-top: calc(92 / var(--base-font-size-row-value) * 1rem);
    padding-bottom: calc(40 / var(--base-font-size-row-value) * 1rem);
    z-index: 9;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
  }

  .header__contents.active {
    opacity: 1;
    pointer-events: auto;
  }

  #gnav-sp,
  .header__class,
  .header__tel {
    width: 80%;
    margin: 0 auto;
  }

  #gnav-sp {
    margin-bottom: calc(30/var(--base-font-size-row-value) * 1rem);
  }

  #gnav-sp ul li+li {
    margin-top: calc(12/var(--base-font-size-row-value) * 1rem);
  }

  #gnav-sp ul li a {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: calc(15/var(--base-font-size-row-value) * 1rem);
    letter-spacing: 0.05rem;
  }

  #gnav-sp ul li .en {
    font-size: calc(18/var(--base-font-size-row-value) * 1rem);
    color: var(--primary-color);
  }

  #gnav-sp ul li .jp {
    font-size: calc(10/var(--base-font-size-row-value) * 1rem);
    font-weight: 400;

  }

  .header__class {
    font-size: calc(15/var(--base-font-size-row-value) * 1rem);
    margin-bottom: calc(15/var(--base-font-size-row-value) * 1rem);
  }

  .header__class .class-btn {
    padding: 7px 0;
  }

  .header__class .class-btn+.class-btn {
    margin-top: calc(15/var(--base-font-size-row-value) * 1rem);
  }

  .header__tel {
    width: calc(212/var(--base-font-size-row-value) * 1rem);
    margin-left: 10%;
    margin-right: auto;
    letter-spacing: 0.05rem;
  }

  .header__tel .tel-number {
    font-size: calc(23/var(--base-font-size-row-value) * 1rem);
  }

  .tel-icon i {
    font-size: calc(22/var(--base-font-size-row-value) * 1rem);
    margin-right: calc(10/var(--base-font-size-row-value) * 1rem);
  }


}

@media (min-width: 768px) {
  header>.container {
    height: calc(128/var(--base-font-size-row-value) * 1rem);
  }

  #btn-menu-sp,
  #gnav-sp {
    display: none;
  }

  .header__logo a svg {
    max-width: calc(430/var(--base-font-size-row-value) * 1rem);
    width: 30vw;
  }

  header .header__contents {
    display: flex;
    align-items: center;
    gap: calc(40/var(--base-font-size-row-value) * 1rem);
  }

  .header__class {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
    gap: calc(18/var(--base-font-size-row-value) * 1rem);
  }

  .header__class .class-btn a {
    padding: 8px 0;
  }

  .header__tel .tel-number {
    font-size: calc(34/var(--base-font-size-row-value) * 1rem);
  }

  .tel-icon i {
    font-size: calc(32/var(--base-font-size-row-value) * 1rem);
    margin-right: calc(15/var(--base-font-size-row-value) * 1rem);
  }
}

/* gnav
**************/
#gnav .container>.mini-header {
  display: none;
}

#gnav .container>nav {
  display: block;
}

#gnav .container {
  width: 100%;
}

#gnav .container ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
  margin: 0 auto;
}

#gnav #gnav-bar .container ul li {
  width: calc(120/var(--base-font-size-row-value) * 1rem);
}

#gnav .container ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
  width: 100%;
  padding: calc(14/var(--base-font-size-row-value) * 1rem) 0;
  transition: ease-in-out 0.3s;
}

#gnav .container ul li a .en {
  color: var(--gnav-en-color);
  font-size: calc(18/var(--base-font-size-row-value) * 1rem);
}

#gnav .container ul li a .jp {
  font-size: calc(12/var(--base-font-size-row-value) * 1rem);
  font-weight: 400;
}

#gnav .container ul li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* mini header */
#gnav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--header-background-color);
  color: var(--foreground-color, #fff);
  z-index: 11;
}

#gnav.fixed .header__logo a svg {
  width: calc(324/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed>.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(12/var(--base-font-size-row-value) * 1rem) 0;
  margin: 0 auto;
  max-width: 1880px;
  width: 97.5%;
  background: none;
}

#gnav.fixed .head-tel {
  display: flex;
  align-items: center;
  gap: calc(40/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__class {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: end;
  gap: calc(18/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__tel .tel-number {
  font-size: calc(29/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .tel-icon i {
  font-size: calc(27/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__time {
  font-size: calc(15/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__contents {
  /* opacity: 0; */
  /* transition: opacity 0.3s ease; */
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: calc(576 / var(--base-font-size-row-value) * 1rem);
  padding-top: calc(86 / var(--base-font-size-row-value) * 1rem);
  padding-bottom: calc(58 / var(--base-font-size-row-value) * 1rem);
  z-index: 13;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  transform: translateX(100%);
  /* ← 初期状態で右に隠す */
  transition: transform 0.3s ease;
}

#gnav.fixed .header__contents.active {
  /* opacity: 1; */
  pointer-events: auto;
  transform: translateX(0);
}

#gnav.fixed .header__contents.no-transition {
  transition: none !important;
}

#gnav.fixed .header__contents .container,
#gnav.fixed .header__contents .head-tel {
  width: 70%;
  margin: 0 auto;
}

#gnav.fixed .header__contents .head-tel {
  flex-direction: column;
  gap: 0;
  align-items: baseline;
}


#gnav.fixed .container>.mini-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#gnav.fixed .container>nav {
  display: none;
}



#gnav.fixed #gnav-pc {
  margin-bottom: calc(30/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed #gnav-pc .container {
  background: inherit;
}

#gnav.fixed #gnav-pc ul {
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

#gnav.fixed #gnav-pc ul li+li {
  margin-top: calc(25/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed #gnav-pc ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  gap: calc(30/var(--base-font-size-row-value) * 1rem);
  letter-spacing: 0.05rem;
  padding: 0;
}

#gnav.fixed #gnav-pc ul li .en {
  font-size: calc(28/var(--base-font-size-row-value) * 1rem);
  color: var(--primary-color);
}

#gnav.fixed #gnav-pc ul li .jp {
  font-size: calc(15/var(--base-font-size-row-value) * 1rem);
  font-weight: 400;

}

#gnav.fixed .header__contents .header__class {
  justify-content: start;
  font-size: calc(22/var(--base-font-size-row-value) * 1rem);
  margin-bottom: calc(20/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__contents .header__class .class-btn {
  width: calc(340/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__contents .header__class .class-btn a {
  padding: 8px 0;
}

#gnav.fixed .header__contents .header__tel {
  width: fit-content;
  margin-left: 0;
  margin-right: auto;
  letter-spacing: 0.05rem;
}

#gnav.fixed .header__contents .header__tel .tel-number {
  font-size: calc(37/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__contents .tel-icon i {
  font-size: calc(33/var(--base-font-size-row-value) * 1rem);
  margin-right: calc(14/var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .header__contents .header__time {
  font-size: calc(18 / var(--base-font-size-row-value) * 1rem);
}

#gnav.fixed .container ul li a:hover {
  opacity: 0.8;
  background-color: transparent;
}

@media (max-width: 767px) {
  #gnav {
    display: none;
  }
}

@media (min-width: 768px) {
  #gnav {
    display: block;
    width: 100%;
  }
}

#overlay-pc {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--foreground-inverted-color);
  opacity: 0.5;
  z-index: 12;
}



@media (min-width: 768px) {
  .header-nav {
    padding-top: calc(128/var(--base-font-size-row-value) * 1rem);
  }
}

/* sp header */
@media (max-width: 767px) {
  .header__class.--sp {
    width: auto;
    font-size: calc(11/var(--base-font-size-row-value) * 1rem);
    margin-bottom: 0;
  }

  .header__class.--sp .class-btn {
    width: calc(80 / var(--base-font-size-row-value) * 1rem);
    padding: 2px 0;
  }

  .header__class.--sp .class-btn::before {
    display: none;
  }

  .header__class.--sp .class-btn+.class-btn {
    margin-top: calc(5/var(--base-font-size-row-value) * 1rem);
  }
}

@media (min-width: 768px) {
  .header__class.--sp {
    display: none;
  }
}

/***************************************************
 * ロイヤルプレミアム
 **************************************************/
.header__class .class-btn.royal {
  display: none;
}

@media (max-width: 767px) {
  #gnav-sp ul li.royal {
    display: none;
  }

 .header__contents.--sp .class-btn {
    display: block;
    width: calc(270 / var(--base-font-size-row-value) * 1rem);
  }

  /* #gnav-sp ul li.royal .en {
    width: calc(165 / var(--base-font-size-row-value) * 1rem);
    line-height: 1;
  } */
}

@media (min-width: 768px) {
  #gnav #gnav-bar .container ul li.royal {
    width: calc(150 / var(--base-font-size-row-value) * 1rem);
    line-height: 1;
  }

  #gnav #gnav-bar .container ul li.small-menu {
    width: calc(150 / var(--base-font-size-row-value) * 1rem);
  }

  #gnav #gnav-bar .container ul li.royal .en {
    display: block;
    font-size: calc(16 / var(--base-font-size-row-value) * 1rem);
    text-align: center;
    margin-bottom: 3px;
  }

  #gnav #gnav-bar .container ul li.small-menu .en {
    font-size: calc(16 / var(--base-font-size-row-value) * 1rem);
  }

  #gnav.fixed #gnav-pc ul li.royal {
    display: none;
  }

  .header__contents.--pc .class-btn.royal {
    display: block;

  }

  /* #gnav.fixed #gnav-pc ul li.royal .en {
    width: calc(245 / var(--base-font-size-row-value) * 1rem);
    line-height: 1;
  } */
}

/***************************************************
 * グローバルナビのみ非表示メニュー
 **************************************************/
#gnav-bar .bar-hidden {
  display: none;
}


/***************************************************
 * Generated by SVG Artista on 8/6/2025, 12:57:56 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

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

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

@-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 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
  animation: animate-svg-stroke-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

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

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

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

@-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 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
    animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s both;
  animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
    animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s both;
}

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

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

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

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

@-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 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
    animate-svg-fill-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
  animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
    animate-svg-fill-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s both,
    animate-svg-fill-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both;
  animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s both,
    animate-svg-fill-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
    animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
    animate-svg-fill-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
    animate-svg-fill-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s both;
  animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
    animate-svg-fill-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
    animate-svg-fill-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
  animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
    animate-svg-fill-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s both,
    animate-svg-fill-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s both;
  animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s both,
    animate-svg-fill-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
    animate-svg-fill-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
  animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
    animate-svg-fill-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both,
    animate-svg-fill-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both;
  animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both,
    animate-svg-fill-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
    animate-svg-fill-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
  animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
    animate-svg-fill-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both,
    animate-svg-fill-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s both;
  animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both,
    animate-svg-fill-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
    animate-svg-fill-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
  animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
    animate-svg-fill-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both,
    animate-svg-fill-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
  animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both,
    animate-svg-fill-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
    animate-svg-fill-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
  animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
    animate-svg-fill-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both,
    animate-svg-fill-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s both;
  animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both,
    animate-svg-fill-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both,
    animate-svg-fill-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
  animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both,
    animate-svg-fill-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both,
    animate-svg-fill-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s both;
  animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both,
    animate-svg-fill-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both,
    animate-svg-fill-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
  animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both,
    animate-svg-fill-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both,
    animate-svg-fill-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
  animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both,
    animate-svg-fill-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both,
    animate-svg-fill-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both,
    animate-svg-fill-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both,
    animate-svg-fill-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s both;
  animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both,
    animate-svg-fill-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both,
    animate-svg-fill-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
  animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both,
    animate-svg-fill-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s both,
    animate-svg-fill-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s both;
  animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s both,
    animate-svg-fill-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both,
    animate-svg-fill-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s both;
  animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both,
    animate-svg-fill-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both,
    animate-svg-fill-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
  animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both,
    animate-svg-fill-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both,
    animate-svg-fill-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
  animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both,
    animate-svg-fill-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both,
    animate-svg-fill-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s both;
  animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both,
    animate-svg-fill-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s both,
    animate-svg-fill-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
  animation: animate-svg-stroke-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s both,
    animate-svg-fill-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

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

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

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

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

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

  100% {
    fill: var(--logo-color);
  }
}

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

  100% {
    fill: var(--logo-color);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both,
    animate-svg-fill-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s both;
  animation: animate-svg-stroke-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both,
    animate-svg-fill-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s both;
}