:root {

    --body-background-color: radial-gradient(circle at 50% -10%,
    rgba(255, 45, 85, 0.64) 0%,
    rgba(255, 45, 85, 0.24) 34%,
    rgba(0, 0, 0, 0.00) 62%),
    radial-gradient(circle at 15% 25%,
            rgba(60, 255, 107, 0.10) 0%,
            rgba(0, 0, 0, 0.00) 55%),
    radial-gradient(circle at 85% 30%,
            rgba(255, 120, 120, 0.16) 0%,
            rgba(0, 0, 0, 0.00) 58%),
    radial-gradient(circle at 50% 110%,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0.92) 58%,
            rgba(10, 12, 13, 1.00) 100%),
    linear-gradient(180deg, #3A0E18 0%, #121316 62%, #0A0C0D 100%);
    --body-text-color: #fff7f7;


    --button-background-primary-color: linear-gradient(135deg, #FF4D4D 0%, #FF2D55 55%, #E5163D 100%);
    --button-background-primary-color-hover: linear-gradient(135deg, #FF6A6A 0%, #FF3B63 55%, #F01C46 100%);
    --button-text-primary-color: #16060a;
    --button-shadow-primary-color: 0 0 10px rgba(255, 45, 85, 0.35),
    0 0 26px rgba(255, 45, 85, 0.22),
    0 0 44px rgba(255, 45, 85, 0.12);


    --button-background-secondary-color: rgba(28, 48, 38, 0.62);
    --button-background-secondary-color-border: 1px solid rgba(60, 255, 107, 0.60);
    --button-text-secondary-color: #f2fff7;
    --button-shadow-secondary-color: 0 0 10px rgba(60, 255, 107, 0.16),
    0 0 26px rgba(60, 255, 107, 0.10);

    --button-background-secondary-color-hover: rgba(34, 58, 46, 0.66);
    --button-text-secondary-color-hover: #ffffff;
    --button-shadow-secondary-color-hover: 0 0 14px rgba(60, 255, 107, 0.22),
    0 0 34px rgba(255, 45, 85, 0.12);
    --button-shadow-secondary-color-active: 0 0 18px rgba(60, 255, 107, 0.14) inset;


    --logo-text-shadow-color: 0 0 12px rgba(255, 45, 85, 0.30),
    0 0 22px rgba(60, 255, 107, 0.18),
    0 0 44px rgba(255, 45, 85, 0.14);
    --logo-text-fill-color: #fff7f7;


    --panel-section-fill: #CC2443;
    --panel-section-color: #FF2D55;
    --panel-section-color-active: #ffffff;
    --panel-section-shadow-active: 0 0 14px rgba(255, 45, 85, 0.26),
    0 0 28px rgba(60, 255, 107, 0.14);


    --loader-border-color: 6px solid rgba(255, 247, 247, 0.12);
    --loader-border-top-color: 6px solid #FF2D55;
    --loader-shadow-color: 0 0 14px rgba(255, 45, 85, 0.24),
    0 0 26px rgba(60, 255, 107, 0.16),
    0 0 48px rgba(255, 45, 85, 0.12);


    --swal-background-color: rgba(24, 40, 32, 0.92);
    --swal-border-color: 2px solid rgba(255, 45, 85, 0.62);
    --swal-box-shadow: 0 0 18px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(255, 45, 85, 0.18),
    0 0 44px rgba(60, 255, 107, 0.10);
    --swal-text-color: #fff7f7;


    --tabs-text: rgba(255, 247, 247, 0.74);
    --tabs-text-hover: rgba(255, 247, 247, 0.94);
    --tabs-text-active: #ffffff;

    --tabs-underline: #FF2D55;
    --tabs-divider: rgba(255, 247, 247, 0.16);

    --tabs-underline-glow: 0 0 12px rgba(255, 45, 85, 0.30),
    0 0 28px rgba(60, 255, 107, 0.12);

    --tabs-focus-ring: 0 0 0 3px rgba(60, 255, 107, 0.22);


    --swal-bg: #FF2D55;
    --swal-glow: rgba(255, 45, 85, 0.34);

    --tgq-bg: rgba(255, 45, 85, 0.08);
    --tgq-author: #60FF87;
    --tgq-bar: #60FF87;

    --bg0: rgba(10, 12, 18, 0.72);
    --bg1: rgba(255, 255, 255, 0.06);
    --stroke: rgba(255, 255, 255, 0.12);
    --text: rgba(255, 255, 255, 0.92);
    --muted: rgba(255, 255, 255, 0.62);

    --gold: 255, 200, 80;
    --silver: 190, 205, 230;
    --bronze: 210, 140, 95;

    --common: 140, 170, 255;
    --platinum: 110, 255, 210;
    --premium: 255, 200, 90;
}
/* Новогодний узор: носки по всей странице */
body {
    position: relative;
}

/* слой-узор */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-size: 260px 220px;
    background-repeat: repeat;


    opacity: 0.14;

    /* SVG pattern (носки) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cdefs%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1.2' flood-color='%23000000' flood-opacity='0.25'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)'%3E%3Cg transform='translate(34 44) rotate(-18)'%3E%3Cpath d='M30 10c0-4 3-7 7-7h28c4 0 7 3 7 7v52c0 13-10 23-23 23H32c-8 0-15-7-15-15 0-8 7-15 15-15h20c7 0 12-5 12-12V10z' fill='%23d83a4a'/%3E%3Cpath d='M30 14h52v10H30z' fill='%23ffffff' opacity='0.9'/%3E%3Ccircle cx='43' cy='34' r='3' fill='%23ffffff' opacity='0.9'/%3E%3Ccircle cx='58' cy='40' r='3' fill='%23ffffff' opacity='0.9'/%3E%3Ccircle cx='69' cy='30' r='3' fill='%23ffffff' opacity='0.9'/%3E%3C/g%3E%3Cg transform='translate(136 132) rotate(22)'%3E%3Cpath d='M26 10c0-4 3-7 7-7h30c4 0 7 3 7 7v50c0 14-11 25-25 25H30c-8 0-15-7-15-15 0-8 7-15 15-15h22c7 0 12-5 12-12V10z' fill='%231f9d78'/%3E%3Cpath d='M26 14h52v10H26z' fill='%23ffffff' opacity='0.9'/%3E%3Cpath d='M36 52c8-10 20-12 32-6' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' opacity='0.9'/%3E%3C/g%3E%3Cg transform='translate(150 36) rotate(-35) scale(0.9)'%3E%3Cpath d='M30 10c0-4 3-7 7-7h28c4 0 7 3 7 7v52c0 13-10 23-23 23H32c-8 0-15-7-15-15 0-8 7-15 15-15h20c7 0 12-5 12-12V10z' fill='%234a7bd8'/%3E%3Cpath d='M30 14h52v10H30z' fill='%23ffffff' opacity='0.9'/%3E%3Cpath d='M40 34h36' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' opacity='0.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body:has([role="tabpanel"][data-tab-panel="retakes"]:not([hidden]))::before{
  opacity: 0;
}
body:has([role="tabpanel"][data-tab-panel="debts"]:not([hidden]))::before{
  opacity: 0;
}
/* чтобы контент был поверх узора */
body > * {
    position: relative;
    z-index: 1;
}



.akame-img{
    display: none;
}

.tabs-underline[role="tablist"]:has(#tab-retakes.is-active) {
  display: none;
}
.tabs-underline {
    display: flex;
    align-items: flex-end;
    gap: 22px;

    padding: 0;
    margin: 0;

    border-bottom: 1px solid var(--tabs-divider);
}
.tabs-underline .tab {
    position: relative;

    padding: 12px 6px;
    background: transparent;
    border: 0;

    color: var(--tabs-text);
    font: inherit;

    cursor: pointer;
    user-select: none;

    transition: color .16s ease;
}
.tabs-underline .tab:hover {
    color: var(--tabs-text-hover);
}
.tab-panel.drawling{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;

    gap: 20px;
    padding-top: 20px;
}
.tabs-underline .tab.is-active,
.tabs-underline .tab[aria-selected="true"] {
    color: var(--tabs-text-active);
}
.tabs-underline .tab.is-active::after,
.tabs-underline .tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;

    background: var(--tabs-underline);
    border-radius: 999px;

    box-shadow: var(--tabs-underline-glow);
}
.tabs-underline .tab:focus-visible {
    outline: none;
    color: var(--tabs-text-hover);
}
.tabs-underline .tab:focus-visible::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;

    background: var(--tabs-underline);
    border-radius: 999px;
    box-shadow: var(--tabs-focus-ring),
    var(--tabs-underline-glow);
}
.tab-panel[hidden] { display: none !important; }
.tabs-underline {
    display: flex;
    align-items: flex-end;
    gap: 22px;

    border-bottom: 1px solid var(--tabs-divider);


    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    -webkit-overflow-scrolling: touch;
}
#panel-debtors{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-top:15px
}
@media (max-width: 480px) {
    .tabs-underline {
        gap: 14px;
    }

    .tabs-underline .tab {
        padding: 10px 6px;
    }
}
nav.tabs-underline::-webkit-scrollbar {
    height: 6px !important;
}
nav.tabs-underline::-webkit-scrollbar-track {
    background: var(--tabs-scrollbar-track) !important;
    border-radius: 999px;
}
nav.tabs-underline::-webkit-scrollbar-thumb {
    background: var(--tabs-scrollbar-thumb) !important;
    border: var(--tabs-scrollbar-thumb-border) !important;
    border-radius: 999px !important;
    box-shadow: var(--tabs-scrollbar-thumb-shadow) !important;
}
nav.tabs-underline::-webkit-scrollbar-thumb:hover {
    background: var(--tabs-scrollbar-thumb-hover) !important;
    box-shadow: var(--tabs-scrollbar-thumb-hover-shadow) !important;
}
nav.tabs-underline::-webkit-scrollbar-button {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Контейнер, внутри которого SVG (можно заменить на ваш div) */
#ny-svg {
    display: contents;
}
/* Обёртка ёлки */
#ny-svg svg {
  width: 40vw;
  height: auto;
  margin: 0 auto;          /* по центру */
  display: block;
}
@media (max-width: 650px) {
    #ny-svg svg {
        width: 80vw;
        height: auto;
        margin: 0 auto; /* по центру */
        display: block;
    }
}
/***************************************************
 * Generated by SVG Artista on 12/28/2025, 6:45:03 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 36.35062026977539px;
    }
}
@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(108, 60, 66);
    }
}

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

  100% {
    fill: rgb(108, 60, 66);
  }
}

.svg-anim-run .svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both;
}

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

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

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

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

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

  100% {
    fill: rgb(45, 22, 51);
  }
}

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

  100% {
    fill: rgb(45, 22, 51);
  }
}

.svg-anim-run .svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both;
}

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

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

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

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

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

  100% {
    fill: rgb(141, 91, 82);
  }
}

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

  100% {
    fill: rgb(141, 91, 82);
  }
}

.svg-anim-run .svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(13, 69, 74);
  }
}

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

  100% {
    fill: rgb(13, 69, 74);
  }
}

.svg-anim-run .svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(4, 43, 60);
  }
}

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

  100% {
    fill: rgb(4, 43, 60);
  }
}

.svg-anim-run .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(44, 89, 87);
  }
}

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

  100% {
    fill: rgb(44, 89, 87);
  }
}

.svg-anim-run .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(24, 76, 76);
  }
}

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

  100% {
    fill: rgb(24, 76, 76);
  }
}

.svg-anim-run .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.4000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(45, 130, 87);
  }
}

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

  100% {
    fill: rgb(45, 130, 87);
  }
}

.svg-anim-run .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.5s both;
}

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

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

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

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

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

  100% {
    fill: rgb(24, 76, 76);
  }
}

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

  100% {
    fill: rgb(24, 76, 76);
  }
}

.svg-anim-run .svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.6s both;
}

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

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

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

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

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

  100% {
    fill: rgb(59, 141, 93);
  }
}

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

  100% {
    fill: rgb(59, 141, 93);
  }
}

.svg-anim-run .svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.7000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(15, 71, 77);
  }
}

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

  100% {
    fill: rgb(15, 71, 77);
  }
}

.svg-anim-run .svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.8s both;
}

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

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

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

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

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

  100% {
    fill: rgb(60, 150, 89);
  }
}

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

  100% {
    fill: rgb(60, 150, 89);
  }
}

.svg-anim-run .svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.9000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(16, 76, 79);
  }
}

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

  100% {
    fill: rgb(16, 76, 79);
  }
}

.svg-anim-run .svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2s both;
}

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

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

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

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

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

  100% {
    fill: rgb(57, 130, 87);
  }
}

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

  100% {
    fill: rgb(57, 130, 87);
  }
}

.svg-anim-run .svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(20, 93, 79);
  }
}

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

  100% {
    fill: rgb(20, 93, 79);
  }
}

.svg-anim-run .svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.2s both;
}

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

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

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

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

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

  100% {
    fill: rgb(105, 193, 95);
  }
}

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

  100% {
    fill: rgb(105, 193, 95);
  }
}

.svg-anim-run .svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(28, 106, 66);
  }
}

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

  100% {
    fill: rgb(28, 106, 66);
  }
}

.svg-anim-run .svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.4000000000000004s both;
}

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

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

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

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

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

  100% {
    fill: rgb(121, 196, 97);
  }
}

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

  100% {
    fill: rgb(121, 196, 97);
  }
}

.svg-anim-run .svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.5s both;
}

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

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

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

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

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

  100% {
    fill: rgb(28, 106, 66);
  }
}

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

  100% {
    fill: rgb(28, 106, 66);
  }
}

.svg-anim-run .svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.6s both;
          animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.6s both;
}

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

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

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

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

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

  100% {
    fill: rgb(31, 106, 69);
  }
}

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

  100% {
    fill: rgb(31, 106, 69);
  }
}

.svg-anim-run .svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.7s both;
          animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.7s both;
}

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

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

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

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

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

  100% {
    fill: rgb(144, 206, 84);
  }
}

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

  100% {
    fill: rgb(144, 206, 84);
  }
}

.svg-anim-run .svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.8s both;
          animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.8s both;
}

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

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

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

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

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

  100% {
    fill: rgb(33, 104, 69);
  }
}

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

  100% {
    fill: rgb(33, 104, 69);
  }
}

.svg-anim-run .svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.9000000000000004s both;
          animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.9000000000000004s both;
}

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

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

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

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

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

  100% {
    fill: rgb(131, 214, 93);
  }
}

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

  100% {
    fill: rgb(131, 214, 93);
  }
}

.svg-anim-run .svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3s both;
          animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(65, 134, 57);
  }
}

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

  100% {
    fill: rgb(65, 134, 57);
  }
}

.svg-anim-run .svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.1000000000000005s both;
          animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.1000000000000005s both;
}

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

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

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

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

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

  100% {
    fill: rgb(251, 199, 6);
  }
}

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

  100% {
    fill: rgb(251, 199, 6);
  }
}

.svg-anim-run .svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.2s both;
          animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.2s both;
}

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

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

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

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

.svg-anim-run .svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.3s both;
          animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.3s both;
}

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

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

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

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

.svg-anim-run .svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.4000000000000004s both;
          animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.4000000000000004s both;
}

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

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

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

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

.svg-anim-run .svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.5s both;
          animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.5s both;
}

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

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

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

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

.svg-anim-run .svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.6000000000000005s both;
          animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.6000000000000005s both;
}

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

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

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

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

.svg-anim-run .svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.7s both;
          animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.7s both;
}

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

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

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 8.977183818817139px;
    stroke-dasharray: 8.977183818817139px;
  }

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

.svg-anim-run .svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.8s both;
          animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.8s both;
}

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

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

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 12.32796573638916px;
    stroke-dasharray: 12.32796573638916px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-32 {
  -webkit-animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.9000000000000004s both;
          animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.9000000000000004s both;
}

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

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

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 11.635684967041016px;
    stroke-dasharray: 11.635684967041016px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-33 {
  -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4s both;
          animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4s both;
}

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

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

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 11.960288047790527px;
    stroke-dasharray: 11.960288047790527px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-34 {
  -webkit-animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.1000000000000005s both;
          animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.1000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 8.861900329589844px;
    stroke-dasharray: 8.861900329589844px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-35 {
  -webkit-animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.2s both;
          animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.2s both;
}

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

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

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 10.580151557922363px;
    stroke-dasharray: 10.580151557922363px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-36 {
  -webkit-animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.3s both;
          animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.3s both;
}

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

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

@keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 8.087144374847412px;
    stroke-dasharray: 8.087144374847412px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-37 {
  -webkit-animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.4s both;
          animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.4s both;
}

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

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

@keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 7.545548915863037px;
    stroke-dasharray: 7.545548915863037px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-38 {
  -webkit-animation: animate-svg-stroke-38 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
                       animate-svg-fill-38 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.5s both;
          animation: animate-svg-stroke-38 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
               animate-svg-fill-38 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.5s both;
}

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

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

@keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 6.989373207092285px;
    stroke-dasharray: 6.989373207092285px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-39 {
  -webkit-animation: animate-svg-stroke-39 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
                       animate-svg-fill-39 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.6000000000000005s both;
          animation: animate-svg-stroke-39 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
               animate-svg-fill-39 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.6000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-40 {
  0% {
    stroke-dashoffset: 7.119399547576904px;
    stroke-dasharray: 7.119399547576904px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-40 {
  -webkit-animation: animate-svg-stroke-40 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
                       animate-svg-fill-40 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.7s both;
          animation: animate-svg-stroke-40 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
               animate-svg-fill-40 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.7s both;
}

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

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

@keyframes animate-svg-stroke-41 {
  0% {
    stroke-dashoffset: 7.607670307159424px;
    stroke-dasharray: 7.607670307159424px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-41 {
  -webkit-animation: animate-svg-stroke-41 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
                       animate-svg-fill-41 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.8s both;
          animation: animate-svg-stroke-41 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
               animate-svg-fill-41 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.8s both;
}

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

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

@keyframes animate-svg-stroke-42 {
  0% {
    stroke-dashoffset: 6.618452072143555px;
    stroke-dasharray: 6.618452072143555px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-42 {
  -webkit-animation: animate-svg-stroke-42 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
                       animate-svg-fill-42 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.9s both;
          animation: animate-svg-stroke-42 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
               animate-svg-fill-42 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.9s both;
}

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

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

@keyframes animate-svg-stroke-43 {
  0% {
    stroke-dashoffset: 9.050487995147705px;
    stroke-dasharray: 9.050487995147705px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-43 {
  -webkit-animation: animate-svg-stroke-43 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both,
                       animate-svg-fill-43 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5s both;
          animation: animate-svg-stroke-43 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both,
               animate-svg-fill-43 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5s both;
}

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

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

@keyframes animate-svg-stroke-44 {
  0% {
    stroke-dashoffset: 7.803921699523926px;
    stroke-dasharray: 7.803921699523926px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-44 {
  -webkit-animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both,
                       animate-svg-fill-44 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.1s both;
          animation: animate-svg-stroke-44 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both,
               animate-svg-fill-44 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.1s both;
}

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

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

@keyframes animate-svg-stroke-45 {
  0% {
    stroke-dashoffset: 8.297599792480469px;
    stroke-dasharray: 8.297599792480469px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-45 {
  -webkit-animation: animate-svg-stroke-45 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both,
                       animate-svg-fill-45 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.2s both;
          animation: animate-svg-stroke-45 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both,
               animate-svg-fill-45 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.2s both;
}

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

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

@keyframes animate-svg-stroke-46 {
  0% {
    stroke-dashoffset: 10.161372184753418px;
    stroke-dasharray: 10.161372184753418px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-46 {
  -webkit-animation: animate-svg-stroke-46 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both,
                       animate-svg-fill-46 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.3s both;
          animation: animate-svg-stroke-46 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both,
               animate-svg-fill-46 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.3s both;
}

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

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

@keyframes animate-svg-stroke-47 {
  0% {
    stroke-dashoffset: 10.052292823791504px;
    stroke-dasharray: 10.052292823791504px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-47 {
  -webkit-animation: animate-svg-stroke-47 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both,
                       animate-svg-fill-47 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.4s both;
          animation: animate-svg-stroke-47 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both,
               animate-svg-fill-47 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.4s both;
}

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

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

@keyframes animate-svg-stroke-48 {
  0% {
    stroke-dashoffset: 10.574657440185547px;
    stroke-dasharray: 10.574657440185547px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-48 {
  -webkit-animation: animate-svg-stroke-48 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both,
                       animate-svg-fill-48 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.5s both;
          animation: animate-svg-stroke-48 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both,
               animate-svg-fill-48 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.5s both;
}

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

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

@keyframes animate-svg-stroke-49 {
  0% {
    stroke-dashoffset: 11.36047077178955px;
    stroke-dasharray: 11.36047077178955px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-49 {
  -webkit-animation: animate-svg-stroke-49 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both,
                       animate-svg-fill-49 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.6000000000000005s both;
          animation: animate-svg-stroke-49 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both,
               animate-svg-fill-49 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.6000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-50 {
  0% {
    stroke-dashoffset: 9.788310050964355px;
    stroke-dasharray: 9.788310050964355px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-50 {
  -webkit-animation: animate-svg-stroke-50 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both,
                       animate-svg-fill-50 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.7s both;
          animation: animate-svg-stroke-50 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both,
               animate-svg-fill-50 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.7s both;
}

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

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

@keyframes animate-svg-stroke-51 {
  0% {
    stroke-dashoffset: 9.449263572692871px;
    stroke-dasharray: 9.449263572692871px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-51 {
  -webkit-animation: animate-svg-stroke-51 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both,
                       animate-svg-fill-51 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.8s both;
          animation: animate-svg-stroke-51 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both,
               animate-svg-fill-51 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.8s both;
}

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

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

@keyframes animate-svg-stroke-52 {
  0% {
    stroke-dashoffset: 9.409624099731445px;
    stroke-dasharray: 9.409624099731445px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-52 {
  -webkit-animation: animate-svg-stroke-52 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both,
                       animate-svg-fill-52 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.9s both;
          animation: animate-svg-stroke-52 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both,
               animate-svg-fill-52 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.9s both;
}

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

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

@keyframes animate-svg-stroke-53 {
  0% {
    stroke-dashoffset: 10.26699447631836px;
    stroke-dasharray: 10.26699447631836px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-53 {
  -webkit-animation: animate-svg-stroke-53 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both,
                       animate-svg-fill-53 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6s both;
          animation: animate-svg-stroke-53 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both,
               animate-svg-fill-53 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6s both;
}

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

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

@keyframes animate-svg-stroke-54 {
  0% {
    stroke-dashoffset: 9.559734344482422px;
    stroke-dasharray: 9.559734344482422px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-54 {
  -webkit-animation: animate-svg-stroke-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both,
                       animate-svg-fill-54 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.1000000000000005s both;
          animation: animate-svg-stroke-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both,
               animate-svg-fill-54 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.1000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-55 {
  0% {
    stroke-dashoffset: 7.083481311798096px;
    stroke-dasharray: 7.083481311798096px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-55 {
  -webkit-animation: animate-svg-stroke-55 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both,
                       animate-svg-fill-55 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.2s both;
          animation: animate-svg-stroke-55 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both,
               animate-svg-fill-55 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.2s both;
}

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

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

@keyframes animate-svg-stroke-56 {
  0% {
    stroke-dashoffset: 8.297228813171387px;
    stroke-dasharray: 8.297228813171387px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-56 {
  -webkit-animation: animate-svg-stroke-56 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both,
                       animate-svg-fill-56 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.3s both;
          animation: animate-svg-stroke-56 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both,
               animate-svg-fill-56 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.3s both;
}

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

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

@keyframes animate-svg-stroke-57 {
  0% {
    stroke-dashoffset: 7.449400901794434px;
    stroke-dasharray: 7.449400901794434px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-57 {
  -webkit-animation: animate-svg-stroke-57 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both,
                       animate-svg-fill-57 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.4s both;
          animation: animate-svg-stroke-57 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both,
               animate-svg-fill-57 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.4s both;
}

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

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

@keyframes animate-svg-stroke-58 {
  0% {
    stroke-dashoffset: 6.073553085327148px;
    stroke-dasharray: 6.073553085327148px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-58 {
  -webkit-animation: animate-svg-stroke-58 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both,
                       animate-svg-fill-58 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.5s both;
          animation: animate-svg-stroke-58 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both,
               animate-svg-fill-58 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.5s both;
}

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

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

@keyframes animate-svg-stroke-59 {
  0% {
    stroke-dashoffset: 7.2902655601501465px;
    stroke-dasharray: 7.2902655601501465px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-59 {
  -webkit-animation: animate-svg-stroke-59 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both,
                       animate-svg-fill-59 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.6000000000000005s both;
          animation: animate-svg-stroke-59 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both,
               animate-svg-fill-59 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.6000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-60 {
  0% {
    stroke-dashoffset: 8.078859806060791px;
    stroke-dasharray: 8.078859806060791px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-60 {
  -webkit-animation: animate-svg-stroke-60 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s both,
                       animate-svg-fill-60 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.7s both;
          animation: animate-svg-stroke-60 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s both,
               animate-svg-fill-60 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.7s both;
}

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

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

@keyframes animate-svg-stroke-61 {
  0% {
    stroke-dashoffset: 9.723552703857422px;
    stroke-dasharray: 9.723552703857422px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-61 {
  -webkit-animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s both,
                       animate-svg-fill-61 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.8s both;
          animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s both,
               animate-svg-fill-61 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.8s both;
}

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

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

@keyframes animate-svg-stroke-62 {
  0% {
    stroke-dashoffset: 11.386335372924805px;
    stroke-dasharray: 11.386335372924805px;
  }

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

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

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

  100% {
    fill: rgb(225, 47, 45);
  }
}

.svg-anim-run .svg-elem-62 {
  -webkit-animation: animate-svg-stroke-62 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s both,
                       animate-svg-fill-62 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.9s both;
          animation: animate-svg-stroke-62 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s both,
               animate-svg-fill-62 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.9s both;
}

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

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

@keyframes animate-svg-stroke-63 {
  0% {
    stroke-dashoffset: 10.37045955657959px;
    stroke-dasharray: 10.37045955657959px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-63 {
  -webkit-animation: animate-svg-stroke-63 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s both,
                       animate-svg-fill-63 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7s both;
          animation: animate-svg-stroke-63 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s both,
               animate-svg-fill-63 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7s both;
}

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

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

@keyframes animate-svg-stroke-64 {
  0% {
    stroke-dashoffset: 6.6147565841674805px;
    stroke-dasharray: 6.6147565841674805px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-64 {
  -webkit-animation: animate-svg-stroke-64 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s both,
                       animate-svg-fill-64 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.1000000000000005s both;
          animation: animate-svg-stroke-64 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s both,
               animate-svg-fill-64 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.1000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-65 {
  0% {
    stroke-dashoffset: 7.567010402679443px;
    stroke-dasharray: 7.567010402679443px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-65 {
  -webkit-animation: animate-svg-stroke-65 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s both,
                       animate-svg-fill-65 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.2s both;
          animation: animate-svg-stroke-65 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s both,
               animate-svg-fill-65 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.2s both;
}

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

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

@keyframes animate-svg-stroke-66 {
  0% {
    stroke-dashoffset: 6.1287031173706055px;
    stroke-dasharray: 6.1287031173706055px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-66 {
  -webkit-animation: animate-svg-stroke-66 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s both,
                       animate-svg-fill-66 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.3s both;
          animation: animate-svg-stroke-66 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s both,
               animate-svg-fill-66 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.3s both;
}

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

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

@keyframes animate-svg-stroke-67 {
  0% {
    stroke-dashoffset: 6.0978803634643555px;
    stroke-dasharray: 6.0978803634643555px;
  }

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

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

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

  100% {
    fill: rgb(255, 8, 8);
  }
}

.svg-anim-run .svg-elem-67 {
  -webkit-animation: animate-svg-stroke-67 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.92s both,
                       animate-svg-fill-67 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.4s both;
          animation: animate-svg-stroke-67 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.92s both,
               animate-svg-fill-67 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.4s both;
}

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

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

@keyframes animate-svg-stroke-68 {
  0% {
    stroke-dashoffset: 35.94455337524414px;
    stroke-dasharray: 35.94455337524414px;
  }

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

.svg-anim-run .svg-elem-68 {
  -webkit-animation: animate-svg-stroke-68 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.04s both,
                       animate-svg-fill-68 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.5s both;
          animation: animate-svg-stroke-68 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.04s both,
               animate-svg-fill-68 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.5s both;
}

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

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

@keyframes animate-svg-stroke-69 {
  0% {
    stroke-dashoffset: 32.05748176574707px;
    stroke-dasharray: 32.05748176574707px;
  }

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

.svg-anim-run .svg-elem-69 {
  -webkit-animation: animate-svg-stroke-69 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.16s both,
                       animate-svg-fill-69 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.6000000000000005s both;
          animation: animate-svg-stroke-69 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.16s both,
               animate-svg-fill-69 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.6000000000000005s both;
}

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

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

@keyframes animate-svg-stroke-70 {
  0% {
    stroke-dashoffset: 25.65094757080078px;
    stroke-dasharray: 25.65094757080078px;
  }

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

.svg-anim-run .svg-elem-70 {
  -webkit-animation: animate-svg-stroke-70 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.28s both,
                       animate-svg-fill-70 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.7s both;
          animation: animate-svg-stroke-70 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.28s both,
               animate-svg-fill-70 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.7s both;
}

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

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

@keyframes animate-svg-stroke-71 {
  0% {
    stroke-dashoffset: 16.351747512817383px;
    stroke-dasharray: 16.351747512817383px;
  }

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

.svg-anim-run.svg-elem-71 {
  -webkit-animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s both,
                       animate-svg-fill-71 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.8s both;
          animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s both,
               animate-svg-fill-71 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.8s both;
}

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

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

@keyframes animate-svg-stroke-72 {
  0% {
    stroke-dashoffset: 12.149908065795898px;
    stroke-dasharray: 12.149908065795898px;
  }

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

.svg-anim-run .svg-elem-72 {
  -webkit-animation: animate-svg-stroke-72 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.52s both,
                       animate-svg-fill-72 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.9s both;
          animation: animate-svg-stroke-72 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.52s both,
               animate-svg-fill-72 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.9s both;
}

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

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

@keyframes animate-svg-stroke-73 {
  0% {
    stroke-dashoffset: 8.977183818817139px;
    stroke-dasharray: 8.977183818817139px;
  }

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

.svg-anim-run .svg-elem-73 {
  -webkit-animation: animate-svg-stroke-73 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.64s both,
                       animate-svg-fill-73 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8s both;
          animation: animate-svg-stroke-73 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.64s both,
               animate-svg-fill-73 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8s both;
}

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

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

@keyframes animate-svg-stroke-74 {
  0% {
    stroke-dashoffset: 12.32801628112793px;
    stroke-dasharray: 12.32801628112793px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-74 {
  -webkit-animation: animate-svg-stroke-74 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.76s both,
                       animate-svg-fill-74 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.100000000000001s both;
          animation: animate-svg-stroke-74 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.76s both,
               animate-svg-fill-74 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.100000000000001s both;
}

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

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

@keyframes animate-svg-stroke-75 {
  0% {
    stroke-dashoffset: 11.635675430297852px;
    stroke-dasharray: 11.635675430297852px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-75 {
  -webkit-animation: animate-svg-stroke-75 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.879999999999999s both,
                       animate-svg-fill-75 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.200000000000001s both;
          animation: animate-svg-stroke-75 1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.879999999999999s both,
               animate-svg-fill-75 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.200000000000001s both;
}

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

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

@keyframes animate-svg-stroke-76 {
  0% {
    stroke-dashoffset: 35.94455337524414px;
    stroke-dasharray: 35.94455337524414px;
  }

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

.svg-anim-run .svg-elem-76 {
  -webkit-animation: animate-svg-stroke-76 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9s both,
                       animate-svg-fill-76 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.3s both;
          animation: animate-svg-stroke-76 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9s both,
               animate-svg-fill-76 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.3s both;
}

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

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

@keyframes animate-svg-stroke-77 {
  0% {
    stroke-dashoffset: 32.05748176574707px;
    stroke-dasharray: 32.05748176574707px;
  }

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

.svg-anim-run .svg-elem-77 {
  -webkit-animation: animate-svg-stroke-77 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.12s both,
                       animate-svg-fill-77 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.4s both;
          animation: animate-svg-stroke-77 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.12s both,
               animate-svg-fill-77 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.4s both;
}

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

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

@keyframes animate-svg-stroke-78 {
  0% {
    stroke-dashoffset: 25.65094757080078px;
    stroke-dasharray: 25.65094757080078px;
  }

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

.svg-anim-run .svg-elem-78 {
  -webkit-animation: animate-svg-stroke-78 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.24s both,
                       animate-svg-fill-78 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.5s both;
          animation: animate-svg-stroke-78 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.24s both,
               animate-svg-fill-78 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.5s both;
}

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

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

@keyframes animate-svg-stroke-79 {
  0% {
    stroke-dashoffset: 16.351747512817383px;
    stroke-dasharray: 16.351747512817383px;
  }

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

.svg-anim-run .svg-elem-79 {
  -webkit-animation: animate-svg-stroke-79 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.36s both,
                       animate-svg-fill-79 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.600000000000001s both;
          animation: animate-svg-stroke-79 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.36s both,
               animate-svg-fill-79 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.600000000000001s both;
}

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

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

@keyframes animate-svg-stroke-80 {
  0% {
    stroke-dashoffset: 12.149908065795898px;
    stroke-dasharray: 12.149908065795898px;
  }

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

.svg-anim-run .svg-elem-80 {
  -webkit-animation: animate-svg-stroke-80 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.48s both,
                       animate-svg-fill-80 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.700000000000001s both;
          animation: animate-svg-stroke-80 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.48s both,
               animate-svg-fill-80 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.700000000000001s both;
}

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

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

@keyframes animate-svg-stroke-81 {
  0% {
    stroke-dashoffset: 8.977183818817139px;
    stroke-dasharray: 8.977183818817139px;
  }

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

.svg-anim-run .svg-elem-81 {
  -webkit-animation: animate-svg-stroke-81 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s both,
                       animate-svg-fill-81 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.8s both;
          animation: animate-svg-stroke-81 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s both,
               animate-svg-fill-81 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.8s both;
}

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

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

@keyframes animate-svg-stroke-82 {
  0% {
    stroke-dashoffset: 12.328202247619629px;
    stroke-dasharray: 12.328202247619629px;
  }

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

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

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

  100% {
    fill: rgb(232, 152, 0);
  }
}

.svg-anim-run .svg-elem-82 {
  -webkit-animation: animate-svg-stroke-82 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.719999999999999s both,
                       animate-svg-fill-82 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.9s both;
          animation: animate-svg-stroke-82 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.719999999999999s both,
               animate-svg-fill-82 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.9s both;
}

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

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

@keyframes animate-svg-stroke-83 {
  0% {
    stroke-dashoffset: 11.635696411132812px;
    stroke-dasharray: 11.635696411132812px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-83 {
  -webkit-animation: animate-svg-stroke-83 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.84s both,
                       animate-svg-fill-83 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.000000000000002s both;
          animation: animate-svg-stroke-83 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.84s both,
               animate-svg-fill-83 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.000000000000002s both;
}

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

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

@keyframes animate-svg-stroke-84 {
  0% {
    stroke-dashoffset: 6.035836219787598px;
    stroke-dasharray: 6.035836219787598px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-84 {
  -webkit-animation: animate-svg-stroke-84 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.959999999999999s both,
                       animate-svg-fill-84 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.100000000000001s both;
          animation: animate-svg-stroke-84 1s cubic-bezier(0.47, 0, 0.745, 0.715) 9.959999999999999s both,
               animate-svg-fill-84 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.100000000000001s both;
}

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

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

@keyframes animate-svg-stroke-85 {
  0% {
    stroke-dashoffset: 5.595462799072266px;
    stroke-dasharray: 5.595462799072266px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-85 {
  -webkit-animation: animate-svg-stroke-85 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.08s both,
                       animate-svg-fill-85 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.200000000000001s both;
          animation: animate-svg-stroke-85 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.08s both,
               animate-svg-fill-85 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.200000000000001s both;
}

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

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

@keyframes animate-svg-stroke-86 {
  0% {
    stroke-dashoffset: 5.198242902755737px;
    stroke-dasharray: 5.198242902755737px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-86 {
  -webkit-animation: animate-svg-stroke-86 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.2s both,
                       animate-svg-fill-86 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.3s both;
          animation: animate-svg-stroke-86 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.2s both,
               animate-svg-fill-86 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.3s both;
}

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

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

@keyframes animate-svg-stroke-87 {
  0% {
    stroke-dashoffset: 5.60752010345459px;
    stroke-dasharray: 5.60752010345459px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-87 {
  -webkit-animation: animate-svg-stroke-87 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.32s both,
                       animate-svg-fill-87 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.4s both;
          animation: animate-svg-stroke-87 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.32s both,
               animate-svg-fill-87 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.4s both;
}

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

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

@keyframes animate-svg-stroke-88 {
  0% {
    stroke-dashoffset: 5.311074256896973px;
    stroke-dasharray: 5.311074256896973px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-88 {
  -webkit-animation: animate-svg-stroke-88 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.44s both,
                       animate-svg-fill-88 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.500000000000002s both;
          animation: animate-svg-stroke-88 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.44s both,
               animate-svg-fill-88 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.500000000000002s both;
}

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

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

@keyframes animate-svg-stroke-89 {
  0% {
    stroke-dashoffset: 5.268570899963379px;
    stroke-dasharray: 5.268570899963379px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-89 {
  -webkit-animation: animate-svg-stroke-89 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.559999999999999s both,
                       animate-svg-fill-89 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.600000000000001s both;
          animation: animate-svg-stroke-89 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.559999999999999s both,
               animate-svg-fill-89 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.600000000000001s both;
}

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

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

@keyframes animate-svg-stroke-90 {
  0% {
    stroke-dashoffset: 5.002453565597534px;
    stroke-dasharray: 5.002453565597534px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-90 {
  -webkit-animation: animate-svg-stroke-90 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.68s both,
                       animate-svg-fill-90 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.700000000000001s both;
          animation: animate-svg-stroke-90 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.68s both,
               animate-svg-fill-90 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.700000000000001s both;
}

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

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

@keyframes animate-svg-stroke-91 {
  0% {
    stroke-dashoffset: 5.380303621292114px;
    stroke-dasharray: 5.380303621292114px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-91 {
  -webkit-animation: animate-svg-stroke-91 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.799999999999999s both,
                       animate-svg-fill-91 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.8s both;
          animation: animate-svg-stroke-91 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.799999999999999s both,
               animate-svg-fill-91 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.8s both;
}

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

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

@keyframes animate-svg-stroke-92 {
  0% {
    stroke-dashoffset: 5.208181142807007px;
    stroke-dasharray: 5.208181142807007px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-92 {
  -webkit-animation: animate-svg-stroke-92 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.92s both,
                       animate-svg-fill-92 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.9s both;
          animation: animate-svg-stroke-92 1s cubic-bezier(0.47, 0, 0.745, 0.715) 10.92s both,
               animate-svg-fill-92 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.9s both;
}

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

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

@keyframes animate-svg-stroke-93 {
  0% {
    stroke-dashoffset: 5.164562702178955px;
    stroke-dasharray: 5.164562702178955px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-93 {
  -webkit-animation: animate-svg-stroke-93 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.04s both,
                       animate-svg-fill-93 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.000000000000002s both;
          animation: animate-svg-stroke-93 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.04s both,
               animate-svg-fill-93 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.000000000000002s both;
}

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

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

@keyframes animate-svg-stroke-94 {
  0% {
    stroke-dashoffset: 5.059029579162598px;
    stroke-dasharray: 5.059029579162598px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-94 {
  -webkit-animation: animate-svg-stroke-94 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.16s both,
                       animate-svg-fill-94 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.100000000000001s both;
          animation: animate-svg-stroke-94 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.16s both,
               animate-svg-fill-94 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.100000000000001s both;
}

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

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

@keyframes animate-svg-stroke-95 {
  0% {
    stroke-dashoffset: 4.811456680297852px;
    stroke-dasharray: 4.811456680297852px;
  }

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

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

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

  100% {
    fill: rgb(255, 195, 8);
  }
}

.svg-anim-run .svg-elem-95 {
    -webkit-animation: animate-svg-stroke-95 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.28s both,
    animate-svg-fill-95 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.200000000000001s both;
    animation: animate-svg-stroke-95 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.28s both,
    animate-svg-fill-95 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.200000000000001s both;
}

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

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

@keyframes animate-svg-stroke-96 {
    0% {
        stroke-dashoffset: 4.905811309814453px;
        stroke-dasharray: 4.905811309814453px;
    }

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

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

.svg-anim-run .svg-elem-96 {
    -webkit-animation: animate-svg-stroke-96 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.4s both,
    animate-svg-fill-96 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.3s both;
    animation: animate-svg-stroke-96 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.4s both,
    animate-svg-fill-96 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.3s both;
}

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

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

@keyframes animate-svg-stroke-97 {
    0% {
        stroke-dashoffset: 4.480714559555054px;
        stroke-dasharray: 4.480714559555054px;
    }

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

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

.svg-anim-run .svg-elem-97 {
    -webkit-animation: animate-svg-stroke-97 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.52s both,
    animate-svg-fill-97 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.400000000000002s both;
    animation: animate-svg-stroke-97 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.52s both,
    animate-svg-fill-97 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.400000000000002s both;
}

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

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

@keyframes animate-svg-stroke-98 {
    0% {
        stroke-dashoffset: 3.384716272354126px;
        stroke-dasharray: 3.384716272354126px;
    }

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

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

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

    100% {
        fill: rgb(255, 195, 8);
    }
}

.svg-anim-run .svg-elem-98 {
    -webkit-animation: animate-svg-stroke-98 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.639999999999999s both,
    animate-svg-fill-98 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.500000000000002s both;
    animation: animate-svg-stroke-98 1s cubic-bezier(0.47, 0, 0.745, 0.715) 11.639999999999999s both,
    animate-svg-fill-98 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.500000000000002s both;
}

/* cards */
/* Карточка под существующие переменные темы */
.pm-card {
    --pm-border: rgba(255, 247, 247, 0.12);
    --pm-border-2: rgba(255, 247, 247, 0.16);
    --pm-glass: rgba(24, 40, 32, 0.44);
    --pm-glass-2: rgba(24, 40, 32, 0.58);
    --pm-text: var(--body-text-color, #fff7f7);
    --pm-muted: rgba(255, 247, 247, 0.68);
    --pm-hot: var(--panel-section-color, #FF2D55);
    --pm-ok: #60FF87; /* из вашей палитры */
    --pm-shadow: 0 0 18px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(255, 45, 85, 0.16),
    0 0 44px rgba(60, 255, 107, 0.10);

    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--pm-text);
    border: 1px solid var(--pm-border);
    border-radius: 18px;
    overflow: hidden;

    background: radial-gradient(circle at 18% -10%, rgba(255, 45, 85, 0.26) 0%, rgba(0, 0, 0, 0) 46%),
    radial-gradient(circle at 95% 22%, rgba(60, 255, 107, 0.12) 0%, rgba(0, 0, 0, 0) 55%),
    linear-gradient(180deg, rgba(24, 40, 32, 0.62) 0%, rgba(10, 12, 13, 0.82) 100%);
    box-shadow: var(--pm-shadow);
    backdrop-filter: blur(10px);
    max-width: 30vw;
}

.pm-card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid var(--pm-border);
    background: rgba(255, 247, 247, 0.03);
}
.pm-card__title {
    font-weight: 750;
    letter-spacing: 0.2px;
    font-size: 16px;
    text-shadow: var(--logo-text-shadow-color, 0 0 12px rgba(255, 45, 85, 0.30));
}
.pm-card__subtitle {
    margin-top: 6px;
    font-size: 12px;
    color: var(--pm-muted);
}
.pm-card__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.pm-badge {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid var(--pm-border-2);
    background: rgba(255, 247, 247, 0.06);
}
.pm-badge--hot {
    border-color: rgba(255, 45, 85, 0.55);
    background: rgba(255, 45, 85, 0.14);
    box-shadow: var(--tabs-underline-glow, 0 0 12px rgba(255, 45, 85, 0.30));
}
.pm-badge--ok {
    border-color: rgba(60, 255, 107, 0.55);
    background: rgba(60, 255, 107, 0.12);
    box-shadow: 0 0 14px rgba(60, 255, 107, 0.18);
}

