/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/components/style.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/

.smartmine-name {
    font-weight: bold;
    font-size: 12pt;
    display: block;
    text-align: center;
    color: white;
    opacity: 0.6;
}

.smartmine-truck-circle {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    /*display: flex;*/
    border: 7px groove white;
    opacity: 0.7;
    position: absolute;
    top: -15px;
    left: -20px;
}

.smartmine-point img {
    opacity: 0.8;
    width: 15px !important;
    height: 15px !important;
    z-index: 10!important;
}

.smartmine-point {
    z-index: 10!important;
}

.smartmine-point[_connected='true'] img {
    border: 5px groove green;
    border-radius: 30px;
    /*margin: 15px;*/
    width: 30px !important;
    height: 30px !important;
    /*padding: 15px;*/
}

.smartmine-cross img {
    opacity: 0.7;
    width: 55px !important;
    height: 55px !important;
    filter: invert();
}

.smartmine-truck {
    z-index: 10000 !important;
}

.smartmine-excavator {
    z-index: 1000 !important;
}

.smartmine-info {
    color: darkblue;
    font-size: 20pt;
    font-weight: bold;
}

.smartmine-excavator[_start='true'] img {
    animation: rotate-animation 15s infinite linear;
}

.smartmine-crusher[_start='true'] img {
    animation: rotate-shake 0.5s infinite linear;
}

.smartmine-truck > img {
    transform: rotateY(180deg);
}

.smartmine-truck[_orientation='left'] img {
    transform: rotateY(0deg);
    /*rotate: 45deg;*/
}

@keyframes rotate-animation {
    0% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(30deg);
    }
    100% {
        transform: rotate(-20deg);
    }
}

@keyframes rotate-shake {
    0% {
        transform: rotate(-2deg);
    }
    25% {
        transform: rotate(4deg);
    }
    50% {
        transform: rotate(-1deg);
    }
    75% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}