@charset "UTF-8";



.BatteryCopySection {
width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}

.batterymaskCover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 4;
    transform: scale(1.1)
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .BatteryCopySection {
        z-index: 5;
    }
    .batteryGrp {
        z-index: 6;
    }
    .BatteryCopySection {
        height: 90vw;
    }
    .powerCopyWrap, .lifeCopyWrap {
        position: absolute;
        left: 10vw;
        width: 80vw;
        height: 100%;
        top: 0;
        will-change: auto;
        opacity: 1;
        -webkit-transform: translateY(80%);
        transform: translateY(80%);
    }
    .lifeCopyWrap {
        justify-content: flex-start;
        height: 50vw;
        transform: translateY(130%);
        -webkit-transform: translateY(130%);
        -moz-transform: translateY(130%);
        -ms-transform: translateY(130%);
        -o-transform: translateY(130%);
}
}


@media screen and (max-width:1024px) and (min-width:768px) {
    .BatteryCopySection {
        height: 50vw;
    }
}