.pm-card__body {
    padding: 16px;
    height: 100%;


    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);

    background-size: 16px 16px,
    16px 16px,
    80px 80px,
    80px 80px;

    opacity: 0.75;
}
.pm-card.trueFalse{
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 0.4;
}
.pm-card__body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background: linear-gradient(
            180deg,
            rgba(120, 170, 255, 0.12),
            rgba(0, 0, 0, 0.55)
    ),
    radial-gradient(
            circle at 50% 30%,
            rgba(90, 140, 255, 0.25),
            rgba(0, 0, 0, 0) 65%
    );

    mix-blend-mode: soft-light;
}
.pm-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 10px;
}
.pm-metric {
    position: relative;
    border-radius: 18px;
    padding: 16px;

    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.05),
            rgba(0, 0, 0, 0.35)
    );

    border: 1px solid rgba(180, 210, 255, 0.18);

    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 -6px 12px rgba(0, 0, 0, 0.35),
    0 6px 20px rgba(0, 0, 0, 0.55);
    text-align: center;
}
.pm-metric::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 12px;
    border: 1px dashed rgba(200, 220, 255, 0.25);
    pointer-events: none;
}
.pm-metric.craft {
    background: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);

    background-size: 16px 16px,
    16px 16px,
    80px 80px,
    80px 80px;
    height: 150px;
}

