.contentIframeClass {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
}

.dummyIFrameClass {
    display: none;
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 15px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 30px;
    visibility: hidden;
}

.green-button {
    position: absolute;
    bottom: 10px;
    background-color: #6e9b4c;
    color: #fff;
    border-radius: 10px;
    padding: 3px 10px;
    display: flex;
    width: calc(100% - 8px);
    left: 8px;
    align-items: center;
    gap: 1rem;
    font-size: 12px;
}

.green-button:hover,
.green-button:focus,
.green-button:active {
    color: #fff;
}

.green-button img {
    width: 16px;
}

@media (min-width: 1200px) {
    .green-button {
        padding: 7px 10px;
        font-size: 16px;
    }

    .green-button img {
        width: 24px;
    }
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

@-webkit-keyframes _idGenKeyFrames-0 {
    0% {
        -webkit-transform: rotate(35deg);
    }

    100% {
        -webkit-transform: rotate(395deg);
    }
}

@keyframes _idGenKeyFrames-0 {
    0% {
        transform: rotate(35deg);
    }

    100% {
        transform: rotate(395deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-1 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes _idGenKeyFrames-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-2 {
    0% {
        -webkit-transform: rotate(30deg);
    }

    100% {
        -webkit-transform: rotate(390deg);
    }
}

@keyframes _idGenKeyFrames-2 {
    0% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(390deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-3 {
    0% {
        -webkit-transform: rotate(308deg);
    }

    100% {
        -webkit-transform: rotate(668deg);
    }
}

@keyframes _idGenKeyFrames-3 {
    0% {
        transform: rotate(308deg);
    }

    100% {
        transform: rotate(668deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-4 {
    0% {
        -webkit-transform: rotate(308deg);
    }

    100% {
        -webkit-transform: rotate(668deg);
    }
}

@keyframes _idGenKeyFrames-4 {
    0% {
        transform: rotate(308deg);
    }

    100% {
        transform: rotate(668deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-5 {
    0% {
        -webkit-transform: rotate(352deg);
    }

    100% {
        -webkit-transform: rotate(712deg);
    }
}

@keyframes _idGenKeyFrames-5 {
    0% {
        transform: rotate(352deg);
    }

    100% {
        transform: rotate(712deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-6 {
    0% {
        -webkit-transform: rotate(342deg);
    }

    100% {
        -webkit-transform: rotate(702deg);
    }
}

@keyframes _idGenKeyFrames-6 {
    0% {
        transform: rotate(342deg);
    }

    100% {
        transform: rotate(702deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-7 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-7 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-8 {
    0% {
        -webkit-transform: rotate(308deg);
    }

    100% {
        -webkit-transform: rotate(668deg);
    }
}

@keyframes _idGenKeyFrames-8 {
    0% {
        transform: rotate(308deg);
    }

    100% {
        transform: rotate(668deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-9 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-9 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-10 {
    0% {
        -webkit-transform: rotate(342deg);
    }

    100% {
        -webkit-transform: rotate(702deg);
    }
}

@keyframes _idGenKeyFrames-10 {
    0% {
        transform: rotate(342deg);
    }

    100% {
        transform: rotate(702deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-11 {
    0% {
        -webkit-transform: rotate(352deg);
    }

    100% {
        -webkit-transform: rotate(712deg);
    }
}

@keyframes _idGenKeyFrames-11 {
    0% {
        transform: rotate(352deg);
    }

    100% {
        transform: rotate(712deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-12 {
    0% {
        -webkit-transform: rotate(308deg);
    }

    100% {
        -webkit-transform: rotate(668deg);
    }
}

@keyframes _idGenKeyFrames-12 {
    0% {
        transform: rotate(308deg);
    }

    100% {
        transform: rotate(668deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-13 {
    0% {
        -webkit-transform: rotate(30deg);
    }

    100% {
        -webkit-transform: rotate(390deg);
    }
}

@keyframes _idGenKeyFrames-13 {
    0% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(390deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-14 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-14 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-15 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-15 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-16 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-16 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-17 {
    0% {
        -webkit-transform: rotate(342deg);
    }

    100% {
        -webkit-transform: rotate(702deg);
    }
}

@keyframes _idGenKeyFrames-17 {
    0% {
        transform: rotate(342deg);
    }

    100% {
        transform: rotate(702deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-18 {
    0% {
        -webkit-transform: rotate(342deg);
    }

    100% {
        -webkit-transform: rotate(702deg);
    }
}

@keyframes _idGenKeyFrames-18 {
    0% {
        transform: rotate(342deg);
    }

    100% {
        transform: rotate(702deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-19 {
    0% {
        -webkit-transform: rotate(352deg);
    }

    100% {
        -webkit-transform: rotate(712deg);
    }
}

@keyframes _idGenKeyFrames-19 {
    0% {
        transform: rotate(352deg);
    }

    100% {
        transform: rotate(712deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-20 {
    0% {
        -webkit-transform: rotate(308deg);
    }

    100% {
        -webkit-transform: rotate(668deg);
    }
}

@keyframes _idGenKeyFrames-20 {
    0% {
        transform: rotate(308deg);
    }

    100% {
        transform: rotate(668deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-21 {
    0% {
        -webkit-transform: rotate(30deg);
    }

    100% {
        -webkit-transform: rotate(390deg);
    }
}

@keyframes _idGenKeyFrames-21 {
    0% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(390deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-22 {
    0% {
        -webkit-transform: rotate(80deg);
    }

    100% {
        -webkit-transform: rotate(440deg);
    }
}

@keyframes _idGenKeyFrames-22 {
    0% {
        transform: rotate(80deg);
    }

    100% {
        transform: rotate(440deg);
    }
}

@-webkit-keyframes _idGenKeyFrames-23 {
    0% {
        -webkit-transform: rotate(352deg);
    }

    100% {
        -webkit-transform: rotate(712deg);
    }
}

@keyframes _idGenKeyFrames-23 {
    0% {
        transform: rotate(352deg);
    }

    100% {
        transform: rotate(712deg);
    }
}

@font-face {
    font-family: "Minion Pro";
    font-style: normal;
    font-weight: normal;
    src: url("../../font/MinionPro-Regular.otf");
}

body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
blockquote,
figure {
    margin: 0;
    padding: 0;
    border-width: 0;
    text-rendering: optimizeSpeed;
}

div>svg {
    position: absolute;
}

div.Basic-Graphics-Frame {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
}

#_idContainer000,
#_idContainer001,
#_idContainer002,
#_idContainer003,
#_idContainer004,
#_idContainer005,
#_idContainer006,
#_idContainer007,
#_idContainer008,
#_idContainer009,
#_idContainer010,
#_idContainer011,
#_idContainer012,
#_idContainer013,
#_idContainer014,
#_idContainer015,
#_idContainer016,
#_idContainer017,
#_idContainer186 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 100%;
    left: 0%;
    position: absolute;
    top: 0%;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 100%;
}

.windmill-group {
    position: absolute;
    pointer-events: none;
}

.windmill-pole {
    height: 23.95px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.92px;
}

.windmill-blades {
    height: 29px;
    left: -13px;
    position: absolute;
    top: -15px;
    width: 29px;
}

.windmill-blade-1 {
    -ms-transform: translate(14.069px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(14.069px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 13.44px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(14.069px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    width: 1.85px;
}

.windmill-blade-2 {
    -ms-transform: translate(1.659px, 14.910px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1.659px, 14.910px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 7.27px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1.659px, 14.910px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    width: 11.83px;
}

.windmill-blade-3 {
    -ms-transform: translate(15.458px, 15.006px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(15.458px, 15.006px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 7.13px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(15.458px, 15.006px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    width: 11.70px;
}

#_idContainer187,
#_idContainer191,
#_idContainer195,
#_idContainer201,
#_idContainer205,
#_idContainer209,
#_idContainer213,
#_idContainer217,
#_idContainer221,
#_idContainer225,
#_idContainer229,
#_idContainer233,
#_idContainer237,
#_idContainer241,
#_idContainer245 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer188 {
    -ms-transform: translate(427.250px, 172.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(427.250px, 172.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(427.250px, 172.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(427.250px, 172.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer189 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 144.50px;
}

#_idContainer190 {
    -ms-transform: translate(392.500px, 251.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(392.500px, 251.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(392.500px, 251.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(392.500px, 251.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 144.50px;
}

#_idContainer192 {
    -ms-transform: translate(1085.000px, 259.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1085.000px, 259.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1085.000px, 259.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1085.000px, 259.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer193 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 138.50px;
}

#_idContainer194 {
    -ms-transform: translate(1053.250px, 338.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1053.250px, 338.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1053.250px, 338.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1053.250px, 338.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 138.50px;
}

#_idContainer196 {
    -ms-transform: translate(45.250px, 720.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(45.250px, 720.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(45.250px, 720.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(45.250px, 720.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer197,
#_idContainer243 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 138.50px;
}

#_idContainer198 {
    -ms-transform: translate(13.500px, 798.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(13.500px, 798.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(13.500px, 798.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(13.500px, 798.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 138.50px;
}

#_idContainer199 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 76.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 77.00px;
}

#_idContainer200 {
    -ms-transform: translate(1427.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1427.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 76.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1427.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1427.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 77.00px;
}

#_idContainer202 {
    -ms-transform: translate(783.250px, 274.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(783.250px, 274.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(783.250px, 274.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(783.250px, 274.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer203,
#_idContainer231 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 41.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer204 {
    -ms-transform: translate(750.500px, 354.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(750.500px, 354.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 41.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(750.500px, 354.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(750.500px, 354.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer206 {
    -ms-transform: translate(1246.875px, 323.624px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1246.875px, 323.624px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1246.875px, 323.624px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1246.875px, 323.624px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer207,
#_idContainer227 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer208 {
    -ms-transform: translate(1214.375px, 402.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1214.375px, 402.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1214.375px, 402.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1214.375px, 402.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer210 {
    -ms-transform: translate(720.250px, 126.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(720.250px, 126.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(720.250px, 126.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(720.250px, 126.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer211 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer212 {
    -ms-transform: translate(687.000px, 206.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(687.000px, 206.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(687.000px, 206.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(687.000px, 206.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer214 {
    -ms-transform: translate(553.250px, 301.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(553.250px, 301.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(553.250px, 301.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(553.250px, 301.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer215 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer216 {
    -ms-transform: translate(520.000px, 380.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(520.000px, 380.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(520.000px, 380.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(520.000px, 380.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer218 {
    -ms-transform: translate(178.750px, 26.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(178.750px, 26.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(178.750px, 26.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(178.750px, 26.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer219 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 137.50px;
}

#_idContainer220 {
    -ms-transform: translate(147.500px, 106.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(147.500px, 106.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(147.500px, 106.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(147.500px, 106.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 137.50px;
}

#_idContainer222 {
    -ms-transform: translate(308.250px, 545.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(308.250px, 545.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(308.250px, 545.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(308.250px, 545.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer223,
#_idContainer247 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer224 {
    -ms-transform: translate(275.500px, 624.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(275.500px, 624.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(275.500px, 624.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(275.500px, 624.999px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer226 {
    -ms-transform: translate(469.250px, 461.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(469.250px, 461.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(469.250px, 461.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(469.250px, 461.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer228 {
    -ms-transform: translate(436.000px, 543.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(436.000px, 543.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(436.000px, 543.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(436.000px, 543.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.00px;
}

#_idContainer230 {
    -ms-transform: translate(831.250px, 525.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(831.250px, 525.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(831.250px, 525.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(831.250px, 525.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer232 {
    -ms-transform: translate(798.500px, 603.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(798.500px, 603.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 41.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(798.500px, 603.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(798.500px, 603.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer234 {
    -ms-transform: translate(364.250px, 828.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(364.250px, 828.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(364.250px, 828.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(364.250px, 828.250px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer235 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 137.50px;
}

#_idContainer236 {
    -ms-transform: translate(333.000px, 908.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(333.000px, 908.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(333.000px, 908.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(333.000px, 908.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 137.50px;
}

#_idContainer238 {
    -ms-transform: translate(35.250px, 339.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(35.250px, 339.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(35.250px, 339.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(35.250px, 339.750px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer239 {
    -ms-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(0.000px, 0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer240 {
    -ms-transform: translate(2.500px, 420.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(2.500px, 420.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 38.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(2.500px, 420.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(2.500px, 420.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

#_idContainer242 {
    -ms-transform: translate(927.250px, 392.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(927.250px, 392.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(927.250px, 392.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(927.250px, 392.749px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer244 {
    -ms-transform: translate(895.500px, 471.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(895.500px, 471.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.75px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(895.500px, 471.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(895.500px, 471.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 138.50px;
}

#_idContainer246 {
    -ms-transform: translate(1085.000px, 675.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1085.000px, 675.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 75.00px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1085.000px, 675.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1085.000px, 675.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 75.00px;
}

#_idContainer248 {
    -ms-transform: translate(1052.250px, 754.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: translate(1052.250px, 754.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    -webkit-transform-origin: 0% 0%;
    height: 39.50px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translate(1052.250px, 754.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform: translate(1052.250px, 754.500px) rotate(0.000deg) skew(0.000deg) scale(1.000, 1.000);
    transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 140.50px;
}

img._idGenObjectAttribute-1 {
    height: 100.00%;
    min-width: 100%;
    width: 100.00%;
}

img._idGenObjectAttribute-2 {
    left: 0px;
    position: absolute;
    top: 0px;
}

div._idGenObjectStyle-Disabled {
    background-color: transparent;
    border-width: 0px;
}

div._idGenPlayAnimation-1 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 4.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-0;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 4.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-0;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-2 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-1;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-1;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-3 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-2;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-2;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-4 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 3.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-3;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 3.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-3;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-5 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-4;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-4;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-6 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-5;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-5;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-7 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-6;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-6;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-8 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 4.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-7;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 4.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-7;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-9 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-8;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-8;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-10 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-9;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-9;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-11 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 4.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-10;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 4.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-10;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-12 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-11;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-11;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-13 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-12;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-12;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-14 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-13;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-13;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-15 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-14;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-14;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-16 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 4.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-15;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 4.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-15;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-17 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-16;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-16;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-18 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-17;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-17;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-19 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-18;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-18;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-20 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-19;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-19;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-21 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 4.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-20;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 4.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-20;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-22 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-21;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-21;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-23 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 6.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-22;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 6.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-22;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenPlayAnimation-24 {
    -webkit-animation-delay: 0.000s;
    -webkit-animation-duration: 5.000s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: _idGenKeyFrames-23;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0.000s;
    animation-duration: 5.000s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _idGenKeyFrames-23;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-1 {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-2 {
    -webkit-transform: rotate(30deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(30deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-3 {
    -webkit-transform: rotate(308deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(308deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-4 {
    -webkit-transform: rotate(352deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(352deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-5 {
    -webkit-transform: rotate(342deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(342deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-6 {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(80deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationStart-7 {
    -webkit-transform: rotate(35deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(35deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-1 {
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(360deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-2 {
    -webkit-transform: rotate(390deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(390deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-3 {
    -webkit-transform: rotate(668deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(668deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-4 {
    -webkit-transform: rotate(712deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(712deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-5 {
    -webkit-transform: rotate(702deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(702deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-6 {
    -webkit-transform: rotate(440deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(440deg);
    transform-origin: 50% 50%;
}

div._idGenAnimationEnd-7 {
    -webkit-transform: rotate(395deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(395deg);
    transform-origin: 50% 50%;
}

div._idGenButton div._idGen-Appearance-Normal {
    visibility: visible;
}

div._idGenButton div._idGen-Appearance-Rollover {
    visibility: hidden;
}

div._idGenButton div._idGen-Appearance-Click {
    visibility: hidden;
}

div._idGenButton {
    cursor: pointer;
}

div._idGenButton._idGenStateHover div._idGen-Appearance-Normal {
    visibility: hidden;
}

div._idGenButton._idGenStateHover div._idGen-Appearance-Rollover {
    visibility: visible;
}

div._idGenButton._idGenStateHover div._idGen-Appearance-Click {
    visibility: hidden;
}

div._idGenButton._idGenStateClick div._idGen-Appearance-Normal {
    visibility: hidden;
}

div._idGenButton._idGenStateClick div._idGen-Appearance-Rollover {
    visibility: hidden;
}

div._idGenButton._idGenStateClick div._idGen-Appearance-Click {
    visibility: visible;
}

div._idGenStateHide div._idGen-Appearance-Normal {
    visibility: hidden;
}

div._idGenStateHide div._idGen-Appearance-Rollover {
    visibility: hidden;
}

div._idGenStateHide div._idGen-Appearance-Click {
    visibility: hidden;
}

div._idGenMSO {
    visibility: hidden;
}

div._idGenMSO div._idGenCurrentState,
div._idGenMSO figure._idGenCurrentState {
    visibility: visible;
}

div._idGenMSO._idGenStateHide div._idGenCurrentState,
div._idGenMSO._idGenStateHide figure._idGenCurrentState {
    visibility: hidden;
}

div._idGenStateHide div._idGenMSO div._idGenCurrentState,
figure._idGenStateHide div._idGenMSO figure._idGenCurrentState {
    visibility: hidden;
}

div._idGenStateHide,
div._idGenStateHide * {
    visibility: hidden;
}

@media (max-width: 991px) {
    .green-mining-scroll {
        overflow-x: auto;
    }
}

.green-mining-scroll {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.green-mining-container {
    position: relative;
    width: 100%;
    max-width: 1890px;
    margin: 0 auto;
    background-color: #fff;
    aspect-ratio: 1890 / 981;
    container-type: inline-size;
    min-width: 1000px;
}

.green-mining-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.green-mining-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.green-mining-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
}

.green-mining-btn {
    position: absolute;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    color: inherit;
    transition: transform 0.2s ease, filter 0.2s ease;
    pointer-events: auto;
}

.green-mining-btn:hover {
    transform: scale(1.05);
}

.green-mining-btn:active {
    transform: scale(0.98);
}

.green-mining-btn.active {
    border-radius: 50%;
    box-shadow: none;
    background: radial-gradient(circle, rgba(255, 255, 200, 0.4) 0%, rgba(255, 255, 200, 0) 65%);
}

.green-mining-btn#btn-info {
    left: 69%;
    top: 0%;
    width: 10.2%;
    height: 5%;
}

.green-mining-btn.active#btn-info {
    background: radial-gradient(ellipse 150% 60% at center, rgba(255, 255, 200, 0.4) 0%, rgba(255, 255, 200, 0) 65%);
}

.img-bubble {
    width: 10%;
    height: 14%;
}

.green-mining-panels {
    position: absolute;
    top: 0;
    right: 0;
    width: 20.65%;
    height: 100%;
    z-index: 40;
    pointer-events: auto;
    background: transparent;
    border-left: 0;
    overflow: hidden;
    letter-spacing: -0.01em;
}

.green-mining-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    display: flex;
    flex-direction: column;
    padding: 3% 5px 3% 13%;
    overflow-y: auto;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.green-mining-panel.active {
    opacity: 1;
    pointer-events: auto;
}

.green-mining-panel-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    overflow-y: auto;
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
    border-radius: 8px 0 0 8px;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.green-mining-windmills {
    position: absolute;
    top: 0;
    left: 0;
    width: 1890px;
    height: 981px;
    max-width: 100%;
    max-height: 100%;
    transform-origin: top left;
    pointer-events: none;
    z-index: 50;
}

#panel-info {
    background-color: #747474;
}

#panel-info .panel-section>* {
    margin-bottom: 2rem;
}

#panel-info h2,
#panel-info p,
#panel-info ul li,
#panel-info .panel-description {
    color: #fff;
}

#panel-info ul {
    padding-left: 16px;
}

#panel-info .panel-header {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}

.panel-header {
    min-height: 11%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: -7%;
}

.panel-header img {
    width: 4cqw;
    max-width: 100%;
}

.panel-header h2 {
    font-size: 1.4cqw;
    font-weight: 500;
    color: #747474;
    margin: 0;
}

.panel-section {
    font-size: 1cqw;
}

.panel-section-opportunity {
    min-height: 13.1%;
}

.panel-section-benefits {
    min-height: 12.5%;
}

.panel-section-considerations {
    min-height: 14%;
}

.panel-section-title {
    margin-bottom: 0;
    color: #747474;
    font-size: inherit;
    font-weight: 500;
}

.panel-description {
    color: #747474;
    line-height: 1.2;
    margin-bottom: 8px;
    font-size: inherit;
}

.panel-list {
    padding-left: 16px;
    margin: 0;
}

.panel-list li {
    color: #747474;
    line-height: 1.2;
    font-size: inherit;
}

.panel-statistic {
    font-size: 40px;
    font-weight: bold;
    color: #4CAF50;
    text-align: center;
    margin: 15px 0;
}

.green-mining-range-slider {
    position: absolute;
    width: 16.8%;
    height: 10px;
    display: flex;
    align-items: center;
    pointer-events: none;
    z-index: 50;
}

#greenMiningSlider1 {
    left: 81.95%;
    top: 58%;
}

#greenMiningSlider2 {
    left: 81.95%;
    top: 72.2%;
}

#greenMiningSlider3 {
    left: 81.75%;
    top: 86.2%;
}

@media (min-width: 1200px) {
    #greenMiningSlider1 {
        top: 58.3%;
    }

    #greenMiningSlider2 {
        top: 72.5%;
    }

    #greenMiningSlider3 {
        top: 86.5%;
    }
}

@media (min-width: 1800px) {
    #greenMiningSlider1 {
        top: 58.5%;
    }

    #greenMiningSlider2 {
        top: 72.7%;
    }

    #greenMiningSlider3 {
        top: 86.7%;
    }
}

.green-mining-range-track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background: #007bff;
    pointer-events: none;
}

.green-mining-range-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #007bff;
    top: 50%;
    transform: translate(-50%, -50%) scale(var(--gm-scale, 1));
    pointer-events: none;
}


/* =============================================
   Mining Truck Animation Layer
   ============================================= */

.mining-truck-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 1890px;
    height: 981px;
    transform-origin: top left;
    transform: scale(var(--gm-scale, 1));
    pointer-events: none;
    z-index: 51;
}

#mining-truck {
    position: absolute;
    left: 19%;
    top: 79.3%;
    width: 33px;
    height: 10px;
    /* --desired-car-size-ratio: 0.2;
    --fixed-car-width: 390px;
    transform: scale(calc((100cqw * var(--desired-car-size-ratio)) / var(--fixed-car-width))) !important; */
}

#mining-truck-body {
    -webkit-transform: translate(0px, 0.631px) scale(1);
    transform: translate(0px, 0.631px) scale(1);
    transform-origin: 0% 0%;
    height: 7.35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32.62px;
    overflow: hidden;
}

#mining-truck-cab {
    -webkit-transform: translate(12.904px, 0px);
    transform: translate(12.904px, 0px);
    transform-origin: 0% 0%;
    height: 4.32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18.87px;
    overflow: hidden;
}

#mining-truck-wheel-front {
    -webkit-transform: translate(6.984px, 3.552px);
    transform: translate(6.984px, 3.552px);
    transform-origin: 0% 0%;
    height: 6.13px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6.27px;
    overflow: hidden;
}

#mining-truck-wheel-front-bolt-1 {
    -webkit-transform: translate(9.251px, 5.821px);
    transform: translate(9.251px, 5.821px);
    transform-origin: 0% 0%;
    height: 1.72px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.74px;
    overflow: hidden;
}

#mining-truck-wheel-front-bolt-2 {
    -webkit-transform: translate(8.763px, 5.340px);
    transform: translate(8.763px, 5.340px);
    transform-origin: 0% 0%;
    height: 2.68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.71px;
    overflow: hidden;
}

#mining-truck-wheel-rear {
    -webkit-transform: translate(23.615px, 3.552px);
    transform: translate(23.615px, 3.552px);
    transform-origin: 0% 0%;
    height: 6.13px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6.25px;
    overflow: hidden;
}

#mining-truck-wheel-rear-bolt-1 {
    -webkit-transform: translate(25.869px, 5.821px);
    transform: translate(25.869px, 5.821px);
    transform-origin: 0% 0%;
    height: 1.72px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.74px;
    overflow: hidden;
}

#mining-truck-wheel-rear-bolt-2 {
    -webkit-transform: translate(25.382px, 5.340px);
    transform: translate(25.382px, 5.340px);
    transform-origin: 0% 0%;
    height: 2.68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.71px;
    overflow: hidden;
}

.mining-truck-start,
.mining-truck-end {
    -webkit-transform: translate(0px, 0px);
    -webkit-transform-origin: 50% 50%;
    transform: translate(0px, 0px);
    transform-origin: 50% 50%;
}

@-webkit-keyframes mining-truck-move {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(-103px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@keyframes mining-truck-move {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(-103px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

div.mining-truck-slide {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 25s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: mining-truck-move;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0s;
    animation-duration: 25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: mining-truck-move;
    animation-timing-function: ease-in-out;
    transform-origin: 50% 50%;
}

/* =============================================
   Continuous Miner Animation Layer
   ============================================= */

.continuous-miner-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 1890px;
    height: 981px;
    transform-origin: top left;
    transform: scale(var(--gm-scale, 1));
    pointer-events: none;
    z-index: 51;
}

#continuous-miner {
    position: absolute;
    left: 195px;
    top: 731px;
    left: 10.35%;
    top: 74.55%;
}

#continuous-miner-body {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transform-origin: 0% 0%;
    height: 16.54px;
    left: 0;
    position: absolute;
    top: 0;
    width: 186px;
    overflow: hidden;
}

#continuous-miner-cutter-group {
    -webkit-transform: translate(138px, 4.324px);
    transform: translate(138px, 4.324px);
    transform-origin: 0% 0%;
    height: 11.98px;
    left: 0;
    position: absolute;
    top: 0;
    width: 47.9px;
}

#continuous-miner-drum {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transform-origin: 0% 0%;
    height: 11.07px;
    left: 0;
    position: absolute;
    top: 0;
    width: 47.9px;
    overflow: hidden;
}

#continuous-miner-bit-1 {
    -webkit-transform: translate(20.724px, 6.953px);
    transform: translate(20.724px, 6.953px);
    transform-origin: 0% 0%;
    height: 5.02px;
    left: 0;
    position: absolute;
    top: 0;
    width: 4.83px;
    overflow: hidden;
}

#continuous-miner-bit-2 {
    -webkit-transform: translate(8.410px, 6.947px);
    transform: translate(8.410px, 6.947px);
    transform-origin: 0% 0%;
    height: 5.02px;
    left: 0;
    position: absolute;
    top: 0;
    width: 4.83px;
    overflow: hidden;
}

.continuous-miner-start {
    -webkit-transform: translate(0px, 0px);
    -webkit-transform-origin: 50% 50%;
    transform: translate(0px, 0px);
    transform-origin: 50% 50%;
}

.continuous-miner-end {
    -webkit-transform: translate(103px, 0px);
    -webkit-transform-origin: 50% 50%;
    transform: translate(103px, 0px);
    transform-origin: 50% 50%;
}

@-webkit-keyframes continuous-miner-move {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    100% {
        -webkit-transform: translate(103px, 0px);
    }
}

@keyframes continuous-miner-move {
    0% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(103px, 0px);
    }
}

div.continuous-miner-slide {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 35s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: continuous-miner-move;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    animation-delay: 0s;
    animation-duration: 35s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: continuous-miner-move;
    animation-timing-function: linear;
    transform-origin: 50% 50%;
}

/* =============================================
   Water Sparkles Animation Layer
   ============================================= */

.water-sparkles-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 1890px;
    height: 981px;
    transform-origin: top left;
    transform: scale(var(--gm-scale, 1));
    pointer-events: none;
    z-index: 51;
}

/* Shared no-op start/end states */
.water-sparkle-start,
.water-sparkle-end {
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: 50% 50%;
    transform: scale(1, 1);
    transform-origin: 50% 50%;
}

/* Individual star positions (source px: canvas 1890×981) */
#water-star-1 {
    position: absolute;
    left: 1383px;
    top: 821px;
    width: 8px;
    height: 7px;
}

#water-star-2 {
    position: absolute;
    left: 1169px;
    top: 879px;
    width: 8px;
    height: 7px;
}

#water-star-3 {
    position: absolute;
    left: 1126px;
    top: 914px;
    width: 8px;
    height: 7px;
}

#water-star-4 {
    position: absolute;
    left: 997px;
    top: 955px;
    width: 8px;
    height: 7px;
}

#water-star-5 {
    position: absolute;
    left: 949px;
    top: 969px;
    width: 8px;
    height: 7px;
}

#water-star-6 {
    position: absolute;
    left: 1332px;
    top: 844px;
    width: 8px;
    height: 7px;
}

#water-star-7 {
    position: absolute;
    left: 1267px;
    top: 851px;
    width: 8px;
    height: 7px;
}

#water-star-8 {
    position: absolute;
    left: 1480px;
    top: 777px;
    width: 8px;
    height: 7px;
}

#water-star-9 {
    position: absolute;
    left: 1417px;
    top: 817px;
    width: 8px;
    height: 7px;
}

#water-star-10 {
    position: absolute;
    left: 1071px;
    top: 940px;
    width: 8px;
    height: 7px;
}

/* --- Sparkle keyframes (scale pulses, faithful to source) --- */

/* star-1: KF-26, 2s */
@-webkit-keyframes water-sparkle-1 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    19.1489% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

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

    63.8298% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-1 {
    0% {
        transform: scale(1, 1);
    }

    19.1489% {
        transform: scale(1.32, 1.32);
    }

    36.1702% {
        transform: scale(1, 1);
    }

    38.2979% {
        transform: scale(1, 1);
    }

    63.8298% {
        transform: scale(1.8, 1.8);
    }

    80.8511% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-2: KF-34, 2s */
@-webkit-keyframes water-sparkle-2 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    19.1489% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

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

    63.8298% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-2 {
    0% {
        transform: scale(1, 1);
    }

    19.1489% {
        transform: scale(1.32, 1.32);
    }

    36.1702% {
        transform: scale(1, 1);
    }

    38.2979% {
        transform: scale(1, 1);
    }

    63.8298% {
        transform: scale(1.8, 1.8);
    }

    80.8511% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-3: KF-27, 3s */
@-webkit-keyframes water-sparkle-3 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    18.3099% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

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

    63.3803% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-3 {
    0% {
        transform: scale(1, 1);
    }

    18.3099% {
        transform: scale(1.32, 1.32);
    }

    36.6197% {
        transform: scale(1, 1);
    }

    39.4366% {
        transform: scale(1, 1);
    }

    63.3803% {
        transform: scale(1.8, 1.8);
    }

    81.6901% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-4: KF-28, 0.25s */
@-webkit-keyframes water-sparkle-4 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    20% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    60% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-4 {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.32, 1.32);
    }

    40% {
        transform: scale(1, 1);
    }

    60% {
        transform: scale(1.8, 1.8);
    }

    80% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-5: KF-33, 0.25s */
@-webkit-keyframes water-sparkle-5 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    20% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    60% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-5 {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.32, 1.32);
    }

    40% {
        transform: scale(1, 1);
    }

    60% {
        transform: scale(1.8, 1.8);
    }

    80% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-6: KF-29, 0.5s */
@-webkit-keyframes water-sparkle-6 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    18.1818% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    63.6364% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-6 {
    0% {
        transform: scale(1, 1);
    }

    18.1818% {
        transform: scale(1.32, 1.32);
    }

    36.3636% {
        transform: scale(1, 1);
    }

    63.6364% {
        transform: scale(1.8, 1.8);
    }

    81.8182% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-7: KF-32, 0.5s */
@-webkit-keyframes water-sparkle-7 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    18.1818% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    63.6364% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-7 {
    0% {
        transform: scale(1, 1);
    }

    18.1818% {
        transform: scale(1.32, 1.32);
    }

    36.3636% {
        transform: scale(1, 1);
    }

    63.6364% {
        transform: scale(1.8, 1.8);
    }

    81.8182% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-8: KF-30, 0.5s */
@-webkit-keyframes water-sparkle-8 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    18.1818% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    63.6364% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-8 {
    0% {
        transform: scale(1, 1);
    }

    18.1818% {
        transform: scale(1.32, 1.32);
    }

    36.3636% {
        transform: scale(1, 1);
    }

    63.6364% {
        transform: scale(1.8, 1.8);
    }

    81.8182% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-9: KF-31, 1s */
@-webkit-keyframes water-sparkle-9 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    17.3913% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    60.8696% {
        -webkit-transform: scale(1.8, 1.8);
    }

    65.2174% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-9 {
    0% {
        transform: scale(1, 1);
    }

    17.3913% {
        transform: scale(1.32, 1.32);
    }

    34.7826% {
        transform: scale(1, 1);
    }

    60.8696% {
        transform: scale(1.8, 1.8);
    }

    65.2174% {
        transform: scale(1.8, 1.8);
    }

    82.6087% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* star-10: KF-35, 0.5s */
@-webkit-keyframes water-sparkle-10 {
    0% {
        -webkit-transform: scale(1, 1);
    }

    18.1818% {
        -webkit-transform: scale(1.32, 1.32);
    }

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

    63.6364% {
        -webkit-transform: scale(1.8, 1.8);
    }

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

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

@keyframes water-sparkle-10 {
    0% {
        transform: scale(1, 1);
    }

    18.1818% {
        transform: scale(1.32, 1.32);
    }

    36.3636% {
        transform: scale(1, 1);
    }

    63.6364% {
        transform: scale(1.8, 1.8);
    }

    81.8182% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* --- Per-star animation classes (delay 35s, infinite, matching source) --- */

div.water-star-1-sparkle {
    -webkit-animation: water-sparkle-1 2s linear 35s infinite forwards;
    animation: water-sparkle-1 2s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-2-sparkle {
    -webkit-animation: water-sparkle-2 2s linear 35s infinite forwards;
    animation: water-sparkle-2 2s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-3-sparkle {
    -webkit-animation: water-sparkle-3 3s linear 35s infinite forwards;
    animation: water-sparkle-3 3s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-4-sparkle {
    -webkit-animation: water-sparkle-4 0.25s linear 35s infinite forwards;
    animation: water-sparkle-4 0.25s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-5-sparkle {
    -webkit-animation: water-sparkle-5 0.25s linear 35s infinite forwards;
    animation: water-sparkle-5 0.25s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-6-sparkle {
    -webkit-animation: water-sparkle-6 0.5s linear 35s infinite forwards;
    animation: water-sparkle-6 0.5s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-7-sparkle {
    -webkit-animation: water-sparkle-7 0.5s linear 35s infinite forwards;
    animation: water-sparkle-7 0.5s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-8-sparkle {
    -webkit-animation: water-sparkle-8 0.5s linear 35s infinite forwards;
    animation: water-sparkle-8 0.5s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-9-sparkle {
    -webkit-animation: water-sparkle-9 1s linear 35s infinite forwards;
    animation: water-sparkle-9 1s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

div.water-star-10-sparkle {
    -webkit-animation: water-sparkle-10 0.5s linear 35s infinite forwards;
    animation: water-sparkle-10 0.5s linear 35s infinite forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

</style>