{"remainingRequest":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\balanceOverview.vue?vue&type=style&index=0&id=efabee0c&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\balanceOverview.vue","mtime":1701745912029},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '../../views/BigScreen/bigScreen.scss';\r\n.balanceOverview{\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    background: url('../../assets/img/bigScreen/bg.png') no-repeat center / 100% 100%;\r\n}\r\n.left-sidebar, .right-sidebar{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n\r\n\r\n.right-bottom{\r\n    position: relative;\r\n    .triangle-img{\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 0;\r\n        width:63%;\r\n        height: 76%;\r\n        z-index: 2;\r\n    }\r\n}\r\n.post-item{\r\n    position: absolute;\r\n    z-index: 1;\r\n    &::after{\r\n        content: '';\r\n        position: absolute;\r\n        z-index: 1;\r\n        border-top: 1px solid #808080;\r\n    }\r\n    .count{\r\n        font-weight: 700;\r\n        color: #FFFFFF;\r\n        font-size: 14px;\r\n    }\r\n    .label{\r\n        color: #A0AAB2;\r\n        font-size: 14px;\r\n    }\r\n}\r\n.post-item1{\r\n    right: -4%;\r\n    bottom: 98%;\r\n    &::after{\r\n        left: -26px;\r\n        top: 110%;\r\n        height: 18px;\r\n        width: 88px;\r\n        border-left: 1px solid #808080;\r\n    }\r\n}\r\n.post-item2{\r\n    left: -4%;\r\n    bottom: 95%;\r\n    text-align: right;\r\n    &::after{\r\n        right: -10px;\r\n        top: 110%;\r\n        width: 76px;\r\n        height: 40px;\r\n        border-right: 1px solid #808080;\r\n    }\r\n}\r\n.post-item3{\r\n    right: -21%;\r\n    bottom: 60%;\r\n    &::after{\r\n        left: -26px;\r\n        top: 110%;\r\n        width: 86px;\r\n        height: 14px;\r\n        border-left: 1px solid #808080;\r\n    }\r\n}\r\n.post-item4{\r\n    left: -20%;\r\n    bottom: 57%;\r\n    text-align: right;\r\n    &::after{\r\n        right: -10px;\r\n        top: 110%;\r\n        width: 76px;\r\n        height: 40px;\r\n        border-right: 1px solid #808080;\r\n    }\r\n}\r\n.section-container{\r\n    position: relative;\r\n}\r\n.total-popup{\r\n    position: absolute;\r\n    left: 40%;\r\n    top: calc(50% + 18px);\r\n    transform: translate(-50%, -50%);\r\n    height: calc((100% - 36px)*0.7);\r\n    aspect-ratio: 1/1;\r\n    background: rgba(128, 128, 128,0.7);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n.circle-decoration{\r\n    position: absolute;\r\n    width: 66%;\r\n    height: 66%;\r\n    border-radius: 50%;\r\n    background-color: #546a75;\r\n    border: 2px solid #b3bcc4;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n.circle-total{\r\n    position: absolute;\r\n    width: 80%;\r\n    height: 80%;\r\n    border-radius: 50%;\r\n    background-color: #a0aab2;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    text-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    .count{\r\n        font-weight: 700;\r\n        color: #FFFFFF;\r\n        font-size: 22px;\r\n    }\r\n    .label{\r\n        font-weight: 400;\r\n        color: #FFFFFF;\r\n        font-size: 14px;\r\n    }\r\n}\r\n.guage-container{\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    gap: 10px;\r\n    .guage-content{\r\n        width: 200px;\r\n        text-align: center;\r\n        img{\r\n            width: 200px;\r\n            height: 200px;\r\n        }\r\n    }\r\n    .equipment-status{\r\n        width: calc(100% - 210px);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    .status-item{\r\n        width: 134px;\r\n        height: 50px;\r\n        background: url(\"../../assets/img/bigScreen/status-border.png\");\r\n    }\r\n}\r\n",null]}