.pm-metric__label {
    font-size: 45px;
    color: var(--pm-muted);

    filter:
    grayscale(1)
    brightness(1.2)
    contrast(0.9)
    drop-shadow(0 0 6px rgba(150, 190, 255, 0.35));

    opacity: 0.85;
}

.pm-metric__value {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 800;


  letter-spacing: 0.08em;

  color: #eaf2ff;
  text-shadow:
    0 0 6px rgba(140, 190, 255, 0.45)
}
.pm-divider {
    height: 1px;
    margin: 14px 0;
    background: var(--tabs-divider, rgba(255, 247, 247, 0.16));
}

.pm-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}
.pm-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--pm-border);
    background: rgba(255, 247, 247, 0.03);
}

.pm-item__name{ font-weight: 650; font-size: 14px; }
.pm-item__meta{ margin-top: 4px; font-size: 12px; color: var(--pm-muted); }

.pm-chip {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--pm-border-2);
    background: rgba(255, 247, 247, 0.05);
    white-space: nowrap;
}
.pm-chip--simple {
    border-color: #4F7CB8;
    background: #1E3553;
}
.pm-chip--hard {
    border-color: #6FA3FF;
    background: #162742;
    color: rgba(255, 247, 247, 0.78);
}
.pm-chip--exclusive {
    border-color: #FF6A6A;
    background: #3A1C1C;
}
.pm-chip--premium {
    border-color: #F2C94C;
    background: #3A2E14;
}
.pm-chip--platinum {
    border-color: #9FE3E3;
    background: #1F2E33;
}
.pm-card__foot {
    display: flex;
    margin-top: auto;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid var(--pm-border);
    background: rgba(255, 247, 247, 0.02);
}

