*{padding:0;margin:0}body{color:#fff;font-family:Roboto,sans-serif}section{background:#012d47;min-height:100vh;padding:25px 10px;gap:10px}.title{font-size:24px;font-weight:500;width:100vw}.container{display:flex;flex-direction:column;row-gap:10px;width:100%}.row{display:flex;flex-direction:row;width:100%}.charts-row{min-height:235px}.charts-row .col{width:100%;height:100%}.content{width:100%;background-color:#002033;min-height:235px;border-radius:10px;padding:20px;gap:10px}.content .toogles{justify-content:space-between}.content-filter{display:flex;flex-direction:row;gap:20px}.filter{display:flex;gap:8px;padding:5px 10px;border:1px solid #ffffff8c;border-radius:6px;background-color:#d9d9d90f;cursor:pointer}.filter.active{background-color:#0af9}.content-filter span{font-size:15px;font-weight:400}.triangle{margin-top:5px;position:relative;text-align:left;transform:rotate(30deg) skew(-30deg) scaleY(.866)}.triangle:before,.triangle:after{content:"";position:absolute;background-color:inherit}.triangle,.triangle:before,.triangle:after{width:6px;height:6px;border-top-right-radius:30%}.triangle:before{transform:rotate(-135deg) skew(-45deg) scale(1.414,.707) translateY(-50%)}.triangle:after{transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%)}.triangle.tringle-green{background-color:#99d260}.triangle.tringle-blue{background-color:#60cdd2}.triangle.tringle-yellow{background-color:#d2ac60}.triangle.tringle-red{background-color:#d26060}.inner-triangle.tringle-green{border-left-color:#99d260}.inner-triangle.tringle-blue{border-left-color:#60cdd2}.inner-triangle.tringle-yellow{border-left-color:#d2ac60}.inner-triangle.tringle-red{border-left-color:#d26060}.triangle-right{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:13px solid #002033;border-radius:0}.inner-triangle{position:absolute;top:2px;left:-3px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:11px solid transparent;border-radius:4px}.option .triangle{border-top:#002033 3px solid;border-right:#002033 3px solid}.options>.col{width:100%}.options-table{margin-top:10px}.options-head .option-column{padding:8px;gap:15px}.options-body .option-column{padding:5px;min-width:18%;gap:15px}.option-column:not(:last-child){border-right:1px solid #4c6370}.options-head{border-top:1px solid #4c6370;border-bottom:1px solid #4c6370}.options .options-title h3{font-size:16px;color:#b5e4ff;font-weight:600}.options-title{justify-content:space-between;align-items:center}.options-count{padding:14px;background-color:#0b496e66;color:#b5e4ff;font-size:18px;line-height:18px;font-weight:600;border-radius:6px}.option{position:relative;background-color:#00aaff4d;border-radius:6px;padding:10px 12px;cursor:pointer}.option.active{background-color:#0af9}.option-flag{position:absolute;left:0;top:calc(50% - 10px)}.option .row{height:100%;gap:10px}.option-title{width:70%;display:flex;padding-right:5px;border-right:1px solid #ffffff2b;height:100%;align-items:center}.option-title h3{font-size:12px;font-weight:400;line-height:14px}.option-logos{width:60px;justify-content:center;gap:5px}.option-logos img{image-rendering:crisp-edges;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.content-description{display:flex;flex-direction:row;gap:15px}.content-title{padding-right:15px;border-right:1px solid #ffffff40;font-size:20px;font-weight:600}.content-counter{font-size:24px;font-weight:900;color:#b5e4ff}.line-canvas{position:relative;width:calc(100% - 300px)}.circle-canvas{width:300px;position:relative}.circle-canvas .middle-text{position:absolute;display:flex;flex-direction:column;text-align:center;top:105px;left:50%;transform:translate(-50%,-50%)}.circle-canvas .middle-text #top-text{font-size:26px;border-bottom:1px solid #4c6370;color:#b5e4ff}.circle-canvas .middle-text #bottom-text{font-size:20px;color:#007ac2}.circle-canvas h2{width:205px;font-size:15px;font-weight:500;text-align:center;margin:auto}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column}.popup__bg{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;opacity:0;pointer-events:none;transition:.5s all}.popup__bg.active{opacity:1;pointer-events:all;transition:.5s all}.popup{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:95vh;width:90vw;padding:25px;transition:.5s all}.popup.active{transform:translate(-50%,-50%) scale(1);transition:.5s all}.close-popup{width:30px;height:30px;margin-right:40px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.popup__content img{width:100%}.open-popup{cursor:pointer}.option-popup{position:absolute;top:5px;right:10px}.option-popup img{width:11px}.popup__content{overflow:hidden;position:relative;width:100%}.line-canvas{padding-top:15px}.popup__content img{display:block;width:100%;height:100%;object-fit:contain}.y-legend{margin-top:-15px;color:#ffffff2b;font-size:12px;position:absolute}.y-lebel{display:flex;margin-top:-15px;color:#fff;font-size:12px;position:absolute;right:0;align-items:center;gap:10px;font-size:14px}.y-lebel .line{width:15px}.line.blue{border-bottom:2px solid #6a9fe4}.line.orange{border-bottom:2px solid #ff9900}.line.white{border-bottom:2px solid #ffffff}#DoughnutChart{margin:auto}@media (min-width: 1359px){section{padding:25px 20px}.options-head .option-column{padding:10px 15px}.options-body .option-column{padding:10px}.option{padding:15px 18px}}@media (min-width: 1440px){.option-title h3{font-size:13px;font-weight:400;line-height:15px}section{padding:25px 50px}.options-head .option-column{padding:10px 15px}}