.socket {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;
    opacity: 0
}

@media screen and (max-width: 424px) {
    .socket {
        top:0;
        margin-top: 0
    }
}

.socket.show {
    opacity: 1
}

.hex-brick {
    background: var(--e-global-color-primary);
    width: 30px;
    height: 17px;
    position: absolute;
    top: 5px;
    animation-name: fade00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-name: fade00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite
}

.h2 {
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg)
}

.h3 {
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg)
}

.gel {
    height: 30px;
    width: 30px;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%
}

.center-gel {
    margin-left: -15px;
    margin-top: -15px;
    animation-name: pulse00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite
}

.c1 {
    margin-left: -47px;
    margin-top: -15px
}

.c2 {
    margin-left: -31px;
    margin-top: -43px
}

.c3 {
    margin-left: 1px;
    margin-top: -43px
}

.c4 {
    margin-left: 17px;
    margin-top: -15px
}

.c5 {
    margin-left: -31px;
    margin-top: 13px
}

.c6 {
    margin-left: 1px;
    margin-top: 13px
}

.c7 {
    margin-left: -63px;
    margin-top: -43px
}

.c8 {
    margin-left: 33px;
    margin-top: -43px
}

.c9 {
    margin-left: -15px;
    margin-top: 41px
}

.c10 {
    margin-left: -63px;
    margin-top: 13px
}

.c11 {
    margin-left: 33px;
    margin-top: 13px
}

.c12 {
    margin-left: -15px;
    margin-top: -71px
}

.c13 {
    margin-left: -47px;
    margin-top: -71px
}

.c14 {
    margin-left: 17px;
    margin-top: -71px
}

.c15 {
    margin-left: -47px;
    margin-top: 41px
}

.c16 {
    margin-left: 17px;
    margin-top: 41px
}

.c17 {
    margin-left: -79px;
    margin-top: -15px
}

.c18 {
    margin-left: 49px;
    margin-top: -15px
}

.c19 {
    margin-left: -63px;
    margin-top: -99px
}

.c20 {
    margin-left: 33px;
    margin-top: -99px
}

.c21 {
    margin-left: 1px;
    margin-top: -99px
}

.c22 {
    margin-left: -31px;
    margin-top: -99px
}

.c23 {
    margin-left: -63px;
    margin-top: 69px
}

.c24 {
    margin-left: 33px;
    margin-top: 69px
}

.c25 {
    margin-left: 1px;
    margin-top: 69px
}

.c26 {
    margin-left: -31px;
    margin-top: 69px
}

.c27 {
    margin-left: -79px;
    margin-top: -15px
}

.c28 {
    margin-left: -95px;
    margin-top: -43px
}

.c29 {
    margin-left: -95px;
    margin-top: 13px
}

.c30 {
    margin-left: 49px;
    margin-top: 41px
}

.c31 {
    margin-left: -79px;
    margin-top: -71px
}

.c32 {
    margin-left: -111px;
    margin-top: -15px
}

.c33 {
    margin-left: 65px;
    margin-top: -43px
}

.c34 {
    margin-left: 65px;
    margin-top: 13px
}

.c35 {
    margin-left: -79px;
    margin-top: 41px
}

.c36 {
    margin-left: 49px;
    margin-top: -71px
}

.c37 {
    margin-left: 81px;
    margin-top: -15px
}

.r1 {
    animation-name: pulse00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .2s;
    -webkit-animation-name: pulse00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .2s
}

.r2 {
    animation-name: pulse00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .4s;
    -webkit-animation-name: pulse00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .4s
}

.r3 {
    animation-name: pulse00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .6s;
    -webkit-animation-name: pulse00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .6s
}

.r1>.hex-brick {
    animation-name: fade00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .2s;
    -webkit-animation-name: fade00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .2s
}

.r2>.hex-brick {
    animation-name: fade00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .4s;
    -webkit-animation-name: fade00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .4s
}

.r3>.hex-brick {
    animation-name: fade00;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .6s;
    -webkit-animation-name: fade00;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: .6s
}

@-webkit-keyframes pulse00 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse00 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade00 {
    0% {
        background: var(--e-global-color-primary)
    }

    50% {
        background: var(--e-global-color-primary)
    }

    100% {
        background: var(--e-global-color-primary)
    }
}

@keyframes fade00 {
    0% {
        background: var(--e-global-color-primary)
    }

    50% {
        background: var(--e-global-color-primary)
    }

    100% {
        background: var(--e-global-color-primary)
    }
}

/*# sourceMappingURL=loader.css.map */