.pm-btn {
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 750;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid rgba(255, 247, 247, 0.16);
    color: var(--pm-text);
    background: rgba(255, 247, 247, 0.05);
}
.pm-btn--primary {
    color: #fff;
    background: var(--button-background-primary-color);
    border-color: rgba(255, 45, 85, 0.55);
    box-shadow: var(--button-shadow-primary-color);
}
.pm-btn--primary:hover {
    background: var(--button-background-primary-color-hover);
}
.pm-btn--secondary {
    background: var(--button-background-secondary-color);
    border: var(--button-background-secondary-color-border);
    color: var(--button-text-secondary-color);
    box-shadow: var(--button-shadow-secondary-color);
}
.pm-btn--secondary:hover {
    background: var(--button-background-secondary-color-hover);
    color: var(--button-text-secondary-color-hover);
    box-shadow: var(--button-shadow-secondary-color-hover);
}
.pm-text--danger{ color: #ff4d6d; }

/* overlays */
.pm-overlay {
    position: absolute;
    inset: 0;
    display: none;
    padding: 18px;
    background: rgba(10, 12, 13, 0.55);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
}

.pm-card[data-state="loading"] .pm-overlay--loading{ display: flex; }
.pm-card[data-state="empty"]   .pm-overlay--empty{ display: flex; }
.pm-card[data-state="error"]   .pm-overlay--error{ display: flex; }

.pm-empty {
    text-align: center;
    max-width: 360px;
}

.pm-empty__title {
    font-weight: 900;
    font-size: 15px;
    text-shadow: var(--tabs-underline-glow, 0 0 12px rgba(255, 45, 85, 0.30));
}

.pm-empty__text {
    margin-top: 8px;
    font-size: 13px;
    color: var(--pm-muted);
}

/* skeleton */
.pm-skeleton{ width: min(420px, 100%); display: grid; gap: 10px; }
.pm-skel {
    height: 14px;
    border-radius: 999px;
    background: rgba(255, 247, 247, 0.07);
    position: relative;
    overflow: hidden;
}
.pm-skel::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-60%);
    background: linear-gradient(
            90deg,
            rgba(255, 247, 247, 0) 0%,
            rgba(255, 247, 247, 0.18) 50%,
            rgba(255, 247, 247, 0) 100%
    );
    animation: pmShimmer 1.15s infinite linear;
}

