/***************************************************
 * Generated by SVG Artista on 4/29/2025, 6:17:46 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(15px);
}

.loader-wrap.hidden {
    display: none;
}

.loader svg {
    width: 232px;
    height: auto;
}

.loader svg .svg-elem-1 {
    stroke: #06F0F6; /* Добавляем обводку */
    stroke-dashoffset: 210.72079467773438px;
    stroke-dasharray: 210.72079467773438px;
    fill: transparent;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.loader svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(6, 240, 246);
}

.loader svg .svg-elem-2 {
    stroke: #EC29FC; /* Добавляем обводку */
    stroke-dashoffset: 654.69287109375px;
    stroke-dasharray: 654.69287109375px;
    fill: transparent;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.loader svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(236, 41, 252);
}

.loader svg .svg-elem-3 {
    stroke: #F473FF; /* Добавляем обводку */
    stroke-dashoffset: 654.69287109375px;
    stroke-dasharray: 654.69287109375px;
    fill: transparent;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.loader svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(244, 115, 255);
}

.loader svg .svg-elem-4 {
    stroke: #06F0F6; /* Добавляем обводку */
    stroke-dashoffset: 215.49472045898438px;
    stroke-dasharray: 215.49472045898438px;
    fill: transparent;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.loader svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(6, 240, 246);
    stroke-width: 0px;
}

.loader svg .svg-elem-5 {
    stroke: #06F0F6; /* Уже есть stroke в SVG, но подтверждаем */
    stroke-dashoffset: 54.01527786254883px;
    stroke-dasharray: 54.01527786254883px;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

.loader svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
}

.loader svg .svg-elem-6 {
    stroke: #06F0F6; /* Уже есть stroke в SVG, но подтверждаем */
    stroke-dashoffset: 54.01527786254883px;
    stroke-dasharray: 54.01527786254883px;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

.loader svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
}