<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    overflow: hidden;
    z-index: 100;
    animation: disappear 3s forwards;
}

#camecc {
    max-width: 70%;
    margin: 0 auto;
    stroke: #000;
    fill: #000;
}

#logo_1 {
    --d: 233;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
}

#logo_2 {
    --d: 211;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
}

#logo_3 {
    --d: 260;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
}

#logo_4 {
    --d: 185;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
}

#logo_5 {
    --d: 213;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
    stroke: red;
    fill: red;
}

#logo_6 {
    --d: 147;
    stroke-dasharray: var(--d);
    animation: 3s fillSvg linear;
}

@keyframes fillSvg {
    0% {
        stroke-dashoffset: var(--d);
        fill-opacity: 0;
    }
    70% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }
    100% {
        fill-opacity: 1;
    }
}

@keyframes disappear {
    0% {
        display: flex;
    }
    90% {
        opacity: 1;
        display: flex;
    }
    100% {
        opacity: 0;
        display: none;
    }
}</pre></body></html>