@keyframes pmShimmer{
  0%{ transform: translateX(-60%); }
  100%{ transform: translateX(60%); }
}
@media (max-width: 1000px) {
    .pm-card{
        min-width:300px;
    }
    .pm-metrics {
        grid-template-columns: repeat(2, 100px);
    }
    .pm-metric__label{
        font-size: 40px;
    }
    .pm-metric{
        padding: 12px;
    }
    .pm-card__title{
        font-size: 12px;
    }
    .pm-card__subtitle{
        margin-top: 2px;
        font-size: 12px;
    }
}
@media (max-width: 650px) {
    .pm-card{
        min-width: 100%;
        max-width: max-content;
    }
    .pm-metrics {
        grid-template-columns: repeat(auto-fit, minmax(0px, 100px));

    }
    .pm-metric__label{
        font-size: 33px;
    }
    .pm-metric{
        padding: 8px;
    }
    .pm-card__badges {
        justify-content: flex-start;
    }
    .pm-card__foot {
        flex-direction: column;
    }
}

.pm-card.pm-card--lights {
    position: relative;
}
.pm-card.pm-card--lights::before {
    content: "";
    position: absolute;
    inset: -2px; /* чуть наружу, чтобы огни были по обводке */
    border-radius: 20px; /* чуть больше, чем у карточки */
    pointer-events: none;
    z-index: 2;

    /* "точки" (огоньки) по контуру */
    background: radial-gradient(circle, rgba(255, 45, 85, .95) 0 2px, transparent 3px) 0 0 / 18px 18px,
    radial-gradient(circle, rgba(60, 255, 107, .90) 0 2px, transparent 3px) 9px 9px / 18px 18px;

    /* маска оставляет только “кольцо” толщиной обводки */
    -webkit-mask: linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    padding: 3px; /* толщина “кольца” */
    filter: drop-shadow(0 0 8px rgba(255, 45, 85, .22)) drop-shadow(0 0 10px rgba(60, 255, 107, .14));

    opacity: .92;
    animation: pmLightsDrift 2.4s linear infinite;
}
.pm-card.pm-card--lights::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    pointer-events: none;
    z-index: 1;

    box-shadow: 0 0 0 1px rgba(255, 247, 247, .10) inset,
    0 0 22px rgba(255, 45, 85, .10),
    0 0 18px rgba(60, 255, 107, .08);
}
@keyframes pmLightsDrift {
    0% {
        background-position: 0 0, 9px 9px;
        opacity: .75;
        filter: drop-shadow(0 0 6px rgba(255, 45, 85, .18)) drop-shadow(0 0 8px rgba(60, 255, 107, .12));
    }
    35% {
        opacity: .95;
    }
    50% {
        background-position: 18px 0, 27px 9px;
        opacity: .85;
        filter: drop-shadow(0 0 10px rgba(255, 45, 85, .26)) drop-shadow(0 0 12px rgba(60, 255, 107, .18));
    }
    100% {
        background-position: 36px 0, 45px 9px;
        opacity: .75;
    }
}
@media (prefers-reduced-motion: reduce) {
    .pm-card.pm-card--lights::before {
        animation: none;
    }
}

