/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body {
    margin: 0px;
    overflow: hidden;
}

.v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1;
}

.fullscreen-open {
    background-image: url('media/fullscreen_open.svg');
}

.fullscreen-close {
    background-image: url('media/fullscreen_close.svg');
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.preloader {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    animation: loader-circles 1s linear infinite;
    top: 50%;
    margin: -8px auto 0 auto;
}

@keyframes loader-circles {
0% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.05), 19px -19px 0 0 rgba(255, 255, 255, 0.1), 27px 0 0 0 rgba(255, 255, 255, 0.2), 19px 19px 0 0 rgba(255, 255, 255, 0.3), 0 27px 0 0 rgba(255, 255, 255, 0.4), -19px 19px 0 0 rgba(255, 255, 255, 0.6), -27px 0 0 0 rgba(255, 255, 255, 0.8), -19px -19px 0 0 #ffffff;
}

12.5% {
    box-shadow: 0 -27px 0 0 #ffffff, 19px -19px 0 0 rgba(255, 255, 255, 0.05), 27px 0 0 0 rgba(255, 255, 255, 0.1), 19px 19px 0 0 rgba(255, 255, 255, 0.2), 0 27px 0 0 rgba(255, 255, 255, 0.3), -19px 19px 0 0 rgba(255, 255, 255, 0.4), -27px 0 0 0 rgba(255, 255, 255, 0.6), -19px -19px 0 0 rgba(255, 255, 255, 0.8);
}
25% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.8), 19px -19px 0 0 #ffffff, 27px 0 0 0 rgba(255, 255, 255, 0.05), 19px 19px 0 0 rgba(255, 255, 255, 0.1), 0 27px 0 0 rgba(255, 255, 255, 0.2), -19px 19px 0 0 rgba(255, 255, 255, 0.3), -27px 0 0 0 rgba(255, 255, 255, 0.4), -19px -19px 0 0 rgba(255, 255, 255, 0.6);
}
37.5% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.6), 19px -19px 0 0 rgba(255, 255, 255, 0.8), 27px 0 0 0 #ffffff, 19px 19px 0 0 rgba(255, 255, 255, 0.05), 0 27px 0 0 rgba(255, 255, 255, 0.1), -19px 19px 0 0 rgba(255, 255, 255, 0.2), -27px 0 0 0 rgba(255, 255, 255, 0.3), -19px -19px 0 0 rgba(255, 255, 255, 0.4);
}
50% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.4), 19px -19px 0 0 rgba(255, 255, 255, 0.6), 27px 0 0 0 rgba(255, 255, 255, 0.8), 19px 19px 0 0 #ffffff, 0 27px 0 0 rgba(255, 255, 255, 0.05), -19px 19px 0 0 rgba(255, 255, 255, 0.1), -27px 0 0 0 rgba(255, 255, 255, 0.2), -19px -19px 0 0 rgba(255, 255, 255, 0.3);
}
62.5% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.3), 19px -19px 0 0 rgba(255, 255, 255, 0.4), 27px 0 0 0 rgba(255, 255, 255, 0.6), 19px 19px 0 0 rgba(255, 255, 255, 0.8), 0 27px 0 0 #ffffff, -19px 19px 0 0 rgba(255, 255, 255, 0.05), -27px 0 0 0 rgba(255, 255, 255, 0.1), -19px -19px 0 0 rgba(255, 255, 255, 0.2);
}
75% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.2), 19px -19px 0 0 rgba(255, 255, 255, 0.3), 27px 0 0 0 rgba(255, 255, 255, 0.4), 19px 19px 0 0 rgba(255, 255, 255, 0.6), 0 27px 0 0 rgba(255, 255, 255, 0.8), -19px 19px 0 0 #ffffff, -27px 0 0 0 rgba(255, 255, 255, 0.05), -19px -19px 0 0 rgba(255, 255, 255, 0.1);
}
87.5% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.1), 19px -19px 0 0 rgba(255, 255, 255, 0.2), 27px 0 0 0 rgba(255, 255, 255, 0.3), 19px 19px 0 0 rgba(255, 255, 255, 0.4), 0 27px 0 0 rgba(255, 255, 255, 0.6), -19px 19px 0 0 rgba(255, 255, 255, 0.8), -27px 0 0 0 #ffffff, -19px -19px 0 0 rgba(255, 255, 255, 0.05);
}
100% {
    box-shadow: 0 -27px 0 0 rgba(255, 255, 255, 0.05), 19px -19px 0 0 rgba(255, 255, 255, 0.1), 27px 0 0 0 rgba(255, 255, 255, 0.2), 19px 19px 0 0 rgba(255, 255, 255, 0.3), 0 27px 0 0 rgba(255, 255, 255, 0.4), -19px 19px 0 0 rgba(255, 255, 255, 0.6), -27px 0 0 0 rgba(255, 255, 255, 0.8), -19px -19px 0 0 #ffffff;
}
}