/*!
 * @deveodk/vue-animate v1.0.1
 * (c) 2017 Jason Kelly
 * Released under the MIT License.
 */


.canvas[data-v-01fb12ab] {
    width: 100% !important;
    height: 100% !important;
}

.canvas[data-v-cf4db1dc] {
    width: 100% !important;
    height: 100% !important;
}

.ring[data-v-00ef07c5] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -325px;
}
.ring[data-v-00ef07c5]::after,
.ring[data-v-00ef07c5]::before {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
}
.ring[data-v-00ef07c5]::after {
    -webkit-animation: clockwise-data-v-00ef07c5 15s linear infinite;
    animation: clockwise-data-v-00ef07c5 15s linear infinite;
    box-shadow: inset 0 33.33333px 0 rgba(158, 4, 184, .7), inset 33.33333px 0 0 rgba(216, 14, 250, .7), inset -33.33333px 0 rgba(232, 114, 252, .7), inset -33.33333px 0 0 rgba(244, 189, 254, .7);
}
.ring.mobile[data-v-00ef07c5]::after {
    box-shadow: inset 0 15px 0 rgba(158, 4, 184, .7), inset 15px 0 0 rgba(216, 14, 250, .7), inset -15px 0 rgba(232, 114, 252, .7), inset -15px 0 0 rgba(244, 189, 254, .7);
}
.ring[data-v-00ef07c5]::before {
    -webkit-animation: counterclockwise-data-v-00ef07c5 15s linear infinite;
    animation: counterclockwise-data-v-00ef07c5 15s linear infinite;
    box-shadow: inset 0 33.33333px 0 rgba(50, 0, 159, .7), inset 33.33333px 0 0 rgba(73, 0, 235, .7), inset -33.33333px 0 rgba(136, 82, 255, .7), inset -33.33333px 0 0 rgba(189, 159, 255, .7);
}
.ring.mobile[data-v-00ef07c5]::before {
    box-shadow: inset 0 15px 0 rgba(50, 0, 159, .7), inset 15px 0 0 rgba(73, 0, 235, .7), inset -15px 0 rgba(136, 82, 255, .7), inset -15px 0 0 rgba(189, 159, 255, .7);
}
@-webkit-keyframes clockwise {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
}
100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
}
}
@keyframes clockwise-data-v-00ef07c5 {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
        transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
}
100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
        transform: rotateZ(360deg) scaleX(1) scaleY(1);
}
}
@-webkit-keyframes counterclockwise {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
}
100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
}
}
@keyframes counterclockwise-data-v-00ef07c5 {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
        transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
}
100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
        transform: rotateZ(-360deg) scaleX(1) scaleY(1);
}
}


.ring[data-v-2690a0a8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 600px;
    margin-top: -300px;
    margin-left: -325px;
}
.ring[data-v-2690a0a8]::after,
.ring[data-v-2690a0a8]::before {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
}
.ring[data-v-2690a0a8]::after {
    -webkit-animation: clockwise-data-v-2690a0a8 10s linear infinite;
    animation: clockwise-data-v-2690a0a8 10s linear infinite;
    box-shadow: inset 0 33.33333px 0 rgba(0, 228, 173, .7), inset 33.33333px 0 0 rgba(49, 255, 206, .7), inset -33.33333px 0 rgba(151, 255, 230, .7), inset -33.33333px 0 0 rgba(228, 255, 248, .7);
}
.ring[data-v-2690a0a8]::before {
    -webkit-animation: counterclockwise-data-v-2690a0a8 10s linear infinite;
    animation: counterclockwise-data-v-2690a0a8 10s linear infinite;
    box-shadow: inset 0 33.33333px 0 rgba(1, 27, 174, .7), inset 33.33333px 0 0 rgba(1, 39, 250, .7), inset -33.33333px 0 rgba(99, 122, 254, .7), inset -33.33333px 0 0 rgba(175, 187, 255, .7);
}
@-webkit-keyframes clockwise {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
}
100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
}
}
@keyframes clockwise-data-v-2690a0a8 {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
        transform: rotateZ(180deg) scaleX(0.87) scaleY(0.95);
}
100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
        transform: rotateZ(360deg) scaleX(1) scaleY(1);
}
}
@-webkit-keyframes counterclockwise {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
}
100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
}
}
@keyframes counterclockwise-data-v-2690a0a8 {
0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
}
50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
        transform: rotateZ(-180deg) scaleX(0.98) scaleY(0.89);
}
100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
        transform: rotateZ(-360deg) scaleX(1) scaleY(1);
}
}