/* ===== Layout ===== */
.pm-dnd {
    position: relative;
    min-height: 100vh;
    padding: 24px;

    padding-right: 340px;
}

/* Основная зона */
.pm-dnd__board {
    position: relative;
    z-index: 1;
}
.card__bgtext {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 100px;
    font-weight: 800;
    opacity: 0.35;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}
.pm-dnd__title {
    font-weight: 700;
    letter-spacing: .03em;
}
.margin-bottom-slots{
    margin-bottom: 30px;
}
.pm-slots {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 180px));
    align-content: start;
    justify-content: center;
}

.pm-slot {
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.pm-slot__head {
    padding: 10px 12px;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pm-slot__drop {
    min-height: 110px;
    padding: 10px;
    display: grid;
    gap: 10px;
    place-items: center;
}
.pm-slot__drop:empty::before {
    content: "Перетащи сюда";
    font-size: 12px;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    padding: 10px 12px;
}


.pm-dnd__palette {
    position: fixed;
    right: 18px;
    top: 120px;
    bottom: 18px;
    width: 300px;
    z-index: 20;

    border-radius: 18px;
    background: rgba(0, 0, 0, 0.40);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    display: flex;
    flex-direction: column;
}

.pm-palette__head {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.pm-palette__title {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.90);
}
.pm-card__subtitle.is-clickable {
    cursor: pointer;
    text-decoration: underline;
}
.pm-palette__hint {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
}
.pm-palette__list {
    padding: 12px;
    overflow: auto;
    display: grid;
    gap: 10px;
}


.pm-piece {
    display: grid;
    grid-template-columns: 18px 26px 1fr;
    align-items: center;
    gap: 10px;
    cursor: grab;

    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(10, 10, 12, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.pm-piece__handle {
    cursor: grab;
    user-select: none;
    opacity: .85;
}
.pm-piece__emoji {
    font-size: 18px;
}
.pm-piece__name {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.90);
}
.pm-ghost{ opacity: .35; }
.pm-chosen{ transform: scale(.98); }
.pm-dragging{ box-shadow: 0 18px 40px rgba(0,0,0,0.60); }


@media (max-width: 900px) {
    .pm-dnd {
        padding-right: 24px;
        padding-bottom: 180px;
    }

    .pm-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pm-dnd__palette {
        left: 12px;
        right: 12px;
        top: auto;
        bottom: 60px;
        width: auto;
        height: 150px;
    }


    .pm-palette__list {
        grid-auto-flow: column;
        grid-auto-columns: minmax(180px, 220px);
        overflow-x: auto;
        overflow-y: hidden;
    }
}
@media (max-width: 520px) {
    .pm-metric.craft{
        height: 150px;
    }
    .margin-bottom-slots{
        margin-bottom: 12px;
    }
    h4{
        font-size: 1rem!important;
        line-height: 1.5rem!important;
    }
}
.pm-craft-veil {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;

    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0) 60%),
    radial-gradient(circle at 50% 120%, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0) 55%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
}
.pm-craft-veil.is-on { opacity: 1; transition: opacity 180ms ease-out; }
.pm-craft-veil.is-off { opacity: 0; transition: opacity 220ms ease-out; }
.pm-craft-veil .pm-particle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    will-change: transform, opacity;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .32));
}

