.splashscreen
{
    z-index: 8000;
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
}
.splashscreen:before, .splashscreen:after
{
    content: "";
}
.splashscreen:before, .splashscreen:after, .splashscreen__icon
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--logo);
    width: 250px;
    height: 100px;
    position: absolute;
}
.splashscreen:before
{
    animation: 2.5s infinite glitch3;
}
.splashscreen:after
{
    filter: invert();
    animation: 2.5s infinite glitch2;
}
.splashscreen__icon
{
    z-index: 3;
    animation: 2.5s infinite glitch1;
}
.loaded .splashscreen
{
    opacity: 0;
    width: 0;
    height: 0;
}
.loaded .splashscreen__icon, .loaded .splashscreen:before, .loaded .splashscreen:after
{
    animation: none;
    display: none;
}
@keyframes glitch1
{
    0%
    {
        opacity: 1;
        transform: none;
    }
    7%
    {
        opacity: .75;
        transform: skew(-.5deg,-.9deg);
    }
    10%
    {
        opacity: 1;
        transform: none;
    }
    27%
    {
        opacity: 1;
        transform: none;
    }
    30%
    {
        opacity: .75;
        transform: skew(.8deg,-.1deg);
    }
    35%
    {
        opacity: 1;
        transform: none;
    }
    52%
    {
        opacity: 1;
        transform: none;
    }
    55%
    {
        opacity: .75;
        transform: skew(-1deg,.2deg);
    }
    50%
    {
        opacity: 1;
        transform: none;
    }
    72%
    {
        opacity: 1;
        transform: none;
    }
    75%
    {
        opacity: .75;
        transform: skew(.4deg,1deg);
    }
    80%
    {
        opacity: 1;
        transform: none;
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes glitch2
{
    0%
    {
        opacity: .25;
        transform: none;
    }
    7%
    {
        opacity: .5;
        transform: translate(-2px,-3px);
    }
    10%
    {
        opacity: .25;
        transform: none;
    }
    27%
    {
        opacity: .25;
        transform: none;
    }
    30%
    {
        opacity: .5;
        transform: translate(-5px,-2px);
    }
    35%
    {
        opacity: .25;
        transform: none;
    }
    52%
    {
        opacity: .25;
        transform: none;
    }
    55%
    {
        opacity: .5;
        transform: translate(-5px,-1px);
    }
    50%
    {
        opacity: .25;
        transform: none;
    }
    72%
    {
        opacity: .25;
        transform: none;
    }
    75%
    {
        opacity: .5;
        transform: translate(-2px,-6px);
    }
    80%
    {
        opacity: .25;
        transform: none;
    }
    to
    {
        opacity: .25;
        transform: none;
    }
}
@keyframes glitch3
{
    0%
    {
        opacity: .25;
        transform: none;
    }
    7%
    {
        opacity: .5;
        transform: translate(2px,3px);
    }
    10%
    {
        opacity: .25;
        transform: none;
    }
    27%
    {
        opacity: .25;
        transform: none;
    }
    30%
    {
        opacity: .5;
        transform: translate(5px,2px);
    }
    35%
    {
        opacity: .25;
        transform: none;
    }
    52%
    {
        opacity: .25;
        transform: none;
    }
    55%
    {
        opacity: .5;
        transform: translate(5px,1px);
    }
    50%
    {
        opacity: .25;
        transform: none;
    }
    72%
    {
        opacity: .25;
        transform: none;
    }
    75%
    {
        opacity: .5;
        transform: translate(2px,6px);
    }
    80%
    {
        opacity: .25;
        transform: none;
    }
    to
    {
        opacity: .25;
        transform: none;
    }
}/*# sourceMappingURL=index.56a1f483.css.map */