.voxelcss-scene {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    cursor: move;
    & .zoom, & .camera {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        overflow: visible;
        transform-style: preserve-3d;
    }
}
.voxelcss-cube {
    position: absolute;
    transform-style: preserve-3d;
    &:hover {
        & img {
            visibility: hidden !important;
        }
        & .voxelcss-face {
            background: rgba(0, 0, 0, 0.3) !important;
            & .shader {
                opacity: 0 !important;
            }
        }
    }
    & .animated-up,
    & .animated-down {
        transform-style: preserve-3d;
    }
    & .animated-up {
        animation: fallup 1000ms linear both;
    }
    & .animated-down {
        animation: falldown 1000ms linear both;
    }
}
.voxelcss-face {
    display: block;
    position: absolute;
    outline: none;
    border: none;
    margin-left: -18px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    & img {
        width: 100%;
        height: 100%;
        &.colored {
            visibility: hidden;
        }
    }
    & .shader {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        opacity: 0;
    }
}