/* КРУПНЫЕ ДЕТАЛИ */
.pm-craft-veil .pm-part {
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(255, 255, 255, .10));
    opacity: .9;
}

/* ИСКРЫ */
.pm-craft-veil .pm-spark {
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    opacity: .95;
}
.pm-craft-veil .pm-dust {
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0));
    filter: none;
    opacity: .25;
}
@media (prefers-reduced-motion: reduce) {
    .pm-craft-veil {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}
.pm-craft-veil .pm-part {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .92;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .35));
}


.topgifts {
    margin-top: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--stroke);
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
}
.topgifts__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.topgifts__title {
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .2px;
}
.topgifts__hint {
    font-size: 12px;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topgifts__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.giftcard {
    position: relative;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    display: grid;
    gap: 8px;
    justify-items: center;
}
.giftcard__label {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .35px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
}
.giftcard__meta {
    font-size: 11px;
    color: var(--muted);
    text-align: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.giftcard--gold {
    border-color: rgba(var(--gold), 0.28);
    background: linear-gradient(180deg, rgba(var(--gold), 0.10), rgba(255, 255, 255, 0.02));
}
.giftcard--silver {
    border-color: rgba(var(--silver), 0.24);
    background: linear-gradient(180deg, rgba(var(--silver), 0.10), rgba(255, 255, 255, 0.02));
}
.giftcard--bronze {
    border-color: rgba(var(--bronze), 0.24);
    background: linear-gradient(180deg, rgba(var(--bronze), 0.10), rgba(255, 255, 255, 0.02));
}
.giftbox {
    width: 96px;
    height: 96px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    display: grid;
    place-items: center;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}
.giftbox:has(img) img, .giftbox:has(video) video {
    background: rgba(255, 255, 255, 0.03);
    height: 95px;
    object-fit: cover;
}
@media (max-width: 520px) {
    .topgifts {
        padding: 12px;
        border-radius: 16px;
    }
    .topgifts__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .topgifts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .giftbox {
        width: 92px;
        height: 92px;
    }
}

.topboard {
    width: 40vw;
    padding: 0 18px 18px 18px;
    border-radius: 18px;
    color: var(--text);
}
.topboard__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 0!important;
}
.topboard__title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.2px;
}
.topboard__meta {
    font-size: 12px;
    color: var(--muted);
}
.toplist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.topitem {
    position: relative;
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
    border: 1px solid var(--stroke);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}
