.radiogroup{width:100%}.radiogroup,.radiogroup_btn{display:flex;height:auto;align-items:center;justify-content:flex-start}.radiogroup_btn{gap:14px;height:26px}.radiogroup__radio{width:fit-content;display:flex;align-items:center;height:100%;justify-content:flex-start;gap:15px;position:relative}.radiogroup__radio--input{width:0;height:0;position:relative}.radiogroup__radio--input:after{position:absolute;left:0;top:5px;content:"";display:inline-block;width:15px;height:15px;box-sizing:border-box;background-clip:content-box;padding:2px;border-radius:50%;background-color:#8f8f8f;border:1px solid #8f8f8f}.radiogroup__radio--label{color:#8f8f8f;font-size:15px;font-weight:600;line-height:20px;cursor:pointer}.radiogroup__radio.selected .radiogroup__radio--input:after{background-color:#bf88d0;border:1px solid #bf88d0}.radiogroup__radio.selected .radiogroup__radio--label{color:#bf88d0;cursor:not-allowed}.radiogroup__tiles{display:flex;align-items:flex-start;border-radius:8px;border:1px solid var(--brandBorderOld);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.radiogroup__tiles-tile{display:flex;padding:10px 16px;justify-content:center;align-items:center;cursor:pointer;border-right:1px solid var(--brandBorderOld);color:var(--brandTextPrimaryOld);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.radiogroup__tiles-tile:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.radiogroup__tiles-tile:last-child{border-right:none;border-top-right-radius:8px;border-bottom-right-radius:8px}.radiogroup__tiles-tile.selected{color:var(--brandPrimaryOld);background-color:var(--brandSecondaryOld);cursor:not-allowed}.usagechartpnl{padding:24px;background-color:#fff;border-radius:12px;border:1px solid var(--brandBorderOld);background:#fff;flex-direction:column;justify-content:center;align-items:flex-start}.usagechartpnl,.usagechartpnl__charts{width:100%;box-sizing:border-box;display:flex;gap:24px}.usagechartpnl__charts{height:357px}.usagechartpnl__charts--ovr{width:300px;height:100%;box-sizing:border-box;background-color:#fff;border-radius:12px;border:1px solid var(--brandBorderOld);display:flex;padding:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;align-self:stretch}.usagechartpnl__charts--ovr .usagechartpnl__charts--ovr__area{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}.piecustom-tooltip{display:flex;width:61.372px;height:20.734px;padding:6.635px 13.27px;justify-content:center;align-items:center;border-radius:4px;border:1px solid var(--brandBorderOld);background:var(--brandSecondaryOld);box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1)}.piecustom-tooltip--value{color:var(--brandTextPrimaryOld);font-size:12px;font-weight:500;line-height:18px}.ovrchartlgnds{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 12px;align-self:stretch;box-sizing:border-box}.ovrchartlgnds__lgnd{display:flex;justify-content:center;align-items:center;gap:5px}.ovrchartlgnds__lgnd--clr{width:12px;height:12px;border-radius:50%;background-color:var(--brandTextPrimaryOld)}.ovrchartlgnds__lgnd--lbl{text-transform:capitalize;color:var(--brandTextPrimaryOld);font-size:14px;font-weight:500;line-height:100%}.usagechartpnl__charts--usages{flex:1 0 0;box-sizing:border-box;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:32px;border:1px solid var(--brandBorderOld)}.usagechartpnl .bar_customtooltip{background:var(--brandSecondaryOld);width:fit-content;padding:10px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:4px;border:.5px solid var(--brandBorderOld);box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1)}.usagechartpnl .bar_customtooltip__values{font-size:12px;font-weight:500;line-height:18px;color:var(--brandTextPrimaryOld)}.usagechartpnl .bar_customtooltip--arrowcntnr{position:absolute;width:15px;height:10px;top:50%;transform:translateY(-50%) translateX(30%);right:100%;display:flex;align-items:center;justify-content:flex-end}.usagechartpnl .bar_customtooltip--arrowcntnr .bar_customtooltip--arrowcntnr-arrow{width:100%;height:100%}.usagechartpnl .bar_customtooltip--arrowcntnr.lastBar{right:2px;transform:translateX(70%)}.usagechartpnl .bar_customtooltip--arrowcntnr.lastBar .bar_customtooltip--arrowcntnr-arrow{transform:rotate(180deg)}.usagechartpnl__charts--usages__top{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end;align-self:stretch}.usageschartname{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.usageschartname__name{align-self:stretch;color:var(--brandTextPrimaryOld);font-size:20px;font-weight:700;line-height:150%}.usageschartname__desc{align-self:stretch;color:var(--brandTextSecondaryOld);font-size:14px;font-weight:400;line-height:135%}.usageschartlgnds{display:flex;align-items:flex-start;gap:32px}.usageschartlgnds__lgnd{display:flex;justify-content:center;align-items:center;gap:8px}.usageschartlgnds__lgnd--clr{width:12px;height:12px;border-radius:50%;background-color:var(--brandTextPrimaryOld)}.usageschartlgnds__lgnd--lbl{display:flex;justify-content:center;align-items:center;gap:2px}.usageschartlgnds__lgnd--lbl-txt{text-transform:capitalize;color:var(--brandTextPrimaryOld);font-size:14px;font-weight:500;line-height:135%}.usageschartlgnds__lgnd--lbl-info{width:12px;position:relative;height:12px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:.5px solid var(--brandTextSecondaryOld);font-size:10px;font-family:Sevillana,cursive;font-weight:500}.usagechartpnl__charts--usages__name{height:20px;width:100%;display:flex;justify-content:center;align-items:center;color:var(--brandTextPrimaryOld);font-size:15px;line-height:20px;font-weight:600}.usagechartpnl__charts--usages__area{height:238px;width:100%;box-sizing:border-box}