@keyframes p{0%{--p:0}}.fwk-graph-container{display:block;position:relative;padding:0;margin:10px 0;border-radius:var(--round2);background-position:center;image-orientation:none;background-size:cover;max-width:100%;background:var(--gray1)}.fwk-graph-container-h5{margin:0;font-size:inherit;line-height:40px;font-weight:600;padding:0 14px;background:var(--gray1);color:var(--dark1);border-radius:var(--round2) var(--round2)0 0;display:block;min-height:40px;white-space:nowrap}.fwk-graph-container-compl i,.fwk-graph-container-h5 i{display:inline-block;width:20px}.fwk-graph-container-compl,.fwk-graph-container-header{margin:0;padding:14px;border-top:2px solid var(--white)}.fwk-graph-container-compl .right{float:right;margin:-14px;padding:14px;border-left:2px solid var(--white)}.fwk-graph-container-compl .right i{text-align:center;font-size:16px;line-height:inherit;width:23px}.fwk-graph-container-header{background:var(--gray1);border-radius:0}.fwk-graph-container-header h3{margin:0;font-size:18px;line-height:inherit;font-weight:600;display:inline-block}.fwk-graph-container p{margin:0;font-size:inherit;line-height:inherit;padding:10px}.fwk-graph-legend{width:100%;max-width:100%;padding:0 15px 15px;text-align:center}.fwk-graph-legend div{display:inline-block;padding:3px 9px;border-radius:var(--round1);background:var(--white);margin:3px;font-size:11px;font-weight:400;cursor:pointer}.fwk-graph-legend div i{display:inline-block;padding-right:8px;float:left;line-height:inherit}.fwk-barline,.fwk-graph-total{border-top:2px solid var(--white)}.fwk-graph-total{display:block;font-weight:600;padding:10px 14px;color:var(--dark1)}.fwk-graph-total i{float:left;margin-right:15px;font-size:10px;line-height:inherit}.fwk-barline{border-radius:0 0 var(--round2) var(--round2);padding:15px}.fwk-barline-container{padding:15px;display:flex}.fwk-barline-bar{position:relative;height:20px;float:left;background:var(--white);border:2px solid var(--white);border-right:none}.fwk-barline-bar:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px}.fwk-barline-bar:last-child{border-right:2px solid var(--white);border-bottom-right-radius:20px;border-top-right-radius:20px}.fwk-barline-bar.bar-isFaded{opacity:.2}.fwk-barline-total{display:block;font-size:30px;font-weight:600;line-height:32px;margin:0 0 30px;border-radius:var(--round1)}.fwk-tablebarline{width:100%;height:20px;padding:1px;border-radius:var(--round1);background:var(--white)}.fwk-tablebarline.tablebarline-withfloat{margin:5px 0;float:left}.fwk-barrows-bar div,.fwk-tablebarline div{position:relative;border-radius:var(--round1);background:var(--mid1)}.fwk-tablebarline div{height:17px;min-width:10px;float:left}.fwk-donut{width:150px;height:150px;position:relative;margin:15px auto;border-radius:100%;background:var(--gray2)}.fwk-donut .filled,.fwk-donut .value{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;border-radius:100%}.fwk-donut .filled{min-width:73px;min-height:73px;background:var(--main)}.fwk-donut .value{width:70px;height:70px;line-height:70px;font-weight:600;font-size:14px;text-align:center;background:var(--gray1);color:var(--dark1)}.fwk-barrows-footer b,.fwk-donut .value-small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fwk-donut .value-small{font-size:10px}.fwk-barrows{border-top:2px solid var(--white);padding:15px 15px 0;margin-bottom:15px;max-width:100%;overflow:auto}.fwk-barrows table{min-width:auto}.fwk-barrows td{text-align:center;min-width:50px}.fwk-barrows tr{height:40px;font-size:10px}.fwk-barrows-bar{display:flex;flex-wrap:wrap;justify-content:center;vertical-align:bottom;position:relative;height:calc(40px*5);min-width:65px;padding:20px 5px 0}.fwk-barrows-bar div{align-self:flex-end;width:8px;min-height:4px;margin:0 2px}.fwk-barrows-bar div.bar-isFaded{opacity:.2!important}.fwk-barrows-col{min-width:65px!important;vertical-align:top}.fwk-barrows-axis,.fwk-barrows-footer div{font-weight:600;border-radius:var(--round1);padding:0 10px}.fwk-barrows-axis{min-width:50px;vertical-align:center;text-align:center!important;color:var(--main);line-height:20px;font-size:10px}.fwk-barrows-footer{padding-top:5px;padding-bottom:15px;vertical-align:top}.fwk-barrows-footer b{display:block;margin:auto;text-align:center;padding:0;min-width:65px}.fwk-barrows-footer div{margin-top:5px;display:inline-block;background:var(--gray2);color:var(--dark1);font-size:8px}@property --p{syntax:"<number>";inherits:true;initial-value:0}.fwk-pie-container{border-top:2px solid var(--white);padding:25px;text-align:center}.fwk-pie{width:100px;aspect-ratio:1;position:relative;display:inline-grid;place-content:center;font-weight:600}.fwk-pie:after,.fwk-pie:before{content:"";position:absolute;border-radius:50%;background:var(--main)}.fwk-pie:before{inset:0;background:radial-gradient(farthest-side,var(--color) 98%,#0000) top/10px 10px no-repeat,conic-gradient(var(--color) calc(var(--p)*1%),var(--white)0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - 10px),#000 calc(100% - 14px));mask:radial-gradient(farthest-side,#0000 calc(99% - 10px),#000 calc(100% - 14px))}.fwk-pie:after{inset:calc(50% - 10px/2);background:var(--color);transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - 100px/2))}