.topitem__rank {
    display: grid;
    place-items: center;
}
.rank-badge {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}
.rank-badge--plain {
    opacity: 0.9;
}
.topitem__main {
    min-width: 0;
    display: grid;
    gap: 6px;
}
.topitem__name {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}
.topitem__name .name {
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topitem__name .nick {
    font-size: 12px;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topitem__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.tag {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.3px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
}
.tag--COMMON {
    border-color: rgba(var(--common), 0.35);
    box-shadow: 0 0 0 3px rgba(var(--common), 0.08) inset;
}
.tag--PLATINUM {
    border-color: rgba(var(--platinum), 0.38);
    box-shadow: 0 0 0 3px rgba(var(--platinum), 0.10) inset;
}
.tag--PREMIUM {
    border-color: rgba(var(--premium), 0.38);
    box-shadow: 0 0 0 3px rgba(var(--premium), 0.10) inset;
}
.topitem__score {
    justify-self: end;
    text-align: right;
}
.score {
    display: flex;
}
.score__num {
    font-weight: 900;
    font-size: 16px;
}
.score__label {
    font-size: 11px;
    color: var(--muted);
}
.topitem--gold {
    border-color: rgba(var(--gold), 0.32);
    background: linear-gradient(90deg, rgba(var(--gold), 0.10), rgba(255, 255, 255, 0.04));
}
.topitem--silver {
    border-color: rgba(var(--silver), 0.28);
    background: linear-gradient(90deg, rgba(var(--silver), 0.10), rgba(255, 255, 255, 0.04));
}
.topitem--bronze {
    border-color: rgba(var(--bronze), 0.28);
    background: linear-gradient(90deg, rgba(var(--bronze), 0.10), rgba(255, 255, 255, 0.04));
}
.topitem--gold .rank-badge {
    border-color: rgba(var(--gold), 0.55);
    box-shadow: 0 0 0 4px rgba(var(--gold), 0.10) inset, 0 10px 24px rgba(0, 0, 0, 0.30);
}
.topitem--silver .rank-badge {
    border-color: rgba(var(--silver), 0.55);
    box-shadow: 0 0 0 4px rgba(var(--silver), 0.10) inset, 0 10px 24px rgba(0, 0, 0, 0.30);
}
.topitem--bronze .rank-badge {
    border-color: rgba(var(--bronze), 0.55);
    box-shadow: 0 0 0 4px rgba(var(--bronze), 0.10) inset, 0 10px 24px rgba(0, 0, 0, 0.30);
}
/* Адаптация под мобилки */
@media (max-width: 520px) {
    .topboard {
        padding: 14px;
        border-radius: 16px;
    }
    .topitem {
        grid-template-columns: 44px 1fr;
        grid-template-areas: "rank main" "rank score";
        align-items: start;
        gap: 10px;
    }
    .topitem__rank {
        grid-area: rank;
    }
    .topitem__main {
        grid-area: main;
    }
    .topitem__score {
        grid-area: score;
        justify-self: start;
        text-align: left;
    }
    .rank-badge {
        width: 32px;
        height: 32px; }
}
#panel-blocks{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}
@media (max-width: 770px) {
    #panel-blocks{
        flex-direction: column;
    }
    .topboard{
        width: auto;
    }
}
