.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:150px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcomeText{color:#11365f;font-size:24px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:-.5px}.inputBox{width:250px;font-size:14px;flex-direction:column;align-items:flex-start}.buttons,.inputBox{display:flex;height:45px;gap:8px}.buttons{background:#08498a;width:150px;padding:0 12px;justify-content:center;align-items:center;flex-shrink:0;color:#fff;font-size:16px;line-height:150%;border-radius:0}.buttons,.navTypography{font-style:normal;font-weight:400}.navTypography{color:var(--Tonal-Palette-White,#fff);text-align:center;text-transform:none;line-height:24px}.pageSelectionBox{padding:0 16px;gap:10px;background:var(--tonal-palette-blue-700-base,#0072ce)}.dropDownContainer,.pageSelectionBox{display:flex;align-items:center;align-self:stretch}.dropDownContainer{padding:20px 16px 10px;gap:16px;flex-wrap:wrap;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:600px){.dropDownContainer{padding:16px 8px 8px;gap:12px}}@media(min-width:840px){.dropDownContainer{padding:20px 32px 10px 20px}}.boxSize{display:flex;width:144px;height:25px;flex-direction:column;align-items:flex-start;gap:10px}.customizeText{color:var(--light-theme-blue,#0072ce);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.customizeBox{display:flex;padding:7px 20px;justify-content:center;align-items:center;gap:6px;border-radius:4px;border:1px solid var(--color-gray-300,#d9d9d6)}.mediumWidget{height:376px;padding:20px 28px;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--color-gray-200,#e9e9e6);background:var(--surface,#fff)}.mediumWidget,.widgetBody{display:flex;align-items:flex-start;align-self:stretch}.widgetBody{gap:32px}.titleStyle{flex:1 0;color:var(--color-gray-800,#3b3b39);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.sectionStyle{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.headerFlavorText{color:var(--color-gray-700,#595957);font-size:14px;font-style:normal;font-weight:400;line-height:24px}.headerBoxStyle{display:flex;align-items:flex-start;gap:32px;align-self:stretch}.dashboardTitleStyle{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.dashboardText{color:var(--Tonal-Palette-White,#fff);text-align:center;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dashboardBox,.paymentBoxesStyle{display:flex;align-items:flex-start;gap:20px;flex:1 0}.dashboardBox{padding:0 16px;align-self:stretch;background:var(--background,#fafafa)}@media(max-width:600px){.dashboardBox{padding:0 8px;gap:16px}}@media(min-width:840px){.dashboardBox{padding:0 32px}}.dropdownMenu{padding:20px 32px 10px;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.boxStyle,.dropdownMenu{display:flex;align-items:flex-start;gap:16px}.boxStyle{width:315px;padding:24px;flex-direction:column;border-radius:16px;background:var(--Stacey-body-1,#f7f6f2);border:1px solid rgba(0,0,0,.2)}.configTitleStyle{color:var(--color-gray-900,#1b1b19);font-size:14px;font-style:normal;font-weight:700;line-height:24px}.customerGroupBox{display:flex;align-items:flex-start;align-content:flex-start;gap:4px;align-self:stretch;flex-wrap:wrap}.customerGroupDropdown{display:flex;padding:2px 8px;justify-content:center;align-items:center;gap:4px;border-radius:16px;border:1px solid var(--color-blue-300,#5eb1f3);background:var(--surface,#fff);flex:1 0 21%;box-sizing:border-box}.headerStyle{display:flex;width:192px;flex-direction:column;align-items:flex-start;gap:8px}.dateRowStyle{align-items:center}.dateRowStyle,.programRowStyle{display:flex;justify-content:space-between;align-self:stretch}.programBoxStyle,.programRowStyle{align-items:flex-start}.programBoxStyle{display:flex;flex-direction:column;justify-content:center;gap:12px;align-self:stretch}.leftTextStyle{color:var(--color-gray-600,#6d6d6a)}.leftTextStyle,.rightTextStyle{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.rightTextStyle{color:var(--text,rgba(0,0,0,.87))}.dataRowStyle{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.viewDetailsButton{cursor:pointer;color:var(--primary,#0072ce);line-height:24px}.newConfigText,.viewDetailsButton{font-size:14px;font-style:normal;font-weight:400}.newConfigText{color:var(--light-theme-white,#fff);text-align:center;line-height:16px}.addPaymentMainBox{display:flex;width:880px;padding:12px 32px 32px;flex-direction:column;align-items:center;gap:24px;border-radius:8px;margin:0 auto}.addRecurringPaymentBox{padding:32px 0 24px}.addRecurringPaymentBox,.energyProgramPaymentBox,.incentiveNameBox{display:flex;width:816px;align-items:flex-start;gap:76px;border-bottom:1.5px solid var(--color-gray-100,#f2f2ef)}.energyProgramPaymentBox,.incentiveNameBox{padding:22px 0}.incentiveAmount,.incentiveTriggerBox{align-self:stretch}.incentiveAmount,.incentiveTriggerBox,.paymentAndStatementBox{display:flex;padding:22px 0;align-items:flex-start;gap:76px;border-bottom:1.5px solid var(--color-gray-100,#f2f2ef)}.paymentAndStatementBox{width:816px}