@import url("./asvg_vars.css");
@media screen and (max-height: 1024px) and (orientation: portrait)
{
    :root
    {
        --width_asvg: 25rem;
    }
}
.asvg
{
    position: var(--position_asvg);
    box-sizing: border-box;
    padding: var(--padding_asvg);
    top: var(--top_asvg);
    margin: var(--margin_asvg);
    z-index: 100;
    width: var(--width_asvg);
    left: var(--left_asvg);
    right: var(--right_asvg);

}

#asvg1
{
    animation: fill 0.5s ease forwards 2.5s;
}

#asvg1 path:nth-child(1n+0)
, #path19
{
    stroke-dasharray: 753px;
    stroke-dashoffset: 753px;
    animation: line-anim 3.5s ease forwards;
}

#asvg1 path:nth-child(2n+0)
{
    stroke-dasharray: 732px;
    stroke-dashoffset: 732px;
    animation: line-anim 3.5s ease forwards 0.3s;

}

#asvg1 path:nth-child(3n+0)
{
    stroke-dasharray: 733px;
    stroke-dashoffset: 733px;
    animation: line-anim 3.5s ease forwards 0.6s;

}

#asvg1 path:nth-child(4n+0)
{
    stroke-dasharray: 764px;
    stroke-dashoffset: 764px;
    animation: line-anim 3.5s ease forwards 0.9s;

}

@keyframes line-anim
{
    to
    {
        stroke-dashoffset: 0;
    }
}

@keyframes fill
{
from
{
    fill: transparent;
}
to
{
    fill:#686762;


}
}