.vgt-table.striped tbody tr:nth-of-type(odd){background-color:rgba(51,68,109,.03)}.vgt-right-align{text-align:right}.vgt-left-align{text-align:left}.vgt-center-align{text-align:center}.vgt-pull-left{float:left!important}.vgt-pull-right{float:right!important}.vgt-clearfix::after{display:block;content:"";clear:both}.vgt-responsive{width:100%;overflow-x:auto;position:relative}.vgt-text-disabled{color:#909399}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.vgt-wrap{position:relative}.vgt-fixed-header{position:absolute;z-index:10;overflow-x:auto}table.vgt-table{font-size:16px;border-collapse:collapse;background-color:#fff;width:100%;max-width:100%;table-layout:auto;border:1px solid #dcdfe6}table.vgt-table td{padding:.75em .75em .75em .75em;vertical-align:top;border-bottom:1px solid #dcdfe6;color:#606266}table.vgt-table tr.clickable{cursor:pointer}table.vgt-table tr.clickable:hover{background-color:#f1f5fd}.vgt-table th{padding:.75em 1.5em .75em .75em;vertical-align:middle;position:relative}.vgt-table th.sortable button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;position:absolute;top:0;left:0;width:100%;height:100%}.vgt-table th.sortable button:focus{outline:0}.vgt-table th.sortable button:after{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #606266}.vgt-table th.sortable button:before{content:"";position:absolute;height:0;width:0;right:6px;top:50%;margin-bottom:-7px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #606266}.vgt-table th.line-numbers,.vgt-table th.vgt-checkbox-col{padding:0 .75em 0 .75em;color:#606266;border-right:1px solid #dcdfe6;word-wrap:break-word;width:25px;text-align:center;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table th.filter-th{padding:.75em .75em .75em .75em}.vgt-table th.vgt-row-header{border-bottom:2px solid #dcdfe6;border-top:2px solid #dcdfe6;background-color:#fafafb}.vgt-table th.vgt-row-header .triangle{width:24px;height:24px;border-radius:15%;position:relative;margin:0 8px}.vgt-table th.vgt-row-header .triangle:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #606266;margin-left:-3px;transition:.3s ease transform}.vgt-table th.vgt-row-header .triangle.expand:after{transform:rotate(90deg)}.vgt-table thead th{color:#606266;vertical-align:bottom;border-bottom:1px solid #dcdfe6;padding-right:1.5em;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-table thead th.vgt-checkbox-col{vertical-align:middle}.vgt-table thead th.sorting-asc button:after{border-bottom:5px solid #409eff}.vgt-table thead th.sorting-desc button:before{border-top:5px solid #409eff}.vgt-input,.vgt-select{width:100%;height:32px;line-height:1;display:block;font-size:14px;font-weight:400;padding:6px 12px;color:#606266;border-radius:4px;box-sizing:border-box;background-image:none;background-color:#fff;border:1px solid #dcdfe6;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.vgt-input::placeholder,.vgt-select::placeholder{color:#606266;opacity:.3}.vgt-input:focus,.vgt-select:focus{outline:0;border-color:#409eff}.vgt-loading{position:absolute;width:100%;z-index:10;margin-top:117px}.vgt-loading__content{background-color:#c0dfff;color:#409eff;padding:7px 30px;border-radius:3px}.vgt-inner-wrap.is-loading{opacity:.5;pointer-events:none}.vgt-table.bordered td,.vgt-table.bordered th{border:1px solid #dcdfe6}.vgt-table.bordered th.vgt-row-header{border-bottom:3px solid #dcdfe6}.vgt-wrap.rtl{direction:rtl}.vgt-wrap.rtl .vgt-table thead th,.vgt-wrap.rtl .vgt-table.condensed thead th{padding-left:1.5em;padding-right:.75em}.vgt-wrap.rtl .vgt-table th.sorting-asc:after,.vgt-wrap.rtl .vgt-table th.sorting:after{margin-right:5px;margin-left:0}.vgt-wrap.rtl .vgt-table th.sortable:after,.vgt-wrap.rtl .vgt-table th.sortable:before{right:inherit;left:6px}.vgt-table.condensed td,.vgt-table.condensed th.vgt-row-header{padding:.4em .4em .4em .4em}@media (max-width:576px){.vgt-compact *{box-sizing:border-box}.vgt-compact tbody,.vgt-compact td,.vgt-compact tr{display:block;width:100%}.vgt-compact thead{display:none}.vgt-compact tr{margin-bottom:15px}.vgt-compact td{text-align:right;position:relative}.vgt-compact td:before{content:attr(data-label);position:relative;float:left;left:0;width:40%;padding-left:10px;font-weight:700;text-align:left}.vgt-compact th.line-numbers{width:100%!important;display:block;padding:.3em 1em!important}}.vgt-global-search{padding:5px 0;display:flex;flex-wrap:nowrap;align-items:stretch;border:1px solid #dcdfe6;border-bottom:0;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-global-search form{display:flex}.vgt-global-search form label{margin-top:3px}.vgt-global-search__input{position:relative;padding-left:40px;flex-grow:1}.vgt-global-search__input .input__icon{position:absolute;left:0;max-width:32px}.vgt-global-search__input .input__icon .magnifying-glass{margin-top:3px;margin-left:8px;display:block;width:16px;height:16px;border:2px solid #494949;position:relative;border-radius:50%}.vgt-global-search__input .input__icon .magnifying-glass:before{content:"";display:block;position:absolute;right:-7px;bottom:-5px;background:#494949;width:8px;height:4px;border-radius:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.vgt-global-search__actions{margin-left:10px}.vgt-selection-info-row{background:#fdf9e8;padding:5px 16px;font-size:13px;border-top:1px solid #dcdfe6;border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;color:#d3aa3b;font-weight:700}.vgt-selection-info-row a{font-weight:700;display:inline-block;margin-left:10px}.vgt-wrap__actions-footer{border:1px solid #dcdfe6}.vgt-wrap__footer{color:#606266;font-size:1.1rem;padding:1em;border:1px solid #dcdfe6;background:linear-gradient(#f4f5f8,#f1f3f6)}.vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap__footer .footer__row-count__label,.vgt-wrap__footer .footer__row-count__select{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__row-count__label{font-size:1.1rem}.vgt-wrap__footer .footer__row-count__select{font-size:1.1rem;background-color:transparent;width:auto;padding:0;border:0;border-radius:0;height:auto;margin-left:8px;color:#606266;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px}.vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap__footer .footer__row-count__select:focus{outline:0;border-color:#409eff}.vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #606266;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap__footer .footer__navigation{font-size:1.1rem}.vgt-wrap__footer .footer__navigation>button:first-of-type{margin-right:16px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-btn,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;vertical-align:middle;color:#909399}.vgt-wrap__footer .footer__navigation__page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;text-decoration:none;color:#606266;font-weight:700;white-space:nowrap;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn:hover{cursor:pointer}.vgt-wrap__footer .footer__navigation__page-btn.disabled,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover{opacity:.5;cursor:not-allowed}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#606266}.vgt-wrap__footer .footer__navigation__page-btn span{display:inline-block;vertical-align:middle;font-size:1.1rem}.vgt-wrap__footer .footer__navigation__page-btn .chevron{width:24px;height:24px;border-radius:15%;position:relative;margin:0;display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-btn .chevron:after{content:"";position:absolute;display:block;left:50%;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after{border-right:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after{border-left:6px solid #409eff;margin-left:-3px}.vgt-wrap__footer .footer__navigation__info,.vgt-wrap__footer .footer__navigation__page-info{display:inline-block;margin:0 16px}.vgt-wrap__footer .footer__navigation__page-info span{display:inline-block;vertical-align:middle}.vgt-wrap__footer .footer__navigation__page-info__current-entry{width:30px;text-align:center;vertical-align:middle;display:inline-block;margin:0 10px;font-weight:700}@media only screen and (max-width:750px){.vgt-wrap__footer .footer__navigation__info{display:none}.vgt-wrap__footer .footer__navigation__page-btn{margin-left:16px}}.vgt-table.nocturnal{border:1px solid #435169;background-color:#324057}.vgt-table.nocturnal tr.clickable:hover{background-color:#445168}.vgt-table.nocturnal td{border-bottom:1px solid #435169;color:#c7ced8}.vgt-table.nocturnal th.line-numbers,.vgt-table.nocturnal th.vgt-checkbox-col{color:#c7ced8;border-right:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th{color:#c7ced8;border-bottom:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-table.nocturnal thead th.sortable:before{border-top-color:#3e5170}.vgt-table.nocturnal thead th.sortable:after{border-bottom-color:#3e5170}.vgt-table.nocturnal thead th.sortable.sorting-asc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.nocturnal thead th.sortable.sorting-desc{color:#fff}.vgt-table.nocturnal thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.nocturnal.bordered td,.vgt-table.nocturnal.bordered th{border:1px solid #435169}.vgt-table.nocturnal .vgt-input,.vgt-table.nocturnal .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-table.nocturnal .vgt-input::placeholder,.vgt-table.nocturnal .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-wrap.nocturnal .vgt-wrap__footer{color:#c7ced8;border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count{position:relative}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label{color:#8290a7}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select{color:#c7ced8;background:#232d3f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:10px;border-radius:3px;text-align:center}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #c7ced8;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn{color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#c7ced8}.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info{color:#8290a7}.vgt-wrap.nocturnal .vgt-global-search{border:1px solid #435169;background:linear-gradient(#2c394f,#2c394f)}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select{color:#c7ced8;background-color:#232d3f;border:1px solid #435169}.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder{color:#c7ced8;opacity:.3}.vgt-table.black-rhino{border:1px solid #435169;background-color:#dfe5ee}.vgt-table.black-rhino tr.clickable:hover{background-color:#fff}.vgt-table.black-rhino td{border-bottom:1px solid #bbc5d6;color:#49515e}.vgt-table.black-rhino th.line-numbers,.vgt-table.black-rhino th.vgt-checkbox-col{color:#dae2f0;border-right:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th{color:#dae2f0;text-shadow:1px 1px #3e5170;border-bottom:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-table.black-rhino thead th.sortable:before{border-top-color:#607498}.vgt-table.black-rhino thead th.sortable:after{border-bottom-color:#607498}.vgt-table.black-rhino thead th.sortable.sorting-asc{color:#fff}.vgt-table.black-rhino thead th.sortable.sorting-asc:after{border-bottom-color:#409eff}.vgt-table.black-rhino thead th.sortable.sorting-desc:before{border-top-color:#409eff}.vgt-table.black-rhino.bordered td{border:1px solid #bbc5d6}.vgt-table.black-rhino.bordered th{border:1px solid #435169}.vgt-table.black-rhino .vgt-input,.vgt-table.black-rhino .vgt-select{color:#dae2f0;background-color:#34445f;border:1px solid transparent}.vgt-table.black-rhino .vgt-input::placeholder,.vgt-table.black-rhino .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-wrap.black-rhino .vgt-wrap__footer{color:#dae2f0;border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select{color:#49515e;background:#34445f;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:15px;padding-left:5px;border-radius:3px}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus{border-color:#409eff}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:6px;top:50%;margin-top:-1px;border-top:6px solid #49515e;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn{color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#dae2f0}.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info{color:#dae2f0}.vgt-wrap.black-rhino .vgt-global-search{border:1px solid #435169;background:linear-gradient(#4c5c79,#4e5d7c)}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before{background:#3f4c63}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select{color:#dae2f0;background-color:#44516c;border:1px solid transparent}.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder{color:#dae2f0;opacity:.3}.vgt-inner-wrap{border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(50,50,93,.1),0 1px 2px 0 rgba(50,50,93,.06)}.vgt-table.polar-bear{border-spacing:0;border-collapse:separate;font-size:1rem;background-color:#fff;border:1px solid #e3e8ee;border-bottom:none;border-radius:.25rem}.vgt-table.polar-bear td{padding:1em .75em 1em .75em;border-bottom:1px solid #e4ebf3;color:#525f7f}.vgt-table.polar-bear td.vgt-right-align{text-align:right}.vgt-table.polar-bear th.line-numbers,.vgt-table.polar-bear th.vgt-checkbox-col{color:#394567;border-right:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th{color:#667b94;font-weight:600;border-bottom:1px solid #e3e8ee;background:#f7fafc}.vgt-table.polar-bear thead th.sorting-asc,.vgt-table.polar-bear thead th.sorting-desc{color:#5e72e4}.vgt-table.polar-bear thead th.sorting-desc:before{border-top:5px solid #7485e8}.vgt-table.polar-bear thead th.sorting-asc:after{border-bottom:5px solid #7485e8}.vgt-table.polar-bear thead th .vgt-input,.vgt-table.polar-bear thead th .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-table.polar-bear thead th .vgt-input:focus,.vgt-table.polar-bear thead th .vgt-select:focus{outline:0;border-color:#cae0fe}.vgt-table.polar-bear thead tr:first-child th:first-child{border-top-left-radius:.25rem}.vgt-table.polar-bear thead tr:first-child th:last-child{border-top-right-radius:.25rem}.vgt-table.polar-bear.bordered td{border:1px solid #e3e8ee;background:#fff}.vgt-table.polar-bear.bordered th{border:1px solid #e3e8ee}.vgt-wrap.polar-bear .vgt-wrap__footer{color:#394567;border:1px solid #e3e8ee;border-bottom:0;border-top:0;background:linear-gradient(#f7fafc,#f7fafc)}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count{position:relative;padding-right:3px}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label{color:#98a5b9}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select{text-align:center;color:#525f7f;background:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;padding-right:30px;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand{display:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus{border-color:#5e72e4}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after{content:"";display:block;position:absolute;height:0;width:0;right:15px;top:50%;margin-top:-3px;border-top:6px solid #525f7f;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:none;pointer-events:none}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn{color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after{border-right-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after{border-left-color:#394567}.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info,.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info{color:#394567}.vgt-wrap.polar-bear .vgt-global-search{border:1px solid #e3e8ee;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;background:#f7fafc}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass{border:2px solid #dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before{background:#dde3ea}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select{height:2.75em;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e4ebf3}.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder,.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder{color:#394567;opacity:.3}
@charset "UTF-8";
#gds-loader .lobe {
  -webkit-animation: gds-loader-scale 4s cubic-bezier(0.49, 0.05, 0.32, 1.04) infinite;
  animation: gds-loader-scale 1s cubic-bezier(0.49, 0.05, 0.32, 1.04) infinite;
  opacity: 0.6;
}
#gds-loader .lobe-1 {
  transform-origin: 2.5px 11.5px;
  -webkit-transform-origin: 10% 50%;
  animation-delay: 0.16s;
}
#gds-loader .lobe-2 {
  transform-origin: 2.5px 11.5px;
  -webkit-transform-origin: 50% 50%;
  animation-delay: 0.32s;
}
#gds-loader .lobe-3 {
  transform-origin: 22.5px 11.5px;
  -webkit-transform-origin: 90% 50%;
  animation-delay: 0.48s;
}

@-webkit-keyframes gds-loader-scale {
  20% {
    transform: scaleY(1.3);
    opacity: 1;
  }
  40% {
    transform: scaleY(1);
    opacity: 0.6;
  }
}
@keyframes gds-loader-scale {
  20% {
    transform: scaleY(1.3);
    opacity: 1;
  }
  40% {
    transform: scaleY(1);
    opacity: 0.6;
  }
}
@font-face {
  font-family: "MaisonNeue";
  src: url(./assets/MaisonNeueWEB-Book.woff2) format("woff2"), url(./assets/MaisonNeueWEB-Book.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "MaisonNeue";
  src: url(./assets/MaisonNeueWEB-Light.woff2) format("woff2"), url(./assets/MaisonNeueWEB-Light.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "MaisonNeue";
  src: url(./assets/MaisonNeueWEB-Medium.woff2) format("woff2"), url(./assets/MaisonNeueWEB-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "MaisonNeue";
  src: url(./assets/MaisonNeueWEB-Demi.woff2) format("woff2"), url(./assets/MaisonNeueWEB-Demi.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}
/* outage center mixins */
/* Sweep To Right */
/* White Sweep To Right */
@media (min-width: 520px) {
  .link-banner {
    flex-direction: row;
  }
}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

ul {
  padding: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, :after, :before {
  box-sizing: border-box;
}

.gds-email-word-break {
  word-break: break-word;
}

.gds-font-demi, .form-message-box, .usage-detail__date-controllers--date, .usage-detail-controls-container .usage-detail__selected-date-container__selected-date, .usage-detail-controls-container .usage-detail__performance-summary .strong, .banner--one-action, .header-login__settings__nav-list li, .strong {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
}

.gds-font-medium {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 500;
}

.gds-font-book, .outage-center-main .outage-message__back-button, .outage-message__container, .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .outage-messages__notification-button, .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .outage-messages__collapsible-menu, .widget-daily-consumption .date :last-child, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text, .usage-detail__legend-item--text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 400;
}

.gds-font-light {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 200;
}

.gds-font-size-s, .widget-daily-consumption .date :first-child, .usage-detail__usage-graph-help-text, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text, .usage-detail__legend-item--text {
  font-size: 0.875rem;
}

.gds-font-size-m, .outage-center-main .outage-message__back-button, .outage-message__container, .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .outage-messages__notification-button, .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .outage-messages__collapsible-menu, .notifications__overview--type--description, .notifications__overview--configure-usage-alerts, .usage-detail-controls-container .usage-detail__selected-date-container__selected-date-sub-text, .usage-detail-controls-container .usage-detail__performance-summary {
  font-size: 1rem;
}

.gds-font-size-l, .widget-daily-consumption .date :last-child, .notifications__overview--type--heading {
  font-size: 1.125rem;
}

.gds-font-size-xl, .usage-detail__date-controllers--date, .usage-detail-controls-container .usage-detail__selected-date-container__selected-date {
  font-size: 1.5rem;
}

.gds-font-size-xxl {
  font-size: 1.875rem;
}

.gds-display-6 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 6.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.012em;
  line-height: 1.125;
}
.gds-display-6::before, .gds-display-6::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-6::before {
  margin-bottom: calc(-0.1237903226em + 0px);
}
.gds-display-6::after {
  margin-top: calc(-0.2528225806em + 0px);
}

.gds-display-5 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 4.75rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.012em;
  line-height: 1.125;
}
.gds-display-5::before, .gds-display-5::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-5::before {
  margin-bottom: calc(-0.1237903226em + 0px);
}
.gds-display-5::after {
  margin-top: calc(-0.2528225806em + 0px);
}

.gds-display-4, h1 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 3.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.125;
}
.gds-display-4::before, h1::before, .gds-display-4::after, h1::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-4::before, h1::before {
  margin-bottom: calc(-0.1237903226em + 0px);
}
.gds-display-4::after, h1::after {
  margin-top: calc(-0.2528225806em + 0px);
}

.gds-display-3, .my-account__modal-box--headline, h2 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  line-height: 1.125;
}
.gds-display-3::before, .my-account__modal-box--headline::before, h2::before, .gds-display-3::after, .my-account__modal-box--headline::after, h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-3::before, .my-account__modal-box--headline::before, h2::before {
  margin-bottom: calc(-0.1237903226em + 0px);
}
.gds-display-3::after, .my-account__modal-box--headline::after, h2::after {
  margin-top: calc(-0.2528225806em + 0px);
}

.gds-display-2, .export-data__modal-box--headline, .notifications__overview--modal--headline, .gds-card.gds-large .gds-card__title, .gds-card__title.gds-large, .gds-large.card .gds-card__title, .gds-card.gds-large .card__title, .gds-large.card .card__title, .gds-large.card__title, h3 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
}
.gds-display-2::before, .export-data__modal-box--headline::before, .notifications__overview--modal--headline::before, .gds-card.gds-large .gds-card__title::before, .gds-card__title.gds-large::before, .gds-large.card .gds-card__title::before, .gds-card.gds-large .card__title::before, .gds-large.card .card__title::before, .gds-large.card__title::before, h3::before, .gds-display-2::after, .export-data__modal-box--headline::after, .notifications__overview--modal--headline::after, .gds-card.gds-large .gds-card__title::after, .gds-card__title.gds-large::after, .gds-large.card .gds-card__title::after, .gds-card.gds-large .card__title::after, .gds-large.card .card__title::after, .gds-large.card__title::after, h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-2::before, .export-data__modal-box--headline::before, .notifications__overview--modal--headline::before, .gds-card.gds-large .gds-card__title::before, .gds-card__title.gds-large::before, .gds-large.card .gds-card__title::before, .gds-card.gds-large .card__title::before, .gds-large.card .card__title::before, .gds-large.card__title::before, h3::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-display-2::after, .export-data__modal-box--headline::after, .notifications__overview--modal--headline::after, .gds-card.gds-large .gds-card__title::after, .gds-card__title.gds-large::after, .gds-large.card .gds-card__title::after, .gds-card.gds-large .card__title::after, .gds-large.card .card__title::after, .gds-large.card__title::after, h3::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-display-1, .eicproduct-slat__title, .bill-pay-slat__title, .gds-slat__headline, .slat__headline, h4 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
}
.gds-display-1::before, .eicproduct-slat__title::before, .bill-pay-slat__title::before, .gds-slat__headline::before, .slat__headline::before, h4::before, .gds-display-1::after, .eicproduct-slat__title::after, .bill-pay-slat__title::after, .gds-slat__headline::after, .slat__headline::after, h4::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-1::before, .eicproduct-slat__title::before, .bill-pay-slat__title::before, .gds-slat__headline::before, .slat__headline::before, h4::before {
  margin-bottom: calc(-0.1862903226em + 1px);
}
.gds-display-1::after, .eicproduct-slat__title::after, .bill-pay-slat__title::after, .gds-slat__headline::after, .slat__headline::after, h4::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-display-0, .my-account-billing-report__custom-report-error-text, .username, .gds-fieldset__legend, .gds-segment-item__label, .gds-card.gds-data-card .gds-card__title, .gds-data-card.card .gds-card__title, .gds-card.gds-data-card .card__title, .gds-data-card.card .card__title, h5 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
}
.gds-display-0::before, .my-account-billing-report__custom-report-error-text::before, .username::before, .gds-fieldset__legend::before, .gds-segment-item__label::before, .gds-card.gds-data-card .gds-card__title::before, .gds-data-card.card .gds-card__title::before, .gds-card.gds-data-card .card__title::before, .gds-data-card.card .card__title::before, h5::before, .gds-display-0::after, .my-account-billing-report__custom-report-error-text::after, .username::after, .gds-fieldset__legend::after, .gds-segment-item__label::after, .gds-card.gds-data-card .gds-card__title::after, .gds-data-card.card .gds-card__title::after, .gds-card.gds-data-card .card__title::after, .gds-data-card.card .card__title::after, h5::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-0::before, .my-account-billing-report__custom-report-error-text::before, .username::before, .gds-fieldset__legend::before, .gds-segment-item__label::before, .gds-card.gds-data-card .gds-card__title::before, .gds-data-card.card .gds-card__title::before, .gds-card.gds-data-card .card__title::before, .gds-data-card.card .card__title::before, h5::before {
  margin-bottom: calc(-0.1862903226em + 1px);
}
.gds-display-0::after, .my-account-billing-report__custom-report-error-text::after, .username::after, .gds-fieldset__legend::after, .gds-segment-item__label::after, .gds-card.gds-data-card .gds-card__title::after, .gds-data-card.card .gds-card__title::after, .gds-card.gds-data-card .card__title::after, .gds-data-card.card .card__title::after, h5::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-display-00, .eicproduct-login__nav-item, a.ev-rebate__incentiveLinks, .bill-pay-login__nav-item, .bill-pay__external-link, .mobile-menu-toggle, .gds-input-field__label, .gds-segment-control.gds-compact .gds-segment-item__label, .past-due-wizard-login__nav-item, .usage-export__field-label, .gfield_label, h6 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.25;
}
.gds-display-00::before, .eicproduct-login__nav-item::before, a.ev-rebate__incentiveLinks::before, .bill-pay-login__nav-item::before, .bill-pay__external-link::before, .mobile-menu-toggle::before, .gds-input-field__label::before, .gds-segment-control.gds-compact .gds-segment-item__label::before, .past-due-wizard-login__nav-item::before, .usage-export__field-label::before, .gfield_label::before, h6::before, .gds-display-00::after, .eicproduct-login__nav-item::after, a.ev-rebate__incentiveLinks::after, .bill-pay-login__nav-item::after, .bill-pay__external-link::after, .mobile-menu-toggle::after, .gds-input-field__label::after, .gds-segment-control.gds-compact .gds-segment-item__label::after, .past-due-wizard-login__nav-item::after, .usage-export__field-label::after, .gfield_label::after, h6::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-00::before, .eicproduct-login__nav-item::before, a.ev-rebate__incentiveLinks::before, .bill-pay-login__nav-item::before, .bill-pay__external-link::before, .mobile-menu-toggle::before, .gds-input-field__label::before, .gds-segment-control.gds-compact .gds-segment-item__label::before, .past-due-wizard-login__nav-item::before, .usage-export__field-label::before, .gfield_label::before, h6::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-display-00::after, .eicproduct-login__nav-item::after, a.ev-rebate__incentiveLinks::after, .bill-pay-login__nav-item::after, .bill-pay__external-link::after, .mobile-menu-toggle::after, .gds-input-field__label::after, .gds-segment-control.gds-compact .gds-segment-item__label::after, .past-due-wizard-login__nav-item::after, .usage-export__field-label::after, .gfield_label::after, h6::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-body-large {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
}
.gds-body-large::before, .gds-body-large::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-large::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-body-large::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-body-largest {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.5rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
}
.gds-body-largest::before, .gds-body-largest::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-largest::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-body-largest::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-body-large-longform {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.375;
  hyphens: auto;
}
.gds-body-large-longform::before, .gds-body-large-longform::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-large-longform::before {
  margin-bottom: calc(-0.2487903226em + 0px);
}
.gds-body-large-longform::after {
  margin-top: calc(-0.3778225806em + 0px);
}

.gds-body-normal, .gfield_description,
.gsection_description {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  line-height: 1.375;
}
.gds-body-normal::before, .gfield_description::before,
.gsection_description::before, .gds-body-normal::after, .gfield_description::after,
.gsection_description::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-normal::before, .gfield_description::before,
.gsection_description::before {
  margin-bottom: calc(-0.2487903226em + 2px);
}
.gds-body-normal::after, .gfield_description::after,
.gsection_description::after {
  margin-top: calc(-0.3778225806em + 0px);
}

.gds-body-normal-longform {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  line-height: 1.56;
  hyphens: auto;
}
.gds-body-normal-longform::before, .gds-body-normal-longform::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-normal-longform::before {
  margin-bottom: calc(-0.3412903226em + 2px);
}
.gds-body-normal-longform::after {
  margin-top: calc(-0.4703225806em + 0px);
}

.gds-body-small {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  line-height: 1.375;
}
.gds-body-small::before, .gds-body-small::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-small::before {
  margin-bottom: calc(-0.2487903226em + 1px);
}
.gds-body-small::after {
  margin-top: calc(-0.3778225806em + 0px);
}

.gds-body-small-longform, p,
li {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  line-height: 1.5;
}
.gds-body-small-longform::before, p::before,
li::before, .gds-body-small-longform::after, p::after,
li::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-body-small-longform::before, p::before,
li::before {
  margin-bottom: calc(-0.3112903226em + 1px);
}
.gds-body-small-longform::after, p::after,
li::after {
  margin-top: calc(-0.4403225806em + 0px);
}

.gds-display-caption, .eicproduct-validation-error, .validation-error, .budget-billing-payarrange-warning-message, .wp-block-table td em, .price-table td em, .gds-slat__meta, .slat__meta, .gds-helper-text, .gds-helper-text-error, .validation_error,
.validation_message {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.25;
  overflow-wrap: break-word;
}
.gds-display-caption::before, .eicproduct-validation-error::before, .validation-error::before, .budget-billing-payarrange-warning-message::before, .wp-block-table td em::before, .price-table td em::before, .gds-slat__meta::before, .slat__meta::before, .gds-helper-text::before, .gds-helper-text-error::before, .validation_error::before,
.validation_message::before, .gds-display-caption::after, .eicproduct-validation-error::after, .validation-error::after, .budget-billing-payarrange-warning-message::after, .wp-block-table td em::after, .price-table td em::after, .gds-slat__meta::after, .slat__meta::after, .gds-helper-text::after, .gds-helper-text-error::after, .validation_error::after,
.validation_message::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-caption::before, .eicproduct-validation-error::before, .validation-error::before, .budget-billing-payarrange-warning-message::before, .wp-block-table td em::before, .price-table td em::before, .gds-slat__meta::before, .slat__meta::before, .gds-helper-text::before, .gds-helper-text-error::before, .validation_error::before,
.validation_message::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-display-caption::after, .eicproduct-validation-error::after, .validation-error::after, .budget-billing-payarrange-warning-message::after, .wp-block-table td em::after, .price-table td em::after, .gds-slat__meta::after, .slat__meta::after, .gds-helper-text::after, .gds-helper-text-error::after, .validation_error::after,
.validation_message::after {
  margin-top: calc(-0.3153225806em + 0px);
}

.gds-display-meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.146em;
  text-transform: uppercase;
  line-height: 1.125;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  overflow-wrap: break-word;
}
.gds-display-meta::before, .gds-display-meta::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-display-meta::before {
  margin-bottom: calc(-0.1237903226em + 0px);
}
.gds-display-meta::after {
  margin-top: calc(-0.2528225806em + 0px);
}

.gds-text-red, .my-account-billing-report__custom-report-error-text {
  color: #d70d13;
}

.gds-text-green {
  color: #00704a;
}

.gds-text-grey, .outage-center-main .outage-message__back-button, .widget-daily-consumption .date :first-child {
  color: #6f7383;
}

.gds-text-browngrey {
  color: #7d7d7d;
}

.gds-text-lightgrey {
  color: #d8d8d8;
}

.gds-text-black {
  color: #1a1a1a;
}

.gds-text-blue {
  color: #16439f;
}

.gds-text-white {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #ffffff;
}

.gds-linebreaks {
  white-space: pre-wrap;
}

.gds-nobreak {
  white-space: nowrap;
}

p[class^=gds-body-] a,
p[class^=gds-display-] a,
a.gds-link,
.gds-link a {
  color: #00704a;
  text-decoration: underline;
  font-weight: inherit;
}
p[class^=gds-body-] a:hover,
p[class^=gds-display-] a:hover,
a.gds-link:hover,
.gds-link a:hover {
  color: #1a1a1a;
}

p[class^=gds-display-] a,
.gds-link.gds-link--bold a,
a.gds-link.gds-link--bold {
  text-decoration: none;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

body.using-mouse p[class^=gds-body-] a:focus,
body.using-mouse p[class^=gds-display-] a:focus,
body.using-mouse a.gds-link:focus,
body.using-mouse .gds-link a:focus {
  outline: none;
}

body:not(.using-mouse) p[class^=gds-body-] a:focus,
body:not(.using-mouse) p[class^=gds-display-] a:focus,
body:not(.using-mouse) a.gds-link:focus,
body:not(.using-mouse) .gds-link a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

html {
  height: 100%;
}

body {
  min-width: 150px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}
@media (-webkit-max-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: greyscale;
  }
}

html * {
  box-sizing: border-box;
}

h1 {
  margin: 4rem 0;
}

h2 {
  margin: 3rem 0;
}

h3 {
  margin: 3rem 0;
}

h4 {
  margin: 2rem 0;
}

h5 {
  margin: 2rem 0;
}

h6 {
  margin: 2rem 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top: 0;
}

p,
ul,
ol {
  margin: 0 0 2rem 0;
}

ul, ol {
  margin-left: 1rem;
}

p a {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
}

a, a:link, a:visited {
  color: #00704a;
  text-decoration: underline;
}

a:hover {
  color: #1a1a1a;
}

a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
body.using-mouse a:focus {
  outline: none;
}

a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited, h4 a, h4 a:link, h4 a:visited, h5 a, h5 a:link, h5 a:visited, h6 a, h6 a:link, h6 a:visited {
  text-decoration: none;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.gds-position--relative {
  position: relative;
}

.gds-position--absolute {
  position: absolute;
}

.gds-margin--auto, .my-account-billing-report__custom-report-error-text {
  margin: 0 auto;
}

.gds-clearfix {
  clear: both;
}
.gds-clearfix:after {
  content: " "; /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.gds-align--block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gds-align--text-center, .usage-detail__usage-graph-help-text {
  text-align: center;
}

.gds-align--text-left {
  text-align: left;
}

.gds-align--text-right {
  text-align: right;
}

@media (max-width: 599.9px) {
  .gds-desktop-only,
  .gds-visibility--show-desktop {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .gds-mobile-only,
  .gds-visibility--show-mobile {
    display: none !important;
  }
}

.gds-visibility--hide {
  display: none;
}

.gds-visually-hidden,
.gds-visibility--hide-visually {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.gds-text--lowercase {
  text-transform: lowercase;
}

.gds-text--uppercase {
  text-transform: uppercase;
}

.gds-text--capitalize {
  text-transform: capitalize;
}

.gds-text--hyphens {
  hyphens: auto;
}

.gds-text--no-hyphens {
  hyphens: none;
}

.gds-text--bold {
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.gds-no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.gds-external-link {
  position: relative;
  display: inline-block;
}
.gds-external-link:after {
  position: absolute;
  top: -3px;
  right: -30px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M22.166 16.127H5.722v-2h16.384l-5.334-5.334 1.414-1.414 7.779 7.778-7.779 7.778-1.414-1.414 5.394-5.394z' id='a'/%3E%3C/defs%3E%3Cuse fill='%2300704a' transform='scale(1 -1) rotate(45 52.435 0)' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 130%;
  width: 24px;
  height: 24px;
}
.gds-external-link:hover:after, .gds-external-link:focus:after {
  filter: saturate(0%) brightness(0%) contrast(100%);
}

.gds-accessable-skip {
  position: absolute !important;
  top: 0;
  right: 100%; /* moves off screen */
}

.gds-accessable-skip:focus {
  right: auto;
  padding: 10px;
  background: #fff;
  z-index: 1000;
}

.using-mouse *:focus {
  outline: none;
}

.gds-aspect-frame, .page-header.page-header--image .page-header-image-accessory__frame, .lookup-tool .menu-media__image-container, .lookup-tool .lookup-tool-results__result-value--image-container, .related-resources-media__image-container, .gds-slide__image-container {
  overflow: hidden;
  box-sizing: content-box;
  position: relative;
  height: 0;
  margin: 0;
  width: 100%;
}

.gds-aspect-content, .lookup-tool .menu-media__image, .lookup-tool .lookup-tool-results__result-value--image-container img, .related-resources-media__image, .gds-slide__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;
}

.gds-aspect-square {
  padding-top: 100%;
}

.gds-aspect-16-9 {
  padding-top: 56.25%;
}

.gds-aspect-9-16 {
  padding-top: 177.78%;
}

.gds-aspect-4-3 {
  padding-top: 75%;
}

.gds-aspect-3-4 {
  padding-top: 133.3%;
}

.gds-aspect-golden {
  padding-top: 161.8%;
}

.gds-aspect-silver {
  padding-top: 61.8%;
}

.gds-aspect-3-2, .page-header.page-header--image .page-header-image-accessory__frame {
  padding-top: 66.66%;
}

.gds-aspect-2-3 {
  padding-top: 150%;
}

.gds-aspect-8-5 {
  padding-top: 62.5%;
}

.gds-icon {
  display: inline-block;
  font-size: 32px;
  width: var(--gds-icon-size, 1em);
  height: var(--gds-icon-size, 1em);
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.gds-icon.gds-gmpgreen-icon {
  stroke: #00704a;
  fill: #00704a;
}

.gds-space-stack-default {
  margin: 0 0 1rem 0;
}
.gds-space-stack-xs, .usage-dashboard__usage-visualization-and-tools--icon-text {
  margin: 0 0 0.25rem 0;
}
.gds-space-stack-s {
  margin: 0 0 0.5rem 0;
}
.gds-space-stack-m {
  margin: 0 0 1rem 0;
}
.gds-space-stack-ml {
  margin: 0 0 1.5rem 0;
}
.gds-space-stack-l, .usage-detail__usage-graph-container {
  margin: 0 0 2rem 0;
}
.gds-space-stack-xl, .usage-detail__usage-graph-key {
  margin: 0 0 4rem 0;
}
.gds-space-stack-xxl {
  margin: 0 0 8rem 0;
}
.gds-space-inline-default {
  margin: 0 1rem 0 0;
}
.gds-space-inline-xs {
  margin: 0 0.25rem 0 0;
}
.gds-space-inline-s, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle, .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle, .usage-detail__legend-item .usage-detail__legend-item--circle, .widget-net-metering__gen__summary__detail-item .widget-net-metering__gen__summary__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle {
  margin: 0 0.5rem 0 0;
}
.gds-space-inline-m {
  margin: 0 1rem 0 0;
}
.gds-space-inline-ml {
  margin: 0 1.5rem 0 0;
}
.gds-space-inline-l {
  margin: 0 2rem 0 0;
}
.gds-space-inline-xl {
  margin: 0 4rem 0 0;
}
.gds-space-inset-default {
  margin: 1rem 1rem 1rem 1rem;
}
.gds-space-inset-xs {
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.gds-space-inset-s {
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.gds-space-inset-m {
  margin: 1rem 1rem 1rem 1rem;
}
.gds-space-inset-ml {
  margin: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.gds-space-inset-l, .usage-detail__date-controllers {
  margin: 2rem 2rem 2rem 2rem;
}
.gds-space-inset-xl {
  margin: 4rem 4rem 4rem 4rem;
}
.gds-space-inset-squish-s {
  margin: 0.25rem 0.5rem 0.25rem 0.5rem;
}
.gds-space-inset-squish-m {
  margin: 0.5rem 1rem 0.5rem 1rem;
}
.gds-space-inset-squish-l {
  margin: 1rem 2rem 1rem 2rem;
}
.gds-space-inset-stretch-s {
  margin: 0.75rem 0.5rem 0.75rem 0.5rem;
}
.gds-space-inset-stretch-m {
  margin: 1.5rem 1rem 1.5rem 1rem;
}
.gds-space-inset-stretch-l {
  margin: 3rem 2rem 3rem 2rem;
}

.gds-space-top-xl {
  margin-top: 4rem;
}

.gds-space-top-l {
  margin-top: 2rem;
}

.gds-space-top-m {
  margin-top: 1rem;
}

.gds-no-margin {
  margin: 0;
}

.gds-grid-layout, .usage-detail-checkboxes-modal__col-2 {
  margin-bottom: 8rem;
}

.gds-grid-layout, .usage-detail-checkboxes-modal__col-2 {
  grid-template-columns: [first] 1fr [last];
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 1rem;
  grid-column-gap: 0.5rem;
  margin-left: 3%;
  margin-right: 3%;
}
@media (min-width: 900px) {
  .gds-grid-layout, .usage-detail-checkboxes-modal__col-2 {
    margin-left: 3.375rem;
    margin-right: 3.375rem;
  }
}
@media (min-width: 1600px) {
  .gds-grid-layout, .usage-detail-checkboxes-modal__col-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
  }
}

@media (min-width: 900px) {
  .gds-grid-layout.gds-indented, .gds-indented.usage-detail-checkboxes-modal__col-2 {
    margin-left: calc(3.375rem + (100% - 6.75rem - 11 * 1rem) / 12);
    margin-right: calc(3.375rem + (100% - 6.75rem - 11 * 1rem) / 12);
  }
}
@media (min-width: 1600px) {
  .gds-grid-layout.gds-indented, .gds-indented.usage-detail-checkboxes-modal__col-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
  }
}

.gds-grid-layout.gds-col-12, .gds-col-12.usage-detail-checkboxes-modal__col-2 {
  grid-template-columns: [first col-start] repeat(3, 1fr [col-start col-end]) 1fr [col-end last];
}
@media (min-width: 520px) {
  .gds-grid-layout.gds-col-12, .gds-col-12.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: [first col-start] repeat(3, 1fr [col-start col-end]) 1fr [col-end last];
  }
}
@media (min-width: 720px) {
  .gds-grid-layout.gds-col-12, .gds-col-12.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: [first col-start] repeat(7, 1fr [col-start col-end]) 1fr [col-end last];
    grid-column-gap: 1rem;
  }
}
@media (min-width: 900px) {
  .gds-grid-layout.gds-col-12, .gds-col-12.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: [first col-start] repeat(11, 1fr [col-start col-end]) 1fr [col-end last];
  }
}

.gds-grid-layout.gds-col-2, .usage-detail-checkboxes-modal__col-2 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 520px) {
  .gds-grid-layout.gds-col-2, .usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 720px) {
  .gds-grid-layout.gds-col-2, .usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .gds-grid-layout.gds-col-2, .usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gds-grid-layout.gds-col-3, .gds-col-3.usage-detail-checkboxes-modal__col-2 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 520px) {
  .gds-grid-layout.gds-col-3, .gds-col-3.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 720px) {
  .gds-grid-layout.gds-col-3, .gds-col-3.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .gds-grid-layout.gds-col-3, .gds-col-3.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.gds-grid-layout.gds-col-4, .gds-col-4.usage-detail-checkboxes-modal__col-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 520px) {
  .gds-grid-layout.gds-col-4, .gds-col-4.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 720px) {
  .gds-grid-layout.gds-col-4, .gds-col-4.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 900px) {
  .gds-grid-layout.gds-col-4, .gds-col-4.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .gds-grid-layout.gds-col-4, .gds-col-4.usage-detail-checkboxes-modal__col-2 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.gds-row {
  grid-column-start: 1;
  grid-column-end: -1;
  padding: 1rem 1rem 1rem 1rem;
  margin: 0 0 1rem 0;
}

.gds-grid-item {
  height: 4rem;
  background-color: #004737;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.gds-type-item {
  border: 1px solid #efebe5;
  grid-column-start: first;
  grid-column-end: col-end 6;
}
.gds-type-item p {
  display: inline-block;
  margin: 2rem 2rem 2rem 2rem;
}

.gds-grid-sidebar {
  display: grid;
  grid-template-columns: [sidebar-start] 25% [sidebar-end col-start] 9fr [col-end];
  grid-template-rows: [heading-start] auto [heading-end body-start] 800px [body-end];
  grid-template-areas: "header header" "sidebar body";
}

.gds-grid-item-sidebar {
  grid-area: sidebar;
  background-color: #ddd;
  overflow: hidden;
}

.gds-grid-item-header {
  grid-area: header;
}

.gds-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gds-flex-container--column {
  flex-direction: column;
}

.gds-flex-container--top {
  align-items: flex-start;
}

.gds-flex-container--bottom {
  align-items: flex-end;
}

.gds-flex-container--left {
  justify-content: flex-start;
}

.gds-flex-container--right {
  justify-content: flex-end;
}

.gds-flex-container--space-between {
  justify-content: space-between;
}

.gds-flex-container--nowrap {
  flex-wrap: nowrap;
}

.gds-flex-container--wrap {
  flex-wrap: wrap;
}

.gds-flex-container--stretch {
  align-items: stretch;
}

.pr {
  position: relative;
}

:root {
  /* Button Background */
  --gds-button-background-color: #00704a;
  --gds-button-background-color-hover: #1a1a1a;
  --gds-button-background-color-active: var(--gds-button-background-color-hover);
  --gds-button-background-color-disabled: var(--gds-button-background-color);
  /* Button Border and Border Radius */
  --gds-button-border-width: 0px;
  --gds-button-border-color: inherit;
  --gds-button-border-radius: 4px;
  --gds-button-border-color-hover: var(--gds-button-border-color);
  --gds-button-border-color-active: var(--gds-button-border-color);
  --gds-button-border-color-disabled: var(--gds-button-border-color);
  /* Button Text */
  --gds-button-text-color: #ffffff;
  --gds-button-text-color-hover: #ffffff;
  --gds-button-text-color-active: #ffffff;
  --gds-button-text-color-disabled: rgba(255, 255, 255, 0.8);
  --gds-button-text-align: center;
  --gds-button-text-decoration: none;
  --gds-button-text-decoration-hover: var(--gds-button-text-decoration);
  --gds-button-text-weight: 800;
  --gds-button-letter-spacing: -0.0125em;
  --gds-button-font-size: 1.125rem;
  /* Button Size and Spacing */
  --gds-button-min-height: 3.75rem;
  --gds-button-top-padding: 1.2rem;
  --gds-button-side-padding: 2rem;
  --gds-button-opacity: 1;
  --gds-button-opacity-disabled: 0.8;
  --gds-button-internal-element-gap: 6px;
  /* Loading Styles */
  --gds-button-loading-text-color: rgba(255, 255, 255, 0);
  --gds-button-border-color-loading: var(--gds-button-border-color);
  --gds-button-loading-background-color: var(--gds-button-background-color);
  /* Icon Styles */
  --gds-button-icon-color: #ffffff;
  --gds-button-icon-color-disabled: #d8d8d8;
  --gds-button-box-shadow: none;
  --gds-button-box-shadow-hover: none;
}

.gds-button, .price-options__form-control select, .blog__filter, a.help-center-category__title::after, .wp-block-button__link, .full-width-cta__main-link, .document-accessory__link, .document-grid .document-grid-document__link, .link.link--button, .gform_button, .ginput_container_list .gfield_list_icons a, .gds-slide__button, .gds-slat__button, .slat__button, .related-resources-content__button {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--gds-button-top-padding);
  padding-bottom: var(--gds-button-top-padding);
  padding-right: var(--gds-button-side-padding);
  padding-left: var(--gds-button-side-padding);
  border-radius: var(--gds-button-border-radius);
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: var(--gds-button-font-size);
  font-weight: var(--gds-button-text-weight);
  font-style: normal;
  font-stretch: normal;
  text-align: var(--gds-button-text-align);
  letter-spacing: var(--gds-button-letter-spacing);
  background-color: var(--gds-button-background-color);
  cursor: pointer;
  border-color: var(--gds-button-border-color);
  border-width: var(--gds-button-border-width);
  border-style: solid;
  text-decoration: var(--gds-button-text-decoration);
  opacity: var(--gds-button-opacity);
  min-height: var(--gds-button-min-height);
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  color: var(--gds-button-text-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  gap: var(--gds-button-internal-element-gap);
  box-shadow: var(--gds-button-box-shadow);
}
.gds-button:not(.no-hover):not(:disabled):hover, .price-options__form-control select:not(.no-hover):not(:disabled):hover, .blog__filter:not(.no-hover):not(:disabled):hover, a.help-center-category__title:not(.no-hover):not(:disabled):hover::after, .wp-block-button__link:not(.no-hover):not(:disabled):hover, .full-width-cta__main-link:not(.no-hover):not(:disabled):hover, .document-accessory__link:not(.no-hover):not(:disabled):hover, .document-grid .document-grid-document__link:not(.no-hover):not(:disabled):hover, .link.link--button:not(.no-hover):not(:disabled):hover, .gform_button:not(.no-hover):not(:disabled):hover, .ginput_container_list .gfield_list_icons a:not(.no-hover):not(:disabled):hover, .gds-slide__button:not(.no-hover):not(:disabled):hover, .gds-slat__button:not(.no-hover):not(:disabled):hover, .slat__button:not(.no-hover):not(:disabled):hover, .related-resources-content__button:not(.no-hover):not(:disabled):hover {
  background-color: var(--gds-button-background-color-hover);
  color: var(--gds-button-text-color-hover);
  border-color: var(--gds-button-border-color-hover);
  border-width: var(--gds-button-border-width);
  text-decoration: var(--gds-button-text-decoration-hover);
  box-shadow: var(--gds-button-box-shadow-hover);
  filter: none;
}
.gds-button:active, .price-options__form-control select:active, .blog__filter:active, a.help-center-category__title:active::after, .wp-block-button__link:active, .full-width-cta__main-link:active, .document-accessory__link:active, .document-grid .document-grid-document__link:active, .link.link--button:active, .gform_button:active, .ginput_container_list .gfield_list_icons a:active, .gds-slide__button:active, .gds-slat__button:active, .slat__button:active, .related-resources-content__button:active {
  background-color: var(--gds-button-background-color-active);
  color: var(--gds-button-text-color-active);
  border-color: var(--gds-button-border-color-active);
  border-width: var(--gds-button-border-width);
  filter: none;
}
.gds-button:disabled, .price-options__form-control select:disabled, .blog__filter:disabled, a.help-center-category__title:disabled::after, .wp-block-button__link:disabled, .full-width-cta__main-link:disabled, .document-accessory__link:disabled, .document-grid .document-grid-document__link:disabled, .link.link--button:disabled, .gform_button:disabled, .ginput_container_list .gfield_list_icons a:disabled, .gds-slide__button:disabled, .gds-slat__button:disabled, .slat__button:disabled, .related-resources-content__button:disabled {
  background-color: var(--gds-button-background-color-disabled);
  color: var(--gds-button-text-color-disabled);
  opacity: var(--gds-button-opacity-disabled);
  border-color: var(--gds-button-border-color-disabled);
  border-width: var(--gds-button-border-width);
  cursor: not-allowed;
}
.gds-button.gds-loading, .price-options__form-control select.gds-loading, .gds-loading.blog__filter, a.gds-loading.help-center-category__title::after, .gds-loading.wp-block-button__link, .gds-loading.full-width-cta__main-link, .gds-loading.document-accessory__link, .document-grid .gds-loading.document-grid-document__link, .gds-loading.link.link--button, .gds-loading.gform_button, .ginput_container_list .gfield_list_icons a.gds-loading, .gds-loading.gds-slide__button, .gds-loading.gds-slat__button, .gds-loading.slat__button, .gds-loading.related-resources-content__button {
  border-color: var(--gds-button-border-color-loading);
  border-width: var(--gds-button-border-width);
  color: var(--gds-button-loading-text-color);
  background-color: var(--gds-button-loading-background-color);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23ffffff' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.gds-secondary, .price-options__form-control select, .blog__filter, a.help-center-category__title::after, .wp-block-button.is-style-outline .wp-block-button__link, .document-accessory__link, .document-grid .document-grid-document__link, .link.link--button.link--light, .ginput_container_list .gfield_list_icons a, .gds-slide__button,
.gds-button-outline {
  --gds-button-border-width: 2px;
  --gds-button-border-color: rgba(0, 0, 0, 0.2);
  --gds-button-text-color: #1a1a1a;
  --gds-button-text-color-hover: var(--gds-button-text-color);
  --gds-button-background-color: transparent;
  --gds-button-border-color-hover: rgba(0, 0, 0, 0.99);
  --gds-button-background-color-hover: var(--gds-button-background-color);
  --gds-button-background-color-active: var(--gds-button-background-color);
  --gds-button-border-color-active: var(--gds-button-border-color-hover);
  --gds-button-border-color-disabled: #d8d8d8;
  --gds-button-background-color-disabled: rgba(207, 207, 207, 0.25);
  --gds-button-text-color-disabled: #7f7f7f;
  --gds-button-icon-color: #00704a;
  padding-top: calc(var(--gds-button-top-padding) - var(--gds-button-border-width));
  padding-bottom: calc(var(--gds-button-top-padding) - var(--gds-button-border-width));
  padding-right: calc(var(--gds-button-side-padding) - var(--gds-button-border-width));
  padding-left: calc(var(--gds-button-side-padding) - var(--gds-button-border-width));
}
.gds-secondary.gds-loading, .price-options__form-control select.gds-loading, .gds-loading.blog__filter, a.gds-loading.help-center-category__title::after, .wp-block-button.is-style-outline .gds-loading.wp-block-button__link, .gds-loading.document-accessory__link, .document-grid .gds-loading.document-grid-document__link, .gds-loading.link.link--button.link--light, .ginput_container_list .gfield_list_icons a.gds-loading, .gds-loading.gds-slide__button,
.gds-button-outline.gds-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.gds-orange, .wp-block-button__link, .full-width-cta__main-link, .gds-slat__button, .slat__button, .related-resources-content__button,
.gds-button-orange {
  --gds-button-text-color: #ffffff;
  --gds-button-background-color: #ef6723;
}

.gds-blue,
.gds-button-blue {
  --gds-button-text-color: #ffffff;
  --gds-button-background-color: #007cbc;
}

.gds-red,
.gds-button-red {
  --gds-button-border-color: #d70d13;
  --gds-button-text-color: #d70d13;
  --gds-button-text-color-hover: #1a1a1a;
  --gds-button-text-color-focus: #1a1a1a;
  --gds-button-border-color-loading: #d8d8d8;
}

.gds-button-white {
  --gds-button-text-color: inherit;
  --gds-button-background-color: #ffffff;
  --gds-button-border-color: #ffffff;
  background-image: var(--gds-button-background-image-light);
}

.gds-full-red-button {
  --gds-button-background-color: #d70d13;
  --gds-button-text-color: #ffffff;
  --gds-button-border-color: #d70d13;
  --gds-button-background-color-hover: rgb(142.8618421053, 8.6381578947, 12.625);
  --gds-button-border-color-hover: rgb(142.8618421053, 8.6381578947, 12.625);
  --gds-button-background-color-active: rgb(70.7236842105, 4.2763157895, 6.25);
  --gds-button-border-color-active: rgb(70.7236842105, 4.2763157895, 6.25);
}

.gds-small-button,
.gds-button-small {
  font-size: 0.8rem;
  --gds-button-top-padding: 0.25rem;
  --gds-button-side-padding: 0.5rem;
  --gds-button-font-size: 0.8rem;
  --gds-button-min-height: 1.5rem;
}

.gds-button-full,
.gds-button-full-width {
  width: 100%;
}

.gds-compact, .blog__filter {
  --gds-button-top-padding: 0.9rem;
  --gds-button-side-padding: 1.8rem;
  --gds-button-font-size: 1rem;
  --gds-button-min-height: 3rem;
}

.gds-round, .wp-block-button__link, .full-width-cta__main-link, .link.link--button, .gds-slide__button, .gds-button-round {
  --gds-button-border-radius: 500px;
}

body:not(.using-mouse) .gds-button:focus, body:not(.using-mouse) .price-options__form-control select:focus, .price-options__form-control body:not(.using-mouse) select:focus, body:not(.using-mouse) .blog__filter:focus, body:not(.using-mouse) a.help-center-category__title:focus::after, body:not(.using-mouse) .wp-block-button__link:focus, body:not(.using-mouse) .full-width-cta__main-link:focus, body:not(.using-mouse) .document-accessory__link:focus, body:not(.using-mouse) .document-grid .document-grid-document__link:focus, .document-grid body:not(.using-mouse) .document-grid-document__link:focus, body:not(.using-mouse) .link.link--button:focus, body:not(.using-mouse) .gform_button:focus, body:not(.using-mouse) .ginput_container_list .gfield_list_icons a:focus, .ginput_container_list .gfield_list_icons body:not(.using-mouse) a:focus, body:not(.using-mouse) .gds-slide__button:focus, body:not(.using-mouse) .gds-slat__button:focus, body:not(.using-mouse) .slat__button:focus, body:not(.using-mouse) .related-resources-content__button:focus {
  outline: 0;
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #000;
}

.gds-button-circle, a.help-center-category__title::after, .document-accessory__link, .document-grid .document-grid-document__link, .ginput_container_list .gfield_list_icons a, .gds-slat__button, .slat__button, .related-resources-content__button {
  --gds-button-border-radius: 500px;
  --gds-button-size: 3rem;
  --gds-button-height: var(--gds-button-size);
  --gds-button-width: var(--gds-button-size);
  height: var(--gds-button-height);
  width: var(--gds-button-width);
  padding: 0;
  --gds-button-min-height: 0;
  --gds-button-icon-color: #1a1a1a;
  flex-shrink: 0;
}

.gds-secondary.gds-invert, .price-options__form-control select.gds-invert, .gds-invert.blog__filter, a.gds-invert.help-center-category__title::after, .wp-block-button.is-style-outline .gds-invert.wp-block-button__link, .gds-invert.document-accessory__link, .document-grid .gds-invert.document-grid-document__link, .gds-invert.link.link--button.link--light, .ginput_container_list .gfield_list_icons a.gds-invert, .gds-invert.gds-slide__button,
.gds-invert .gds-secondary,
.gds-invert .price-options__form-control select,
.price-options__form-control .gds-invert select,
.gds-invert .blog__filter,
.gds-invert a.help-center-category__title::after,
.gds-invert .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .gds-invert .wp-block-button__link,
.gds-invert .document-accessory__link,
.gds-invert .document-grid .document-grid-document__link,
.document-grid .gds-invert .document-grid-document__link,
.gds-invert .link.link--button.link--light,
.gds-invert .ginput_container_list .gfield_list_icons a,
.ginput_container_list .gfield_list_icons .gds-invert a,
.gds-invert .gds-slide__button {
  --gds-button-border-color: rgba(255, 255, 255, 0.5);
  --gds-button-text-color: #ffffff;
  --gds-button-border-color-hover: rgba(255, 255, 255, 0.99);
  --gds-button-border-color-active: rgba(255, 255, 255, 0.99);
}

.gds-text-button,
.gds-button-text {
  padding: 0;
  min-height: 0.5rem;
  max-width: 100%;
  background-color: transparent !important;
  --gds-button-background-color: transparent;
  --gds-button-border-color: transparent;
  --gds-button-text-color: #1a1a1a;
  --gds-button-text-color-hover: #1a1a1a;
  --gds-button-text-color-active: #1a1a1a;
  --gds-button-border-color-hover: rgba(255, 255, 255, 0.99);
  --gds-button-icon-color: #00704a;
}
.gds-text-button .gds-button__text,
.gds-button-text .gds-button__text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #00704a;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.gds-text-button .gds-button__text:hover, .gds-text-button .gds-button__text:focus,
.gds-button-text .gds-button__text:hover,
.gds-button-text .gds-button__text:focus {
  color: #1a1a1a;
}
.gds-text-button.dark .gds-button__text,
.gds-button-text.dark .gds-button__text {
  color: #ffffff;
}
.gds-text-button.dark .gds-button__text:hover, .gds-text-button.dark .gds-button__text:focus,
.gds-button-text.dark .gds-button__text:hover,
.gds-button-text.dark .gds-button__text:focus {
  color: #d8d8d8;
}
.gds-text-button.grey .gds-button__text,
.gds-button-text.grey .gds-button__text {
  color: #6f7383;
}
.gds-text-button.grey .gds-button__text:hover, .gds-text-button.grey .gds-button__text:focus,
.gds-button-text.grey .gds-button__text:hover,
.gds-button-text.grey .gds-button__text:focus {
  color: #1a1a1a;
}
.gds-text-button.red .gds-button__text,
.gds-button-text.red .gds-button__text {
  color: #d70d13;
}
.gds-text-button.red .gds-button__text:hover, .gds-text-button.red .gds-button__text:focus,
.gds-button-text.red .gds-button__text:hover,
.gds-button-text.red .gds-button__text:focus {
  color: #1a1a1a;
}
.gds-text-button.green,
.gds-button-text.green {
  --gds-button-text-color: #00704a;
}
.gds-text-button.white,
.gds-button-text.white {
  --gds-button-text-color: #ffffff;
}
.gds-text-button.hover-white,
.gds-button-text.hover-white {
  --gds-button-text-color-hover: #ffffff;
}

a.gds-button, a.blog__filter, a.help-center-category__title::after, a.wp-block-button__link, a.full-width-cta__main-link, a.document-accessory__link, .document-grid a.document-grid-document__link, a.link.link--button, a.gform_button, .ginput_container_list .gfield_list_icons a, a.gds-slide__button, a.gds-slat__button, a.slat__button, a.related-resources-content__button {
  text-decoration: var(--gds-button-text-decoration);
  color: var(--gds-button-text-color);
}
a.gds-button:link, a.blog__filter:link, a.help-center-category__title:link::after, a.wp-block-button__link:link, a.full-width-cta__main-link:link, a.document-accessory__link:link, .document-grid a.document-grid-document__link:link, a.link.link--button:link, a.gform_button:link, .ginput_container_list .gfield_list_icons a:link, a.gds-slide__button:link, a.gds-slat__button:link, a.slat__button:link, a.related-resources-content__button:link, a.gds-button:hover, a.blog__filter:hover, a.help-center-category__title:hover::after, a.wp-block-button__link:hover, a.full-width-cta__main-link:hover, a.document-accessory__link:hover, .document-grid a.document-grid-document__link:hover, a.link.link--button:hover, a.gform_button:hover, .ginput_container_list .gfield_list_icons a:hover, a.gds-slide__button:hover, a.gds-slat__button:hover, a.slat__button:hover, a.related-resources-content__button:hover, a.gds-button:active, a.blog__filter:active, a.help-center-category__title:active::after, a.wp-block-button__link:active, a.full-width-cta__main-link:active, a.document-accessory__link:active, .document-grid a.document-grid-document__link:active, a.link.link--button:active, a.gform_button:active, .ginput_container_list .gfield_list_icons a:active, a.gds-slide__button:active, a.gds-slat__button:active, a.slat__button:active, a.related-resources-content__button:active, a.gds-button:visited, a.blog__filter:visited, a.help-center-category__title:visited::after, a.wp-block-button__link:visited, a.full-width-cta__main-link:visited, a.document-accessory__link:visited, .document-grid a.document-grid-document__link:visited, a.link.link--button:visited, a.gform_button:visited, .ginput_container_list .gfield_list_icons a:visited, a.gds-slide__button:visited, a.gds-slat__button:visited, a.slat__button:visited, a.related-resources-content__button:visited {
  color: var(--gds-button-text-color);
}

.gds-button-small-text {
  --gds-button-font-size: 1rem;
}

.gds-button-underline {
  --gds-button-text-decoration: underline;
}

.gds-button-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.gds-button-nowrap > * {
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.gds-badge {
  display: inline-block;
  margin-right: 4px;
  padding: 2px 2px 0px;
  text-align: center;
  vertical-align: baseline;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 0.75rem;
  border-radius: 2px;
  text-transform: uppercase;
}

.gds-badge.new-item {
  background-color: #00704a;
  color: #ffffff;
}

.gds-badge.danger-item {
  background-color: #d70d13;
  color: #ffffff;
}

.gds-badge.info-item {
  color: #6f7383;
  border: solid 1px #d8d8d8;
}

.gds-badge.space-top {
  margin-top: 4px;
}

.gds-card, .card,
a.card, a.gds-card {
  background-color: #f7f5f1;
  min-height: 200px;
  text-decoration: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.gds-card__caption, .card__caption, a.gds-card__caption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  margin: 0 0 1.5rem 0;
  order: -1;
  width: 100%;
}

@media (max-width: 720px) {
  .gds-card, .card,
  a.card, a.gds-card {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
@media (min-width: 720px) {
  .gds-card, .card,
  a.card, a.gds-card {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
@media (min-width: 900px) {
  .gds-card, .card,
  a.card, a.gds-card {
    margin: 1rem 1rem 1rem 1rem;
  }
}
.gds-card__contents, .card__contents {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
  min-height: 4rem;
  width: 100%;
}

@media (min-width: 720px) {
  .gds-card__contents, .card__contents {
    padding: 2rem 2rem 2rem 2rem;
  }
}
.gds-card__title, .card__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #1a1a1a;
  margin: 0 0 2rem 0;
  flex-grow: 1;
  width: 100%;
}

.gds-card__body, .card__body {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #1a1a1a;
  margin: 0 0 4rem 0;
  display: flex;
  flex-grow: 40;
  width: 100%;
}

.gds-card__link, .card__link {
  color: #00704a;
  text-decoration: none;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
}
.gds-card__link, .card__link, .gds-card__link:link, .gds-card__link:visited {
  text-decoration: inherit;
  color: inherit;
}

.gds-card__image-container, .card__image-container {
  min-height: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.gds-card__image-container img, .card__image-container img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.gds-card:focus, .card:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.gds-card.gds-background-blue, .gds-background-blue.card {
  background-color: #34545f;
}

.gds-card.gds-background-green, .gds-background-green.card {
  background-color: #00704a;
}

.gds-card.gds-background-forestgreen, .gds-background-forestgreen.card {
  background-color: #004737;
}

.gds-card.gds-background-midnight, .gds-background-midnight.card {
  background-color: #202737;
}

.gds-card.gds-background-orange, .gds-background-orange.card {
  background-color: #ef6723;
}

.gds-card.gds-invert .gds-card__title, .gds-invert.card .gds-card__title, .gds-card.gds-invert .card__title, .gds-invert.card .card__title,
.gds-card.gds-invert .gds-card__caption,
.gds-invert.card .gds-card__caption,
.gds-card.gds-invert .card__caption,
.gds-invert.card .card__caption,
.gds-card.gds-invert .gds-card__body,
.gds-invert.card .gds-card__body,
.gds-card.gds-invert .card__body,
.gds-invert.card .card__body,
.gds-card.gds-invert .gds-card__link,
.gds-invert.card .gds-card__link,
.gds-card.gds-invert .card__link,
.gds-invert.card .card__link,
.gds-card.gds-background-blue .gds-card__title,
.gds-background-blue.card .gds-card__title,
.gds-card.gds-background-blue .card__title,
.gds-background-blue.card .card__title,
.gds-card.gds-background-blue .gds-card__caption,
.gds-background-blue.card .gds-card__caption,
.gds-card.gds-background-blue .card__caption,
.gds-background-blue.card .card__caption,
.gds-card.gds-background-blue .gds-card__body,
.gds-background-blue.card .gds-card__body,
.gds-card.gds-background-blue .card__body,
.gds-background-blue.card .card__body,
.gds-card.gds-background-blue .gds-card__link,
.gds-background-blue.card .gds-card__link,
.gds-card.gds-background-blue .card__link,
.gds-background-blue.card .card__link,
.gds-card.gds-background-green .gds-card__title,
.gds-background-green.card .gds-card__title,
.gds-card.gds-background-green .card__title,
.gds-background-green.card .card__title,
.gds-card.gds-background-green .gds-card__caption,
.gds-background-green.card .gds-card__caption,
.gds-card.gds-background-green .card__caption,
.gds-background-green.card .card__caption,
.gds-card.gds-background-green .gds-card__body,
.gds-background-green.card .gds-card__body,
.gds-card.gds-background-green .card__body,
.gds-background-green.card .card__body,
.gds-card.gds-background-green .gds-card__link,
.gds-background-green.card .gds-card__link,
.gds-card.gds-background-green .card__link,
.gds-background-green.card .card__link,
.gds-card.gds-background-forestgreen .gds-card__title,
.gds-background-forestgreen.card .gds-card__title,
.gds-card.gds-background-forestgreen .card__title,
.gds-background-forestgreen.card .card__title,
.gds-card.gds-background-forestgreen .gds-card__caption,
.gds-background-forestgreen.card .gds-card__caption,
.gds-card.gds-background-forestgreen .card__caption,
.gds-background-forestgreen.card .card__caption,
.gds-card.gds-background-forestgreen .gds-card__body,
.gds-background-forestgreen.card .gds-card__body,
.gds-card.gds-background-forestgreen .card__body,
.gds-background-forestgreen.card .card__body,
.gds-card.gds-background-forestgreen .gds-card__link,
.gds-background-forestgreen.card .gds-card__link,
.gds-card.gds-background-forestgreen .card__link,
.gds-background-forestgreen.card .card__link,
.gds-card.gds-background-orange .gds-card__title,
.gds-background-orange.card .gds-card__title,
.gds-card.gds-background-orange .card__title,
.gds-background-orange.card .card__title,
.gds-card.gds-background-orange .gds-card__caption,
.gds-background-orange.card .gds-card__caption,
.gds-card.gds-background-orange .card__caption,
.gds-background-orange.card .card__caption,
.gds-card.gds-background-orange .gds-card__body,
.gds-background-orange.card .gds-card__body,
.gds-card.gds-background-orange .card__body,
.gds-background-orange.card .card__body,
.gds-card.gds-background-orange .gds-card__link,
.gds-background-orange.card .gds-card__link,
.gds-card.gds-background-orange .card__link,
.gds-background-orange.card .card__link {
  color: #ffffff;
}

.gds-card.gds-open, .gds-open.card {
  background-color: transparent;
  justify-content: flex-start;
}
.gds-card.gds-open .gds-card__contents, .gds-open.card .gds-card__contents, .gds-card.gds-open .card__contents, .gds-open.card .card__contents {
  padding: 0;
  min-height: auto;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: inherit;
}
@media (min-width: 720px) {
  .gds-card.gds-open .gds-card__contents, .gds-open.card .gds-card__contents, .gds-card.gds-open .card__contents, .gds-open.card .card__contents {
    padding: 0;
    padding-top: 2rem;
  }
}
.gds-card.gds-open .gds-card__body, .gds-open.card .gds-card__body, .gds-card.gds-open .card__body, .gds-open.card .card__body {
  flex-grow: inherit;
  padding-right: 1rem;
  margin: 0 0 1.5rem 0;
}
.gds-card.gds-open .gds-card__title, .gds-open.card .gds-card__title, .gds-card.gds-open .card__title, .gds-open.card .card__title {
  flex-grow: inherit;
  padding-right: 1rem;
}
.gds-card.gds-open .gds-card__link, .gds-open.card .gds-card__link, .gds-card.gds-open .card__link, .gds-open.card .card__link {
  margin: 0 0 2rem 0;
}
.gds-card.gds-open .gds-card__button, .gds-open.card .gds-card__button, .gds-card.gds-open a.help-center-category__title::after, .gds-open.card a.help-center-category__title::after, .gds-card.gds-open .document-accessory__link, .gds-open.card .document-accessory__link, .gds-card.gds-open .document-grid .document-grid-document__link, .document-grid .gds-card.gds-open .document-grid-document__link, .gds-open.card .document-grid .document-grid-document__link, .document-grid .gds-open.card .document-grid-document__link, .gds-card.gds-open .link-arrow, .gds-open.card .link-arrow,
.gds-card.gds-open .page-arrow,
.gds-open.card .page-arrow {
  margin: 0 0 2rem 0;
}

.gds-card.gds-open.gds-hover-zoom-shadow:hover, .gds-open.gds-hover-zoom-shadow.card:hover {
  box-shadow: none;
}
.gds-card.gds-open.gds-hover-zoom-shadow:hover .gds-card__image-container, .gds-open.gds-hover-zoom-shadow.card:hover .gds-card__image-container, .gds-card.gds-open.gds-hover-zoom-shadow:hover .card__image-container, .gds-open.gds-hover-zoom-shadow.card:hover .card__image-container {
  box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.08), 0 8px 15px -5px rgba(0, 0, 0, 0.16);
}

.gds-card.gds-open:focus, .gds-open.card:focus {
  outline: 0;
}
.gds-card.gds-open:focus .gds-card__image-container, .gds-open.card:focus .gds-card__image-container, .gds-card.gds-open:focus .card__image-container, .gds-open.card:focus .card__image-container {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.gds-card.gds-open:focus .gds-card__title span, .gds-open.card:focus .gds-card__title span, .gds-card.gds-open:focus .card__title span, .gds-open.card:focus .card__title span {
  outline: 0;
  box-shadow: inset 0 -2px #fff, inset 0 -4px #000;
  display: inline;
}

.gds-card.gds-data-card, .gds-data-card.card {
  background-color: #ffffff;
  color: #1a1a1a;
  min-height: 200px;
  text-decoration: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  align-items: stretch;
  justify-content: space-between;
  min-height: 4rem;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.gds-card.gds-data-card .gds-card__caption, .gds-data-card.card .gds-card__caption, .gds-card.gds-data-card .card__caption, .gds-data-card.card .card__caption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #1a1a1a;
  margin: 0 0 1.5rem 0;
  order: 0;
}

@media (min-width: 720px) {
  .gds-card.gds-data-card, .gds-data-card.card {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
@media (min-width: 900px) {
  .gds-card.gds-data-card, .gds-data-card.card {
    margin: 1rem 1rem 1rem 1rem;
  }
}
.gds-card.gds-data-card .gds-card__title, .gds-data-card.card .gds-card__title, .gds-card.gds-data-card .card__title, .gds-data-card.card .card__title {
  color: #1a1a1a;
  margin: 0 0 1rem 0;
  flex-grow: 0;
}

.gds-card__data-container {
  margin: 0 0 1.5rem 0;
  flex-grow: 1;
  padding-bottom: 0.1rem;
}

.gds-card.gds-card--size-s, .gds-card--size-s.card {
  max-width: 15rem;
  min-height: 16.75rem;
}
.gds-card.gds-card--size-m, .gds-card--size-m.card {
  max-width: 16.75rem;
  min-height: 22rem;
}

.gds-card-group {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gds-card-group .gds-card, .gds-card-group .card {
  min-width: 11rem;
  min-height: 11rem;
  width: 100%;
  max-width: 20rem;
  min-height: 13rem;
}
.gds-card-group.gds-card--size-s .gds-card, .gds-card-group.gds-card--size-s .card {
  max-width: 15rem;
  min-height: 16.75rem;
}
.gds-card-group.gds-card--size-m .gds-card, .gds-card-group.gds-card--size-m .card {
  max-width: 16.75rem;
  min-height: 22rem;
}

.gds-card.gds-loading, .gds-loading.card {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
}
.gds-card.gds-loading.gds-invert, .gds-loading.gds-invert.card {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23ffffff' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.outage-restoration-page__columns {
  padding: 0 2rem;
}

@media (max-width: 720px) {
  .outage-restoration-page__columns--number-first {
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  .outage-restoration-page__columns--image-first {
    flex-direction: column-reverse;
  }
}

.outage-restoration-page__numbers {
  width: 4rem;
}

.gds-fieldset, .gform_body ul {
  border: 0;
}

.gds-fieldset__legend {
  display: block;
  margin: 0 0 1rem 0;
}

.gds-fieldset__legend + .gds-fieldset__instructions {
  margin-top: -0.5rem;
}

.gds-fieldset__instructions {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  display: block;
  margin: 0 0 2rem 0;
}

.gds-fieldset .gds-checkbox, .gform_body ul .gds-checkbox, .gds-fieldset .induction-cooktop-stove-fossil-fuel-replacement-checkbox, .gform_body ul .induction-cooktop-stove-fossil-fuel-replacement-checkbox {
  margin: 0 0 1rem 0;
}
.gds-fieldset .gds-checkbox.gds-no-margin, .gform_body ul .gds-checkbox.gds-no-margin, .gds-fieldset .gds-no-margin.induction-cooktop-stove-fossil-fuel-replacement-checkbox, .gform_body ul .gds-no-margin.induction-cooktop-stove-fossil-fuel-replacement-checkbox {
  margin: 0;
}

.gds-fieldset .gds-switch, .gform_body ul .gds-switch {
  margin: 0 0 1rem 0;
}

.gds-fieldset .gds-radio, .gform_body ul .gds-radio, .gds-fieldset .installation-options__radio, .gform_body ul .installation-options__radio {
  margin: 0 0 1rem 0;
}

.gds-fieldset.gds-fieldset--inline .gds-checkbox, .gform_body ul.gds-fieldset--inline .gds-checkbox, .gds-fieldset.gds-fieldset--inline .induction-cooktop-stove-fossil-fuel-replacement-checkbox, .gform_body ul.gds-fieldset--inline .induction-cooktop-stove-fossil-fuel-replacement-checkbox {
  margin: 0 2rem 0 0;
  display: inline-block;
  vertical-align: top;
}

.gds-fieldset.gds-fieldset--inline .gds-radio, .gform_body ul.gds-fieldset--inline .gds-radio, .gds-fieldset.gds-fieldset--inline .installation-options__radio, .gform_body ul.gds-fieldset--inline .installation-options__radio {
  margin: 0 1.5rem 0 0;
  display: inline-block;
  vertical-align: top;
}

.gds-fieldset.gds-fieldset--no-left-padding, .gform_body ul.gds-fieldset--no-left-padding {
  padding-left: 0;
}

@media (max-width: 900px) {
  .gds-fieldset.gds-fieldset--no-left-padding-when-small, .gform_body ul.gds-fieldset--no-left-padding-when-small {
    padding-left: 0;
  }
}

.gds-helper-text, .gds-helper-text-error, .validation_error,
.validation_message {
  max-width: 20em;
  display: block;
  margin-top: 0.5rem;
}

.gds-input-field, .usage-export__select, .ginput_container {
  position: relative;
}
.gds-input-field__input, .eicproduct-input-field__select, .eicproduct-input-field__select-s, .eicproduct-input-field-l__select, .eicproduct-input-field__select-country-us, .eicproduct-input-field__select-country-ca, .bill-pay-input-field__select, .usage-export__select, .ginput_container input,
.ginput_container select,
.ginput_container textarea {
  border: 1px solid #a7a7a7;
  padding: 1rem 1rem 1rem 1rem;
  padding: 1.1rem 1rem 0.9rem 1rem;
  border-radius: 2px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  width: 100%;
}
.gds-input-field__label, .usage-export__field-label, .gfield_label {
  color: #6f7383;
  margin: 0 0 0.75rem 0;
  display: block;
  cursor: pointer;
}

.gds-input-field:hover .gds-input-field__input, .usage-export__select:hover .gds-input-field__input, .ginput_container:hover .gds-input-field__input, .gds-input-field:hover .eicproduct-input-field__select, .usage-export__select:hover .eicproduct-input-field__select, .ginput_container:hover .eicproduct-input-field__select, .gds-input-field:hover .eicproduct-input-field__select-s, .usage-export__select:hover .eicproduct-input-field__select-s, .ginput_container:hover .eicproduct-input-field__select-s, .gds-input-field:hover .eicproduct-input-field-l__select, .usage-export__select:hover .eicproduct-input-field-l__select, .ginput_container:hover .eicproduct-input-field-l__select, .gds-input-field:hover .eicproduct-input-field__select-country-us, .usage-export__select:hover .eicproduct-input-field__select-country-us, .ginput_container:hover .eicproduct-input-field__select-country-us, .gds-input-field:hover .eicproduct-input-field__select-country-ca, .usage-export__select:hover .eicproduct-input-field__select-country-ca, .ginput_container:hover .eicproduct-input-field__select-country-ca, .gds-input-field:hover .bill-pay-input-field__select, .usage-export__select:hover .bill-pay-input-field__select, .ginput_container:hover .bill-pay-input-field__select, .gds-input-field:hover .usage-export__select, .usage-export__select:hover .usage-export__select, .ginput_container:hover .usage-export__select, .gds-input-field:hover .ginput_container input, .ginput_container .gds-input-field:hover input, .usage-export__select:hover .ginput_container input, .ginput_container .usage-export__select:hover input, .ginput_container:hover input,
.gds-input-field:hover .ginput_container select,
.ginput_container .gds-input-field:hover select,
.usage-export__select:hover .ginput_container select,
.ginput_container .usage-export__select:hover select,
.ginput_container:hover select,
.gds-input-field:hover .ginput_container textarea,
.ginput_container .gds-input-field:hover textarea,
.usage-export__select:hover .ginput_container textarea,
.ginput_container .usage-export__select:hover textarea,
.ginput_container:hover textarea {
  border-color: #6f7383;
  box-shadow: inset 0px 0px 0px 1px #6f7383;
}

.gds-input-field:hover .gds-input-field__input:focus, .gds-input-field__input:focus, .eicproduct-input-field__select:focus, .eicproduct-input-field__select-s:focus, .eicproduct-input-field-l__select:focus, .eicproduct-input-field__select-country-us:focus, .eicproduct-input-field__select-country-ca:focus, .bill-pay-input-field__select:focus, .usage-export__select:focus, .ginput_container input:focus,
.ginput_container select:focus,
.ginput_container textarea:focus {
  border-color: #1a1a1a;
  box-shadow: inset 0px 0px 0px 1px #1a1a1a;
  outline: 0;
}

.gds-input-field.gds-compact .gds-input-field__input, .gds-compact.usage-export__select .gds-input-field__input, .gds-compact.ginput_container .gds-input-field__input, .gds-input-field.gds-compact .eicproduct-input-field__select, .gds-compact.usage-export__select .eicproduct-input-field__select, .gds-compact.ginput_container .eicproduct-input-field__select, .gds-input-field.gds-compact .eicproduct-input-field__select-s, .gds-compact.usage-export__select .eicproduct-input-field__select-s, .gds-compact.ginput_container .eicproduct-input-field__select-s, .gds-input-field.gds-compact .eicproduct-input-field-l__select, .gds-compact.usage-export__select .eicproduct-input-field-l__select, .gds-compact.ginput_container .eicproduct-input-field-l__select, .gds-input-field.gds-compact .eicproduct-input-field__select-country-us, .gds-compact.usage-export__select .eicproduct-input-field__select-country-us, .gds-compact.ginput_container .eicproduct-input-field__select-country-us, .gds-input-field.gds-compact .eicproduct-input-field__select-country-ca, .gds-compact.usage-export__select .eicproduct-input-field__select-country-ca, .gds-compact.ginput_container .eicproduct-input-field__select-country-ca, .gds-input-field.gds-compact .bill-pay-input-field__select, .gds-compact.usage-export__select .bill-pay-input-field__select, .gds-compact.ginput_container .bill-pay-input-field__select, .gds-input-field.gds-compact .usage-export__select, .gds-compact.usage-export__select .usage-export__select, .gds-compact.ginput_container .usage-export__select, .gds-input-field.gds-compact .ginput_container input, .ginput_container .gds-input-field.gds-compact input, .gds-compact.usage-export__select .ginput_container input, .ginput_container .gds-compact.usage-export__select input, .gds-compact.ginput_container input,
.gds-input-field.gds-compact .ginput_container select,
.ginput_container .gds-input-field.gds-compact select,
.gds-compact.usage-export__select .ginput_container select,
.ginput_container .gds-compact.usage-export__select select,
.gds-compact.ginput_container select,
.gds-input-field.gds-compact .ginput_container textarea,
.ginput_container .gds-input-field.gds-compact textarea,
.gds-compact.usage-export__select .ginput_container textarea,
.ginput_container .gds-compact.usage-export__select textarea,
.gds-compact.ginput_container textarea {
  padding: 0.5rem 1rem 0.5rem 1rem;
  padding: 0.75rem 1rem 0.68rem 1rem;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.gds-input-field__suffix, .gds-input-field__prefix {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 4px;
  bottom: 4px;
  min-width: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  -webkit-user-drag: none;
}

.gds-input-field__suffix {
  right: 0;
}
.gds-input-field__prefix {
  left: 0;
}
.gds-input-field__prefix + .gds-input-field__input, .gds-input-field__prefix + .eicproduct-input-field__select, .gds-input-field__prefix + .eicproduct-input-field__select-s, .gds-input-field__prefix + .eicproduct-input-field-l__select, .gds-input-field__prefix + .eicproduct-input-field__select-country-us, .gds-input-field__prefix + .eicproduct-input-field__select-country-ca, .gds-input-field__prefix + .bill-pay-input-field__select, .gds-input-field__prefix + .usage-export__select, .ginput_container .gds-input-field__prefix + input,
.ginput_container .gds-input-field__prefix + select,
.ginput_container .gds-input-field__prefix + textarea {
  padding-left: 2.5rem;
}
.gds-input-field__prefix + .gds-input-field__input, .gds-input-field__prefix + .eicproduct-input-field__select, .gds-input-field__prefix + .eicproduct-input-field__select-s, .gds-input-field__prefix + .eicproduct-input-field-l__select, .gds-input-field__prefix + .eicproduct-input-field__select-country-us, .gds-input-field__prefix + .eicproduct-input-field__select-country-ca, .gds-input-field__prefix + .bill-pay-input-field__select, .gds-input-field__prefix + .usage-export__select, .ginput_container .gds-input-field__prefix + input,
.ginput_container .gds-input-field__prefix + select,
.ginput_container .gds-input-field__prefix + textarea {
  padding-left: calc(2rem + 0.5rem);
}
.gds-input-field__suffix + .gds-input-field__input, .gds-input-field__suffix + .eicproduct-input-field__select, .gds-input-field__suffix + .eicproduct-input-field__select-s, .gds-input-field__suffix + .eicproduct-input-field-l__select, .gds-input-field__suffix + .eicproduct-input-field__select-country-us, .gds-input-field__suffix + .eicproduct-input-field__select-country-ca, .gds-input-field__suffix + .bill-pay-input-field__select, .gds-input-field__suffix + .usage-export__select, .ginput_container .gds-input-field__suffix + input,
.ginput_container .gds-input-field__suffix + select,
.ginput_container .gds-input-field__suffix + textarea {
  padding-right: calc(2rem + 0.5rem);
}

.gds-input-field__prefix.gds-text, .gds-input-field__suffix.gds-text {
  padding: 1rem 1rem 1rem 1rem;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.gds-input-field input[type=text][aria-invalid=true], .usage-export__select input[type=text][aria-invalid=true],
.gds-input-field input[type=tel][aria-invalid=true],
.usage-export__select input[type=tel][aria-invalid=true],
.gds-input-field .gds-input-field__input[aria-invalid=true],
.usage-export__select .gds-input-field__input[aria-invalid=true],
.ginput_container .gds-input-field__input[aria-invalid=true],
.gds-input-field [aria-invalid=true].eicproduct-input-field__select,
.usage-export__select [aria-invalid=true].eicproduct-input-field__select,
.ginput_container [aria-invalid=true].eicproduct-input-field__select,
.gds-input-field [aria-invalid=true].eicproduct-input-field__select-s,
.usage-export__select [aria-invalid=true].eicproduct-input-field__select-s,
.ginput_container [aria-invalid=true].eicproduct-input-field__select-s,
.gds-input-field [aria-invalid=true].eicproduct-input-field-l__select,
.usage-export__select [aria-invalid=true].eicproduct-input-field-l__select,
.ginput_container [aria-invalid=true].eicproduct-input-field-l__select,
.gds-input-field [aria-invalid=true].eicproduct-input-field__select-country-us,
.usage-export__select [aria-invalid=true].eicproduct-input-field__select-country-us,
.ginput_container [aria-invalid=true].eicproduct-input-field__select-country-us,
.gds-input-field [aria-invalid=true].eicproduct-input-field__select-country-ca,
.usage-export__select [aria-invalid=true].eicproduct-input-field__select-country-ca,
.ginput_container [aria-invalid=true].eicproduct-input-field__select-country-ca,
.gds-input-field [aria-invalid=true].bill-pay-input-field__select,
.usage-export__select [aria-invalid=true].bill-pay-input-field__select,
.ginput_container [aria-invalid=true].bill-pay-input-field__select,
.gds-input-field [aria-invalid=true].usage-export__select,
.usage-export__select [aria-invalid=true].usage-export__select,
.ginput_container [aria-invalid=true].usage-export__select,
.ginput_container input[aria-invalid=true],
.ginput_container select[aria-invalid=true],
.ginput_container textarea[aria-invalid=true] {
  border: 1px solid #d70d13;
}
.gds-input-field:hover input[type=text][aria-invalid=true], .usage-export__select:hover input[type=text][aria-invalid=true], .gds-input-field:focus input[type=text][aria-invalid=true], .usage-export__select:focus input[type=text][aria-invalid=true],
.gds-input-field:hover input[type=tel][aria-invalid=true],
.usage-export__select:hover input[type=tel][aria-invalid=true],
.gds-input-field:focus input[type=tel][aria-invalid=true],
.usage-export__select:focus input[type=tel][aria-invalid=true],
.gds-input-field:hover .gds-input-field__input[aria-invalid=true],
.usage-export__select:hover .gds-input-field__input[aria-invalid=true],
.ginput_container:hover .gds-input-field__input[aria-invalid=true],
.gds-input-field:hover [aria-invalid=true].eicproduct-input-field__select,
.usage-export__select:hover [aria-invalid=true].eicproduct-input-field__select,
.ginput_container:hover [aria-invalid=true].eicproduct-input-field__select,
.gds-input-field:hover [aria-invalid=true].eicproduct-input-field__select-s,
.usage-export__select:hover [aria-invalid=true].eicproduct-input-field__select-s,
.ginput_container:hover [aria-invalid=true].eicproduct-input-field__select-s,
.gds-input-field:hover [aria-invalid=true].eicproduct-input-field-l__select,
.usage-export__select:hover [aria-invalid=true].eicproduct-input-field-l__select,
.ginput_container:hover [aria-invalid=true].eicproduct-input-field-l__select,
.gds-input-field:hover [aria-invalid=true].eicproduct-input-field__select-country-us,
.usage-export__select:hover [aria-invalid=true].eicproduct-input-field__select-country-us,
.ginput_container:hover [aria-invalid=true].eicproduct-input-field__select-country-us,
.gds-input-field:hover [aria-invalid=true].eicproduct-input-field__select-country-ca,
.usage-export__select:hover [aria-invalid=true].eicproduct-input-field__select-country-ca,
.ginput_container:hover [aria-invalid=true].eicproduct-input-field__select-country-ca,
.gds-input-field:hover [aria-invalid=true].bill-pay-input-field__select,
.usage-export__select:hover [aria-invalid=true].bill-pay-input-field__select,
.ginput_container:hover [aria-invalid=true].bill-pay-input-field__select,
.gds-input-field:hover [aria-invalid=true].usage-export__select,
.usage-export__select:hover [aria-invalid=true].usage-export__select,
.ginput_container:hover [aria-invalid=true].usage-export__select,
.gds-input-field:hover .ginput_container input[aria-invalid=true],
.ginput_container .gds-input-field:hover input[aria-invalid=true],
.usage-export__select:hover .ginput_container input[aria-invalid=true],
.ginput_container .usage-export__select:hover input[aria-invalid=true],
.ginput_container:hover input[aria-invalid=true],
.gds-input-field:hover .ginput_container select[aria-invalid=true],
.ginput_container .gds-input-field:hover select[aria-invalid=true],
.usage-export__select:hover .ginput_container select[aria-invalid=true],
.ginput_container .usage-export__select:hover select[aria-invalid=true],
.ginput_container:hover select[aria-invalid=true],
.gds-input-field:hover .ginput_container textarea[aria-invalid=true],
.ginput_container .gds-input-field:hover textarea[aria-invalid=true],
.usage-export__select:hover .ginput_container textarea[aria-invalid=true],
.ginput_container .usage-export__select:hover textarea[aria-invalid=true],
.ginput_container:hover textarea[aria-invalid=true],
.gds-input-field:focus .gds-input-field__input[aria-invalid=true],
.usage-export__select:focus .gds-input-field__input[aria-invalid=true],
.ginput_container:focus .gds-input-field__input[aria-invalid=true],
.gds-input-field:focus [aria-invalid=true].eicproduct-input-field__select,
.usage-export__select:focus [aria-invalid=true].eicproduct-input-field__select,
.ginput_container:focus [aria-invalid=true].eicproduct-input-field__select,
.gds-input-field:focus [aria-invalid=true].eicproduct-input-field__select-s,
.usage-export__select:focus [aria-invalid=true].eicproduct-input-field__select-s,
.ginput_container:focus [aria-invalid=true].eicproduct-input-field__select-s,
.gds-input-field:focus [aria-invalid=true].eicproduct-input-field-l__select,
.usage-export__select:focus [aria-invalid=true].eicproduct-input-field-l__select,
.ginput_container:focus [aria-invalid=true].eicproduct-input-field-l__select,
.gds-input-field:focus [aria-invalid=true].eicproduct-input-field__select-country-us,
.usage-export__select:focus [aria-invalid=true].eicproduct-input-field__select-country-us,
.ginput_container:focus [aria-invalid=true].eicproduct-input-field__select-country-us,
.gds-input-field:focus [aria-invalid=true].eicproduct-input-field__select-country-ca,
.usage-export__select:focus [aria-invalid=true].eicproduct-input-field__select-country-ca,
.ginput_container:focus [aria-invalid=true].eicproduct-input-field__select-country-ca,
.gds-input-field:focus [aria-invalid=true].bill-pay-input-field__select,
.usage-export__select:focus [aria-invalid=true].bill-pay-input-field__select,
.ginput_container:focus [aria-invalid=true].bill-pay-input-field__select,
.gds-input-field:focus [aria-invalid=true].usage-export__select,
.usage-export__select:focus [aria-invalid=true].usage-export__select,
.ginput_container:focus [aria-invalid=true].usage-export__select,
.gds-input-field:focus .ginput_container input[aria-invalid=true],
.ginput_container .gds-input-field:focus input[aria-invalid=true],
.usage-export__select:focus .ginput_container input[aria-invalid=true],
.ginput_container .usage-export__select:focus input[aria-invalid=true],
.ginput_container:focus input[aria-invalid=true],
.gds-input-field:focus .ginput_container select[aria-invalid=true],
.ginput_container .gds-input-field:focus select[aria-invalid=true],
.usage-export__select:focus .ginput_container select[aria-invalid=true],
.ginput_container .usage-export__select:focus select[aria-invalid=true],
.ginput_container:focus select[aria-invalid=true],
.gds-input-field:focus .ginput_container textarea[aria-invalid=true],
.ginput_container .gds-input-field:focus textarea[aria-invalid=true],
.usage-export__select:focus .ginput_container textarea[aria-invalid=true],
.ginput_container .usage-export__select:focus textarea[aria-invalid=true],
.ginput_container:focus textarea[aria-invalid=true] {
  box-shadow: inset 0px 0px 0px 1px #d70d13;
}

.gds-fieldset.gds-has-error .gds-input-field__input, .gform_body ul.gds-has-error .gds-input-field__input, .gds-fieldset.gds-has-error .eicproduct-input-field__select, .gform_body ul.gds-has-error .eicproduct-input-field__select, .gds-fieldset.gds-has-error .eicproduct-input-field__select-s, .gform_body ul.gds-has-error .eicproduct-input-field__select-s, .gds-fieldset.gds-has-error .eicproduct-input-field-l__select, .gform_body ul.gds-has-error .eicproduct-input-field-l__select, .gds-fieldset.gds-has-error .eicproduct-input-field__select-country-us, .gform_body ul.gds-has-error .eicproduct-input-field__select-country-us, .gds-fieldset.gds-has-error .eicproduct-input-field__select-country-ca, .gform_body ul.gds-has-error .eicproduct-input-field__select-country-ca, .gds-fieldset.gds-has-error .bill-pay-input-field__select, .gform_body ul.gds-has-error .bill-pay-input-field__select, .gds-fieldset.gds-has-error .usage-export__select, .gform_body ul.gds-has-error .usage-export__select, .gds-fieldset.gds-has-error .ginput_container input, .ginput_container .gds-fieldset.gds-has-error input, .gform_body ul.gds-has-error .ginput_container input, .ginput_container .gform_body ul.gds-has-error input,
.gds-fieldset.gds-has-error .ginput_container select,
.ginput_container .gds-fieldset.gds-has-error select,
.gform_body ul.gds-has-error .ginput_container select,
.ginput_container .gform_body ul.gds-has-error select,
.gds-fieldset.gds-has-error .ginput_container textarea,
.ginput_container .gds-fieldset.gds-has-error textarea,
.gform_body ul.gds-has-error .ginput_container textarea,
.ginput_container .gform_body ul.gds-has-error textarea {
  border: 1px solid #d70d13;
}

.gds-fieldset.gds-has-error:hover .gds-input-field__input, .gform_body ul.gds-has-error:hover .gds-input-field__input, .gds-fieldset.gds-has-error:hover .eicproduct-input-field__select, .gform_body ul.gds-has-error:hover .eicproduct-input-field__select, .gds-fieldset.gds-has-error:hover .eicproduct-input-field__select-s, .gform_body ul.gds-has-error:hover .eicproduct-input-field__select-s, .gds-fieldset.gds-has-error:hover .eicproduct-input-field-l__select, .gform_body ul.gds-has-error:hover .eicproduct-input-field-l__select, .gds-fieldset.gds-has-error:hover .eicproduct-input-field__select-country-us, .gform_body ul.gds-has-error:hover .eicproduct-input-field__select-country-us, .gds-fieldset.gds-has-error:hover .eicproduct-input-field__select-country-ca, .gform_body ul.gds-has-error:hover .eicproduct-input-field__select-country-ca, .gds-fieldset.gds-has-error:hover .bill-pay-input-field__select, .gform_body ul.gds-has-error:hover .bill-pay-input-field__select, .gds-fieldset.gds-has-error:hover .usage-export__select, .gform_body ul.gds-has-error:hover .usage-export__select, .gds-fieldset.gds-has-error:hover .ginput_container input, .ginput_container .gds-fieldset.gds-has-error:hover input, .gform_body ul.gds-has-error:hover .ginput_container input, .ginput_container .gform_body ul.gds-has-error:hover input,
.gds-fieldset.gds-has-error:hover .ginput_container select,
.ginput_container .gds-fieldset.gds-has-error:hover select,
.gform_body ul.gds-has-error:hover .ginput_container select,
.ginput_container .gform_body ul.gds-has-error:hover select,
.gds-fieldset.gds-has-error:hover .ginput_container textarea,
.ginput_container .gds-fieldset.gds-has-error:hover textarea,
.gform_body ul.gds-has-error:hover .ginput_container textarea,
.ginput_container .gform_body ul.gds-has-error:hover textarea {
  border: 1px solid #d70d13;
  box-shadow: inset 0px 0px 0px 1px #d70d13;
}

.gds-fieldset.gds-has-error .gds-input-field__input:focus, .gform_body ul.gds-has-error .gds-input-field__input:focus, .gds-fieldset.gds-has-error .eicproduct-input-field__select:focus, .gform_body ul.gds-has-error .eicproduct-input-field__select:focus, .gds-fieldset.gds-has-error .eicproduct-input-field__select-s:focus, .gform_body ul.gds-has-error .eicproduct-input-field__select-s:focus, .gds-fieldset.gds-has-error .eicproduct-input-field-l__select:focus, .gform_body ul.gds-has-error .eicproduct-input-field-l__select:focus, .gds-fieldset.gds-has-error .eicproduct-input-field__select-country-us:focus, .gform_body ul.gds-has-error .eicproduct-input-field__select-country-us:focus, .gds-fieldset.gds-has-error .eicproduct-input-field__select-country-ca:focus, .gform_body ul.gds-has-error .eicproduct-input-field__select-country-ca:focus, .gds-fieldset.gds-has-error .bill-pay-input-field__select:focus, .gform_body ul.gds-has-error .bill-pay-input-field__select:focus, .gds-fieldset.gds-has-error .usage-export__select:focus, .gform_body ul.gds-has-error .usage-export__select:focus, .gds-fieldset.gds-has-error .ginput_container input:focus, .ginput_container .gds-fieldset.gds-has-error input:focus, .gform_body ul.gds-has-error .ginput_container input:focus, .ginput_container .gform_body ul.gds-has-error input:focus,
.gds-fieldset.gds-has-error .ginput_container select:focus,
.ginput_container .gds-fieldset.gds-has-error select:focus,
.gform_body ul.gds-has-error .ginput_container select:focus,
.ginput_container .gform_body ul.gds-has-error select:focus,
.gds-fieldset.gds-has-error .ginput_container textarea:focus,
.ginput_container .gds-fieldset.gds-has-error textarea:focus,
.gform_body ul.gds-has-error .ginput_container textarea:focus,
.ginput_container .gform_body ul.gds-has-error textarea:focus {
  box-shadow: inset 0px 0px 0px 1px #d70d13;
  border: 1px solid #d70d13;
  outline: 0;
}

.gds-helper-text-error, .validation_error,
.validation_message {
  color: #d70d13;
}

.gds-checkbox, .induction-cooktop-stove-fossil-fuel-replacement-checkbox {
  cursor: pointer;
  display: block;
}
.gds-checkbox input[type=checkbox], .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.gds-checkbox__label, .gfield_checkbox label,
.ginput_container_consent label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  display: inline-block;
  line-height: 1.25em;
}

.gds-checkbox__faux {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
}
.gds-checkbox__faux:before {
  content: " ";
  position: absolute;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #a7a7a7;
  border-radius: 2px;
}
.gds-checkbox__faux:after {
  content: " ";
  position: absolute;
  height: 33.33%;
  width: 60%;
  left: 20%;
  top: 25%;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  transition: opacity 0.1s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}

.gds-checkbox-flex {
  display: flex;
  align-items: center;
}

.gds-checkbox.gds-checkbox-thin .gds-checkbox__faux:before, .gds-checkbox-thin.induction-cooktop-stove-fossil-fuel-replacement-checkbox .gds-checkbox__faux:before {
  box-shadow: inset 0 0 0 1px #a7a7a7;
}

.gds-checkbox input[type=checkbox] + .gds-checkbox__faux::after, .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox] + .gds-checkbox__faux::after {
  opacity: 0;
}
.gds-checkbox input[type=checkbox]:checked + .gds-checkbox__faux::after, .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox]:checked + .gds-checkbox__faux::after {
  opacity: 1;
}
.gds-checkbox input[type=checkbox]:checked + .gds-checkbox__faux:before, .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox]:checked + .gds-checkbox__faux:before {
  background-color: #00704a;
  box-shadow: none;
}

.gds-checkbox:hover .gds-checkbox__faux::before, .induction-cooktop-stove-fossil-fuel-replacement-checkbox:hover .gds-checkbox__faux::before {
  box-shadow: inset 0 0 0 2px #6f7383;
}

.gds-checkbox:active .gds-checkbox__faux:before, .induction-cooktop-stove-fossil-fuel-replacement-checkbox:active .gds-checkbox__faux:before {
  box-shadow: inset 0 0 0 2px #1a1a1a;
}

body:not(.using-mouse) .gds-checkbox input[type=checkbox]:checked:focus + .gds-checkbox__faux:before, body:not(.using-mouse) .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox]:checked:focus + .gds-checkbox__faux:before {
  box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 2px #00704a;
}
body:not(.using-mouse) .gds-checkbox input[type=checkbox]:focus + .gds-checkbox__faux::before, body:not(.using-mouse) .induction-cooktop-stove-fossil-fuel-replacement-checkbox input[type=checkbox]:focus + .gds-checkbox__faux::before {
  box-shadow: inset 0 0 0 2px #1a1a1a;
}

input[type=checkbox].gds-secondary-checkbox, .gfield_checkbox input[type=checkbox],
.ginput_container_consent input[type=checkbox] {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
}
input[type=checkbox].gds-secondary-checkbox::before, .gfield_checkbox input[type=checkbox]::before,
.ginput_container_consent input[type=checkbox]::before {
  content: " ";
  position: absolute;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #a7a7a7;
  border-radius: 2px;
}
input[type=checkbox].gds-secondary-checkbox::after, .gfield_checkbox input[type=checkbox]::after,
.ginput_container_consent input[type=checkbox]::after {
  content: " ";
  position: absolute;
  height: 33.33%;
  width: 60%;
  left: 20%;
  top: 25%;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  transition: opacity 0.1s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  opacity: 0;
}
input[type=checkbox].gds-secondary-checkbox:hover::before, .gfield_checkbox input[type=checkbox]:hover::before,
.ginput_container_consent input[type=checkbox]:hover::before {
  box-shadow: inset 0 0 0 2px #6f7383;
}
input[type=checkbox].gds-secondary-checkbox:active::before, .gfield_checkbox input[type=checkbox]:active::before,
.ginput_container_consent input[type=checkbox]:active::before {
  box-shadow: inset 0 0 0 2px #1a1a1a;
}
input[type=checkbox].gds-secondary-checkbox:checked::before, .gfield_checkbox input[type=checkbox]:checked::before,
.ginput_container_consent input[type=checkbox]:checked::before {
  background-color: #00704a;
  box-shadow: none;
}
input[type=checkbox].gds-secondary-checkbox:checked::after, .gfield_checkbox input[type=checkbox]:checked::after,
.ginput_container_consent input[type=checkbox]:checked::after {
  opacity: 1;
}

body:not(.using-mouse) input[type=checkbox].gds-secondary-checkbox:checked:focus::before, body:not(.using-mouse) .gfield_checkbox input[type=checkbox]:checked:focus::before, .gfield_checkbox body:not(.using-mouse) input[type=checkbox]:checked:focus::before,
body:not(.using-mouse) .ginput_container_consent input[type=checkbox]:checked:focus::before,
.ginput_container_consent body:not(.using-mouse) input[type=checkbox]:checked:focus::before {
  box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 2px #00704a;
}
body:not(.using-mouse) input[type=checkbox].gds-secondary-checkbox:focus::before, body:not(.using-mouse) .gfield_checkbox input[type=checkbox]:focus::before, .gfield_checkbox body:not(.using-mouse) input[type=checkbox]:focus::before,
body:not(.using-mouse) .ginput_container_consent input[type=checkbox]:focus::before,
.ginput_container_consent body:not(.using-mouse) input[type=checkbox]:focus::before {
  box-shadow: inset 0 0 0 2px #1a1a1a;
}

input[type=radio].gds-secondary-radio::before, .gfield_radio input[type=radio]::before {
  border-radius: 500px;
  background-color: #ffffff !important;
  border: 2px solid #a7a7a7;
  box-shadow: none !important;
}
input[type=radio].gds-secondary-radio::after, .gfield_radio input[type=radio]::after {
  border-left: none;
  border-bottom: none;
  height: 50%;
  width: 50%;
  background-color: #00704a;
  border-radius: 500px;
  left: 25%;
  top: 25%;
}
input[type=radio].gds-secondary-radio:hover::before, .gfield_radio input[type=radio]:hover::before {
  border: 2px solid #6f7383;
}
input[type=radio].gds-secondary-radio:active::before, .gfield_radio input[type=radio]:active::before {
  border: 2px solid #1a1a1a;
}
input[type=radio].gds-secondary-radio:checked::before, .gfield_radio input[type=radio]:checked::before {
  border: 2px solid #00704a;
}

body:not(.using-mouse) input[type=radio].gds-secondary-radio:focus::before, body:not(.using-mouse) .gfield_radio input[type=radio]:focus::before, .gfield_radio body:not(.using-mouse) input[type=radio]:focus::before {
  border: 2px solid #1a1a1a;
}

.gds-radio, .installation-options__radio {
  cursor: pointer;
  display: block;
}
.gds-radio input[type=radio], .installation-options__radio input[type=radio] {
  opacity: 0;
  position: absolute;
}

.gds-radio__label, .gfield_radio label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  display: inline-block;
}

.gds-radio__faux {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
}
.gds-radio__faux:before {
  position: absolute;
  content: " ";
  display: inline-block;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 2px solid #a7a7a7;
  border-radius: 500px;
  left: 0px;
}
.gds-radio__faux:after {
  position: absolute;
  content: " ";
  display: inline-block;
  height: 50%;
  width: 50%;
  background-color: #00704a;
  border-radius: 500px;
  left: 25%;
  top: 25%;
  transition: opacity 0.15s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}

.gds-radio input[type=radio] + .gds-radio__faux::after, .installation-options__radio input[type=radio] + .gds-radio__faux::after {
  opacity: 0;
}
.gds-radio input[type=radio]:checked + .gds-radio__faux::after, .installation-options__radio input[type=radio]:checked + .gds-radio__faux::after {
  opacity: 1;
}
.gds-radio input[type=radio]:checked + .gds-radio__faux::before, .installation-options__radio input[type=radio]:checked + .gds-radio__faux::before {
  border: 2px solid #00704a;
}

.gds-radio:hover .gds-radio__faux:before, .installation-options__radio:hover .gds-radio__faux:before {
  border: 2px solid #6f7383;
}

.gds-radio:active .gds-radio__faux:before, .installation-options__radio:active .gds-radio__faux:before {
  border: 2px solid #1a1a1a;
}

body:not(.using-mouse) .gds-radio input[type=radio]:focus + .gds-radio__faux::before, body:not(.using-mouse) .installation-options__radio input[type=radio]:focus + .gds-radio__faux::before {
  border: 2px solid #1a1a1a;
}

.gds-switch {
  cursor: pointer;
  display: block;
}
.gds-switch input[type=checkbox],
.gds-switch input[type=radio] {
  opacity: 0;
  position: absolute;
}

.gds-switch__label {
  margin: 0 0.5rem 0 0;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  display: inline-block;
}

.gds-switch__faux {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 4rem;
  height: 2.25rem;
  vertical-align: middle;
}
.gds-switch__faux:before {
  position: absolute;
  content: " ";
  display: inline-block;
  height: 100%;
  width: 100%;
  background-color: #d8d8d8;
  border-radius: 500px;
  left: 0px;
  transition: background-color 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-switch__faux:after {
  content: " ";
  position: absolute;
  display: inline-block;
  height: calc(100% - 4px);
  width: calc(2.25rem - 4px);
  background-color: #ffffff;
  border-radius: 500px;
  left: 2px;
  top: 2px;
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), width 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.04), 6px 6px 12px 0 rgba(0, 0, 0, 0.04);
}

body:not(.using-mouse) .gds-switch input[type=radio]:focus + .gds-switch__faux:before,
body:not(.using-mouse) .gds-switch input[type=checkbox]:focus + .gds-switch__faux:before {
  outline: 0;
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #000;
}

.gds-switch input[type=radio]:checked + .gds-switch__faux:after,
.gds-switch input[type=checkbox]:checked + .gds-switch__faux:after {
  transform: translateX(calc(4rem - 2.25rem));
}
.gds-switch input[type=radio]:checked + .gds-switch__faux:before,
.gds-switch input[type=checkbox]:checked + .gds-switch__faux:before {
  background-color: #00704a;
}
.gds-switch input[type=radio]:hover + .gds-switch__faux:before,
.gds-switch input[type=checkbox]:hover + .gds-switch__faux:before {
  background-color: #6f7383;
}
.gds-switch input[type=radio]:checked:hover + .gds-switch__faux:before,
.gds-switch input[type=checkbox]:checked:hover + .gds-switch__faux:before {
  background-color: #004737;
}
.gds-switch input[type=radio]:active + .gds-switch__faux:after,
.gds-switch input[type=checkbox]:active + .gds-switch__faux:after {
  width: 2.25rem;
}
.gds-switch input[type=radio]:checked:active + .gds-switch__faux:after,
.gds-switch input[type=checkbox]:checked:active + .gds-switch__faux:after {
  width: 2.25rem;
  transform: translateX(calc(1.75rem - 4px));
}

.gds-file {
  cursor: pointer;
}
.gds-file input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.gds-segment-control {
  display: flex;
  height: 3.75rem;
  align-items: stretch;
  justify-content: flex-start;
}
.gds-segment-control input {
  position: absolute;
  opacity: 0;
}

.gds-segment-item {
  cursor: pointer;
  display: flex;
}

.gds-segment-item:first-of-type .gds-segment-item__holder {
  border-left: 2px solid #d8d8d8;
  border-radius: 2px 0 0 2px;
}

.gds-segment-item:last-of-type .gds-segment-item__holder {
  border-radius: 0 2px 2px 0;
}

.gds-segment-item__holder {
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #6f7383;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  border: 2px solid #d8d8d8;
  border-left: 0;
}

.gds-segment-item__icon {
  display: flex;
}
.gds-segment-item__icon svg {
  height: 2rem;
  width: 2rem;
}
.gds-segment-item__icon svg use {
  fill: currentColor;
}
.gds-segment-item__icon svg path {
  fill: currentColor;
}

.gds-segment-item__label + .gds-segment-item__icon {
  margin-left: 0.5rem;
}

.gds-segment-item input:checked ~ .gds-segment-item__holder .gds-segment-item__label,
.gds-segment-item input:checked ~ .gds-segment-item__holder .gds-segment-item__icon {
  color: #fff;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.gds-segment-item input:checked ~ .gds-segment-item__holder {
  background-color: #00704a;
  border-color: #00704a;
  margin-left: -2px;
  border-left: 2px solid #00704a;
}

.gds-segment-control .gds-segment-item:first-of-type input:checked ~ .gds-segment-item__holder {
  border-left: 2px solid #00704a;
  margin-left: 0;
}

.gds-segment-control.gds-compact {
  height: 3rem;
}
.gds-segment-control.gds-compact .gds-segment-item__holder {
  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
}
.gds-segment-control.gds-compact .gds-segment-item__label + .gds-segment-item__icon {
  margin-left: 0.25rem;
}

body:not(.using-mouse) .gds-segment-item input:focus ~ .gds-segment-item__holder {
  outline: 2px solid #000;
  outline-offset: 2px;
  outline-offset: -2px;
}
body:not(.using-mouse) .gds-segment-control:focus-within {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.gds-tag {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: #00704a;
  border-radius: 2px;
  color: #ffffff;
}

.gds-tag.gds-secondary, .ginput_container_list .gfield_list_icons a.gds-tag {
  background: transparent;
  color: #6f7383;
  box-shadow: inset 0 0 0 1px #d8d8d8;
}

.gds-site-header {
  font-size: 16px;
  transition: all 0.35s cubic-bezier(0.69, 0.12, 0.69, 0.93);
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0);
  z-index: 11;
}
.gds-site-header:hover {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: rgba(255, 255, 255, 0.96);
}
.gds-site-header.gds-site-header--solid, body.gmp-disconnect-notice .gds-site-header,
body.gmp-solid-header .gds-site-header {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: white;
}
.gds-site-header.gds-site-header--dark .gds-logo__image, body.gmp-color-mode--light .gds-site-header .gds-logo__image, body.gmp-disconnect-notice .gds-site-header .gds-logo__image,
body.gmp-solid-header .gds-site-header .gds-logo__image {
  background: url(./assets/gmp-logo-full.svg) no-repeat center center;
}
.gds-site-header.gds-site-header--dark .gds-nav__item > a, body.gmp-color-mode--light .gds-site-header .gds-nav__item > a, body.gmp-disconnect-notice .gds-site-header .gds-nav__item > a,
body.gmp-solid-header .gds-site-header .gds-nav__item > a, .gds-site-header.gds-site-header--dark .menu-main-menu-container > .menu > .menu-item > a, body.gmp-color-mode--light .gds-site-header .menu-main-menu-container > .menu > .menu-item > a, body.gmp-disconnect-notice .gds-site-header .menu-main-menu-container > .menu > .menu-item > a,
body.gmp-solid-header .gds-site-header .menu-main-menu-container > .menu > .menu-item > a {
  color: #1a1a1a;
}
.gds-site-header.gds-site-header--dark .gds-nav__item--has-children > a::after, body.gmp-color-mode--light .gds-site-header .gds-nav__item--has-children > a::after, body.gmp-disconnect-notice .gds-site-header .gds-nav__item--has-children > a::after,
body.gmp-solid-header .gds-site-header .gds-nav__item--has-children > a::after, .gds-site-header.gds-site-header--dark .menu-main-menu-container > .menu > .menu-item-has-children > a::after, body.gmp-color-mode--light .gds-site-header .menu-main-menu-container > .menu > .menu-item-has-children > a::after, body.gmp-disconnect-notice .gds-site-header .menu-main-menu-container > .menu > .menu-item-has-children > a::after,
body.gmp-solid-header .gds-site-header .menu-main-menu-container > .menu > .menu-item-has-children > a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M16 19l5-6h-10z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 35px 35px;
}
.gds-site-header.gds-site-header--dark .gds-nav-button, body.gmp-color-mode--light .gds-site-header .gds-nav-button, body.gmp-disconnect-notice .gds-site-header .gds-nav-button,
body.gmp-solid-header .gds-site-header .gds-nav-button {
  background-color: #00704a;
  color: rgb(255, 255, 255);
}
.gds-site-header.gds-site-header--dark .gds-nav-button.caret::after, body.gmp-color-mode--light .gds-site-header .gds-nav-button.caret::after, body.gmp-disconnect-notice .gds-site-header .gds-nav-button.caret::after,
body.gmp-solid-header .gds-site-header .gds-nav-button.caret::after {
  border-bottom-color: rgb(255, 255, 255);
}

.gmp-vue-page-header {
  height: 40px;
}
@media (min-width: 720px) {
  .gmp-vue-page-header {
    height: 50px;
  }
}
.gmp-vue-page-header .gds-logo__image {
  width: 80px;
  height: 50px;
  margin-left: 32px;
  margin-right: 24px;
  background: url(./assets/gmp-logo-full.svg) no-repeat center center;
  background-size: contain;
}

/* disconnect notice needs a white nav */
body.gmp-disconnect-notice .gds-site-header {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.08);
}
body.gmp-disconnect-notice .gds-site-header .mobile-menu-toggle {
  color: #1a1a1a;
}

.gds-logo {
  max-width: 160px;
}
.gds-logo__image {
  display: block;
  width: 80px;
  height: 50px;
  background: url(./assets/gmp-logo-full-white.svg) no-repeat center center;
  background-size: 80px 50px;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 80.47rem) {
  .gds-logo__image {
    margin-left: 1.5rem;
    margin-right: 2rem;
  }
}
.gds-site-header:hover .gds-logo__image {
  background: url(./assets/gmp-logo-full.svg) no-repeat center center;
}

ul.gds-nav, .menu-main-menu-container > ul.menu,
ul.gds-nav li::before,
.menu-main-menu-container > ul.menu li::before,
ul.gds-nav li::after,
.menu-main-menu-container > ul.menu li::after {
  margin: 0;
}

.gds-nav a, .menu-main-menu-container > .menu a {
  text-decoration: none;
  display: inline-block;
}
.gds-nav > .gds-nav__item, .menu-main-menu-container > .menu > .gds-nav__item, .menu-main-menu-container > .menu > .menu-item {
  position: relative;
  display: inline-block;
}
.gds-nav > .gds-nav__item > a, .menu-main-menu-container > .menu > .gds-nav__item > a, .menu-main-menu-container > .menu > .menu-item > a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.25;
  color: #ffffff;
  padding: 30px 10px;
  box-sizing: border-box;
  border: none;
  transition: box-shadow 0.25s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-nav > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .menu-item > a::before, .gds-nav > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .menu-item > a::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gds-nav > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .menu-item > a::before {
  margin-bottom: calc(-0.1862903226em + 0px);
}
.gds-nav > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .menu-item > a::after {
  margin-top: calc(-0.3153225806em + 0px);
}
.gds-nav > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .gds-nav__item > a::after, .menu-main-menu-container > .menu > .menu-item > a::after, .gds-nav > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .gds-nav__item > a::before, .menu-main-menu-container > .menu > .menu-item > a::before {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 80.47rem) {
  .gds-nav > .gds-nav__item > a, .menu-main-menu-container > .menu > .gds-nav__item > a, .menu-main-menu-container > .menu > .menu-item > a {
    padding: 30px 20px;
  }
}
@media (min-width: 1100.1px) and (max-width: 936px) {
  .gds-nav > .gds-nav__item > a, .menu-main-menu-container > .menu > .gds-nav__item > a, .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 0.9rem;
  }
}
.gds-site-header:hover .gds-nav > .gds-nav__item > a, .gds-site-header:hover .menu-main-menu-container > .menu > .gds-nav__item > a, .gds-site-header:hover .menu-main-menu-container > .menu > .menu-item > a {
  color: #6f7383;
}
.gds-nav > .gds-nav__item:hover > a, .menu-main-menu-container > .menu > .gds-nav__item:hover > a, .menu-main-menu-container > .menu > .menu-item:hover > a {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16), inset 0px 3px 0px 0px #49b06b;
  color: #1a1a1a !important;
}
.gds-nav .gds-nav__item--has-children > a::after, .menu-main-menu-container > .menu .gds-nav__item--has-children > a::after, .menu-main-menu-container > .menu > .menu-item-has-children > a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='rgb%28255%2C%20255%2C%20255%29' d='M16 19l5-6h-10z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 35px 35px;
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
  margin-left: 10px;
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-site-header:hover .gds-nav .gds-nav__item--has-children > a::after, .gds-site-header:hover .menu-main-menu-container > .menu .gds-nav__item--has-children > a::after, .gds-site-header:hover .menu-main-menu-container > .menu > .menu-item-has-children > a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M16 19l5-6h-10z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 35px 35px;
  height: 14px;
  width: 14px;
}
.gds-site-header:hover .gds-nav .gds-nav__item--has-children:hover > a::after, .gds-site-header:hover .menu-main-menu-container > .menu .gds-nav__item--has-children:hover > a::after, .gds-site-header:hover .menu-main-menu-container > .menu > .menu-item-has-children:hover > a::after {
  transform: rotate(-180deg);
}
.gds-nav__sub-menu, .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  min-width: 315px;
  padding: 1rem 0.5rem;
  padding-bottom: 1.5rem;
  border-top: none;
  z-index: 5;
}
@media (min-width: 1100.1px) {
  .gds-nav__sub-menu, .sub-menu {
    border-top: 1px solid #d8d8d8;
    display: none;
    transform-origin: center top;
  }
  .gds-nav__sub-menu .gds-nav__sub-menu-item, .sub-menu .gds-nav__sub-menu-item, .sub-menu .menu-item {
    opacity: 0;
  }
  .gds-nav__item:hover .gds-nav__sub-menu, .menu-main-menu-container > .menu > .menu-item:hover .gds-nav__sub-menu, .gds-nav__item:hover .sub-menu, .menu-main-menu-container > .menu > .menu-item:hover .sub-menu {
    display: block;
    animation: dropdown-expand 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  }
  .gds-nav__item:hover .gds-nav__sub-menu .gds-nav__sub-menu-item, .menu-main-menu-container > .menu > .menu-item:hover .gds-nav__sub-menu .gds-nav__sub-menu-item, .gds-nav__item:hover .sub-menu .gds-nav__sub-menu-item, .menu-main-menu-container > .menu > .menu-item:hover .sub-menu .gds-nav__sub-menu-item, .sub-menu .gds-nav__item:hover .gds-nav__sub-menu .menu-item, .sub-menu .menu-main-menu-container > .menu > .menu-item:hover .gds-nav__sub-menu .menu-item, .gds-nav__item:hover .sub-menu .menu-item, .menu-main-menu-container > .menu > .menu-item:hover .sub-menu .menu-item {
    animation: reveal-menu-items 0.5s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    opacity: 1;
  }
}
.gds-nav__sub-menu .gds-nav__sub-menu-item a, .sub-menu .gds-nav__sub-menu-item a, .sub-menu .menu-item a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  display: block;
  font-size: 1.25rem;
  color: #1a1a1a;
  padding: 0;
  border-left: none;
  margin: 0.3em;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-nav__sub-menu .gds-nav__sub-menu-item a:hover, .sub-menu .gds-nav__sub-menu-item a:hover, .sub-menu .menu-item a:hover, .gds-nav__sub-menu .gds-nav__sub-menu-item a:active, .sub-menu .gds-nav__sub-menu-item a:active, .sub-menu .menu-item a:active {
  color: #1a1a1a !important;
}
@media (min-width: 1100.1px) {
  .gds-nav__sub-menu .gds-nav__sub-menu-item a, .sub-menu .gds-nav__sub-menu-item a, .sub-menu .menu-item a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    transition: border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    padding: 4px 16px;
    line-height: 1.1;
  }
  .gds-nav__sub-menu .gds-nav__sub-menu-item a:hover, .sub-menu .gds-nav__sub-menu-item a:hover, .sub-menu .menu-item a:hover, .gds-nav__sub-menu .gds-nav__sub-menu-item a:active, .sub-menu .gds-nav__sub-menu-item a:active, .sub-menu .menu-item a:active {
    border-left: 3px solid #49b06b;
  }
}
.gds-nav__sub-menu:hover .gds-nav__sub-menu-item a, .sub-menu:hover .gds-nav__sub-menu-item a, .gds-nav__sub-menu:hover .sub-menu .menu-item a, .sub-menu .gds-nav__sub-menu:hover .menu-item a, .sub-menu:hover .menu-item a {
  transition: color 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  color: #7d7d7d;
}

.gds-nav-button.header--user-toggle-button {
  white-space: nowrap;
  padding-right: 2.75rem;
  overflow: hidden;
  max-width: 165px;
  text-overflow: ellipsis;
  position: relative;
}
@media (min-width: 1024px) {
  .gds-nav-button.header--user-toggle-button {
    max-width: 175px;
  }
}
@media (min-width: 1100px) {
  .gds-nav-button.header--user-toggle-button {
    max-width: 250px;
    max-width: 23vw;
  }
}
@media (min-width: 1600px) {
  .gds-nav-button.header--user-toggle-button {
    max-width: 400px;
  }
}
.gds-nav-button.header--user-toggle-button.caret::after {
  position: absolute;
  right: 1rem;
  top: 18px;
}

.gds-nav-button,
.gds-nav-button:visited {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  background-color: rgb(255, 255, 255);
  color: #1a1a1a;
  min-height: auto;
  padding: 0.8rem 1.3rem;
}
.gds-site-header:hover .gds-nav-button,
.gds-site-header:hover .gds-nav-button:visited {
  background-color: #00704a;
  color: rgb(255, 255, 255);
}
.gds-site-header:hover .gds-nav-button.caret::after,
.gds-site-header:hover .gds-nav-button:visited.caret::after {
  border-bottom-color: rgb(255, 255, 255);
}
.gds-site-header:hover .gds-nav-button:hover,
.gds-site-header:hover .gds-nav-button:visited:hover {
  background-color: #1a1a1a;
  color: rgb(255, 255, 255);
}

@keyframes dropdown-expand {
  0% {
    transform: scaleY(0.6);
    opacity: 0;
    display: none;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
    display: block;
  }
}
@keyframes reveal-menu-items {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes panel-slide-up {
  from {
    transform: translateY(15px);
    opacity: 0;
    display: none;
  }
  to {
    transform: translateY(0);
    opacity: 1;
    display: block;
  }
}
.gds-site-search__button, .gds-site-search__button--mobile {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='rgb%28255%2C%20255%2C%20255%29' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 32px 32px;
  align-self: center;
  display: flex;
  width: 32px;
  height: 32px;
  margin: 0px;
  margin-left: auto;
  border: none;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.gds-site-header:hover .gds-site-search__button, .gds-site-header:hover .gds-site-search__button--mobile, .gds-site-header--dark .gds-site-search__button, body.gmp-color-mode--light .gds-site-header .gds-site-search__button, body.gmp-disconnect-notice .gds-site-header .gds-site-search__button,
body.gmp-solid-header .gds-site-header .gds-site-search__button, .gds-site-header--dark .gds-site-search__button--mobile, body.gmp-color-mode--light .gds-site-header .gds-site-search__button--mobile, body.gmp-disconnect-notice .gds-site-header .gds-site-search__button--mobile,
body.gmp-solid-header .gds-site-header .gds-site-search__button--mobile {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}
@media (max-width: 1100px) {
  .gds-site-search__button, .gds-site-search__button--mobile {
    display: none;
  }
}
.gds-site-search__icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%236f7383' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 32px 32px;
  align-self: center;
  display: block;
  width: 32px;
  height: 32px;
  margin: 0px 10px;
  display: none;
}
.gds-site-search__close-button {
  display: none;
}
.gds-site-search__results-window {
  display: none;
}
.gds-site-search .gds-site-search__close-button {
  order: 3;
  width: 3.3rem;
}
@media (min-width: 1024px) {
  .gds-site-search .gds-site-search__close-button {
    width: 3rem;
  }
}
.gds-site-search input.gds-site-search__input {
  display: none;
  width: 95%;
  border: none;
  line-height: 200%;
  order: 2;
}
@media (max-width: 520px) {
  .gds-site-search input.gds-site-search__input {
    width: 80%;
    padding: 0 5%;
  }
}
.gds-site-search input.gds-site-search__input:focus {
  outline: 0;
}
.mobile-navigation--expanded .gds-site-search {
  display: none;
}

.gds-site-search__button--mobile {
  display: flex;
  margin-left: 0;
  margin-right: 10px;
}
@media (min-width: 1100px) {
  .gds-site-search__button--mobile {
    display: none;
  }
}
.mobile-navigation--expanded .gds-site-search__button--mobile {
  display: none;
}

.gds-site-search__results {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 101%;
  left: 0;
  right: 0;
  padding: 2rem 5%;
  background-color: rgb(255, 255, 255);
}

.gds-site-search__results-header {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-bottom: 1.5rem;
  margin-left: 52px;
  color: #00704a;
}
@media (max-width: 520px) {
  .gds-site-search__results-header {
    padding-left: 0;
    margin-left: 0;
  }
}

.gds-site-search--expanded {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  padding-left: 5%;
  padding-right: 1%;
  justify-content: space-between;
  z-index: 15;
  align-items: center;
}
@media (max-width: 520px) {
  .gds-site-search--expanded {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.125rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
    padding-left: 0;
  }
}
.gds-site-search--expanded input.gds-site-search__input,
.gds-site-search--expanded .gds-site-search__icon {
  display: block;
}
.gds-site-search--expanded .gds-site-search__close-button {
  display: inline-flex;
}

.gds-search-results {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 48px;
  display: flex;
  flex-direction: column;
  padding-left: 29px;
}
@media (max-width: 520px) {
  .gds-search-results {
    padding-left: 0;
  }
}
.gds-search-results li {
  padding: 1rem 0;
}
.gds-search-results li strong {
  color: #1a1a1a;
}
.gds-search-results li a {
  text-decoration: none;
  color: #6f7383;
  display: block;
}
@media (min-width: 520px) {
  .gds-search-results li a {
    padding: 0 20px;
    border-left: 3px solid rgba(0, 0, 0, 0);
  }
  .gds-search-results li a:hover, .gds-search-results li a:focus {
    border-left: 3px solid #49b06b;
    color: #1a1a1a;
  }
}

@media (min-width: 520px) {
  .autoComplete_result.autoComplete_selected a {
    border-left: 3px solid #49b06b !important;
    color: #1a1a1a;
  }
}

.in-page-search-bar, .search .search-form-input,
.page-template-search .search-form-input, .rates-subheader__search {
  background-color: #ffffff;
  display: flex;
  padding: 1rem 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%236f7383' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  border: none;
  border-radius: 2px;
  width: -webkit-fill-available;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 520px) {
  .in-page-search-bar, .search .search-form-input,
  .page-template-search .search-form-input, .rates-subheader__search {
    width: 100%;
    max-width: 500px;
  }
}

.gds-slat, .slat {
  align-items: inherit;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-right: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  background-color: transparent;
  text-align: left;
}
.gds-slat__button, .slat__button, .related-resources-content__button {
  margin-left: auto;
  min-width: 3rem;
  min-height: 3rem;
  align-self: flex-end;
}
@media (min-width: 720px) {
  .gds-slat__button, .slat__button, .related-resources-content__button {
    align-self: center;
  }
}
.gds-slat__content, .slat__content {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  margin-left: 0;
  margin-right: 0;
  padding: 0 1.5rem;
  padding-right: 4rem;
}
@media (min-width: 720px) {
  .gds-slat__content, .slat__content {
    padding: 0;
    padding-right: 6rem;
  }
}
@media (min-width: 720px) {
  .slat-group--label .gds-slat__content, .rates .gds-slat__content, .slat-group--label .slat__content, .rates .slat__content {
    padding-left: 6rem;
  }
}
@media (min-width: 900px) {
  .slat--has-image .gds-slat__content, .slat--has-image .slat__content {
    padding-left: calc(200px + 2rem);
  }
}
.slat--expanded .gds-slat__content, .slat--expanded .slat__content {
  height: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}
@media (min-width: 720px) {
  .slat--expanded .gds-slat__content, .slat--expanded .slat__content {
    padding-top: 0;
    padding-bottom: 4rem;
  }
}
.gds-slat__content p, .slat__content p {
  margin: 0 0 1rem 0;
}
.gds-slat__description, .slat__description {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  padding-top: 1rem;
}
.gds-slat__header, .slat__header {
  cursor: pointer;
  align-items: center;
  background: none;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
@media (min-width: 720px) {
  .gds-slat__header, .slat__header {
    padding: 1rem 0;
    flex-direction: row;
  }
}
.gds-slat__number, .slat-group--number .slat__cta::before {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 3.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  min-width: 2rem;
  color: #d8d8d8;
  text-align: left;
}
@media (min-width: 720px) {
  .gds-slat__number, .slat-group--number .slat__cta::before {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 6.25rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.012em;
    min-width: 4rem;
  }
}
.gds-slat__cta, .slat__cta {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.gds-slat__text-container, .slat__text-container {
  align-items: center;
  margin-right: 1rem;
}
.gds-slat__image-container, .slat__image-container {
  min-height: 100px;
  overflow: hidden;
  padding-top: 61.8%;
  position: relative;
  width: 100%;
  margin: 1rem 0;
}
@media (min-width: 720px) {
  .gds-slat__image-container, .slat__image-container {
    margin: 0.5rem 2rem 0.5rem 0;
    min-width: 1em;
  }
}
.gds-slat__image, .slat__image {
  bottom: 0;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 720px) {
  .gds-slat__image, .slat__image {
    width: 200px;
  }
}
.gds-slat__media, .slat__media {
  width: 100%;
}
@media (min-width: 720px) {
  .gds-slat__media, .slat__media {
    margin: 0 2rem 0 0;
    max-width: 200px;
  }
}
.gds-slat__headline, .slat__headline {
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-slat__meta, .slat__meta {
  color: #6f7383;
  margin-bottom: 1rem;
}

.gds-slat__header:hover .slat__button--expand, .slat__header:hover .slat__button--expand {
  transform: rotateZ(-90deg);
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.gds-slat__header:hover .gds-slat__header:hover .slat__button--expand, .slat__header:hover .gds-slat__header:hover .slat__button--expand, .gds-slat__header:hover .slat__header:hover .slat__button--expand, .slat__header:hover .slat__header:hover .slat__button--expand {
  transform: rotateZ(90deg);
}
@media (min-width: 520px) {
  .gds-slat__header:hover .gds-slat__headline, .slat__header:hover .gds-slat__headline, .gds-slat__header:hover .slat__headline, .slat__header:hover .slat__headline {
    transform: translateX(1rem);
  }
}

body:not(.using-mouse) .gds-slat:focus, body:not(.using-mouse) .slat:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
  outline-offset: -1px;
}

.gds-slat + .gds-slat, .slat + .gds-slat, .gds-slat + .slat, .slat + .slat {
  border-top: 0;
}

.gds-slat-group .gds-slat:first-of-type, .slat-group .gds-slat:first-of-type, .rates .gds-slat:first-of-type, .gds-slat-group .slat:first-of-type, .slat-group .slat:first-of-type, .rates .slat:first-of-type {
  border-top: 0;
}
.gds-slat-group .gds-slat:last-of-type, .slat-group .gds-slat:last-of-type, .rates .gds-slat:last-of-type, .gds-slat-group .slat:last-of-type, .slat-group .slat:last-of-type, .rates .slat:last-of-type {
  border-bottom: 0;
}

.gds-slat__image-container:hover, .slat__image-container:hover {
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), box-shadow 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}

body {
  counter-reset: slide;
}

.gds-slide {
  flex-direction: column;
  display: flex;
  width: 100%;
  overflow: visible;
  box-sizing: content-box;
  min-height: 32rem;
  margin-top: 2rem;
  color: #1a1a1a;
  background-color: #f7f5f1;
}
@media (min-width: 800px) {
  .gds-slide {
    height: unset;
    flex-direction: row;
    max-height: 32rem;
    min-height: 24rem;
  }
  .gds-slide .gds-slide__content, .gds-slide .gds-slide__media {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .gds-slide {
    min-height: 26rem;
  }
}
.gds-slide__content {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  position: relative;
  align-content: flex-start;
}
@media (min-width: 800px) {
  .gds-slide__content {
    padding: 5%;
    width: 50%;
    height: auto;
  }
}
.gds-slide__content blockquote {
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}
.gds-slide__meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  margin-bottom: 2rem;
}
@media (min-width: 800px) {
  .gds-slide__meta {
    font-size: calc(0.75rem + 0.2vw);
  }
}
@media (min-width: 80.47rem) {
  .gds-slide__meta {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 0.875rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
  }
}
.gds-slide__header {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  margin-bottom: 2rem;
  position: relative;
  flex-grow: 0.4;
}
@media (min-width: 800px) {
  .gds-slide__header {
    font-size: calc(1rem + 1.7vw);
  }
}
@media (min-width: 80.47rem) {
  .gds-slide__header {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 2.25rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0143em;
  }
}
.gds-slide__caption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  max-width: 36rem;
  flex-grow: 0.4;
}
@media (min-width: 800px) {
  .gds-slide__caption {
    display: block;
    max-width: inherit;
  }
}
@media (min-width: 80.47rem) {
  .gds-slide__caption {
    font-size: 1.125rem;
  }
}
.gds-slide--dark .gds-slide__caption a {
  color: #ffffff;
}
.gds-slide--dark .gds-slide__caption a:hover {
  text-decoration: none;
}
.gds-slide__media {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 800px) {
  .gds-slide__media {
    width: 50%;
    max-height: 32rem;
  }
}
.gds-slide__image-container {
  min-width: 100px;
  padding-top: 80%;
}
@media (min-width: 800px) {
  .gds-slide__meta, .gds-slide__header, .gds-slide__caption {
    margin-top: 0;
    margin-bottom: 3%;
  }
}
.gds-slide__button {
  justify-content: flex-end;
  margin-right: auto;
  min-width: 100px;
}
.gds-slide--dark .gds-slide__button {
  color: #ffffff;
  border: solid 2px rgba(255, 255, 255, 0.2);
}
.gds-slide--dark .gds-slide__button:hover {
  border: solid 2px #ffffff;
}
.gds-slide--grey .gds-slide__button {
  border: solid 2px rgba(0, 0, 0, 0.2);
}
.gds-slide--grey .gds-slide__button:hover {
  border: solid 2px #6f7383;
}
.gds-slide__button:hover {
  background-color: transparent;
}
.gds-slide--dark {
  color: #ffffff;
}

@media (min-width: 800px) {
  .gds-slide--right, .slide--right-full-sized-image-layout {
    flex-direction: row-reverse;
  }
}

@media (min-width: 800px) {
  .gds-slide--centered, .slide--centered-text-layout, .slide--social-media-layout:not(.social-media-slide-with-image) {
    text-align: center;
  }
}
.gds-slide--centered .gds-slide__content, .slide--centered-text-layout .gds-slide__content, .slide--social-media-layout:not(.social-media-slide-with-image) .gds-slide__content {
  width: 100%;
  height: 32rem;
}
@media (min-width: 800px) {
  .gds-slide--centered .gds-slide__content, .slide--centered-text-layout .gds-slide__content, .slide--social-media-layout:not(.social-media-slide-with-image) .gds-slide__content {
    height: auto;
    padding: 10% 7%;
  }
}
@media (min-width: 800px) {
  .gds-slide--centered .gds-slide__header, .slide--centered-text-layout .gds-slide__header, .slide--social-media-layout:not(.social-media-slide-with-image) .gds-slide__header {
    min-height: 3em;
  }
}
@media (min-width: 800px) {
  .gds-slide--centered .gds-slide__button, .slide--centered-text-layout .gds-slide__button, .slide--social-media-layout:not(.social-media-slide-with-image) .gds-slide__button {
    margin-left: auto;
  }
}

.gds-slide--small, .slide--small-image-layout, .slide--social-media-layout.social-media-slide-with-image, .carousel--numerical-layout .gds-slide {
  margin-top: 2rem;
  overflow: visible;
  position: relative;
}
@media (min-width: 800px) {
  .gds-slide--small, .slide--small-image-layout, .slide--social-media-layout.social-media-slide-with-image, .carousel--numerical-layout .gds-slide {
    height: unset;
  }
}
.gds-slide--small .gds-slide__media, .slide--small-image-layout .gds-slide__media, .slide--social-media-layout.social-media-slide-with-image .gds-slide__media, .carousel--numerical-layout .gds-slide .gds-slide__media {
  width: 158px;
  position: absolute;
  top: -2rem;
  right: 1rem;
}
@media (min-width: 800px) {
  .gds-slide--small .gds-slide__media, .slide--small-image-layout .gds-slide__media, .slide--social-media-layout.social-media-slide-with-image .gds-slide__media, .carousel--numerical-layout .gds-slide .gds-slide__media {
    max-width: 311px;
    width: 30%;
    right: 2rem;
  }
}
@media (min-width: 800px) {
  .gds-slide--small__meta, .gds-slide--small__header, .gds-slide--small__caption {
    margin-top: 0;
    margin-bottom: 2.5%;
  }
}
.gds-slide--small .gds-slide__image-container, .slide--small-image-layout .gds-slide__image-container, .slide--social-media-layout.social-media-slide-with-image .gds-slide__image-container, .carousel--numerical-layout .gds-slide .gds-slide__image-container {
  padding-top: 100%;
}
.gds-slide--small .gds-slide__content, .slide--small-image-layout .gds-slide__content, .slide--social-media-layout.social-media-slide-with-image .gds-slide__content, .carousel--numerical-layout .gds-slide .gds-slide__content {
  width: 100%;
  margin-top: 10rem;
  height: 32rem;
}
@media (min-width: 800px) {
  .gds-slide--small .gds-slide__content, .slide--small-image-layout .gds-slide__content, .slide--social-media-layout.social-media-slide-with-image .gds-slide__content, .carousel--numerical-layout .gds-slide .gds-slide__content {
    margin-top: 0;
    height: auto;
    padding: 11% 7%;
    width: 67%;
  }
}
@media (min-width: 800px) {
  .gds-slide--small .gds-slide__header, .slide--small-image-layout .gds-slide__header, .slide--social-media-layout.social-media-slide-with-image .gds-slide__header, .carousel--numerical-layout .gds-slide .gds-slide__header {
    min-height: 3em;
  }
}

@media (min-width: 800px) {
  .gds-slide--numbered .gds-slide__header, .gds-slide--numbered .gds-slide__caption, .gds-slide--numbered .gds-slide__button {
    margin-left: 97px;
  }
}

.gds-slide__number {
  counter-increment: slide;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 4.75rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.012em;
  display: none;
  color: #d8d8d8;
}
@media (min-width: 800px) {
  .gds-slide__number {
    position: absolute;
    left: -70px;
    top: -18px;
    display: block;
  }
}
.gds-slide--grey .gds-slide__number {
  color: #1a1a1a;
}

.gds-slide--narrow, .carousel--narrow-layout .gds-slide {
  margin-top: 2rem;
  overflow: visible;
  background-color: #f7f5f1;
  flex-direction: column;
}
@media (min-width: 520px) {
  .gds-slide--narrow, .carousel--narrow-layout .gds-slide {
    max-width: 380px;
    max-height: none;
  }
}
.gds-slide--narrow .gds-slide, .carousel--narrow-layout .gds-slide .gds-slide {
  max-height: none;
  margin-bottom: 0;
}
.gds-slide--narrow .gds-slide__content, .carousel--narrow-layout .gds-slide .gds-slide__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: unset;
}
@media (min-width: 800px) {
  .gds-slide--narrow .gds-slide__content, .carousel--narrow-layout .gds-slide .gds-slide__content {
    padding: 2rem;
  }
}
.gds-slide--narrow .gds-slide__meta, .carousel--narrow-layout .gds-slide .gds-slide__meta {
  order: 3;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #6f7383;
  font-weight: 500;
}
.gds-slide--narrow .gds-slide__header, .carousel--narrow-layout .gds-slide .gds-slide__header {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.gds-slide--narrow .gds-slide__caption, .carousel--narrow-layout .gds-slide .gds-slide__caption {
  min-height: 0;
  order: 1;
  margin-bottom: 1.5rem;
  display: block;
}
.gds-slide--narrow .gds-slide__media, .carousel--narrow-layout .gds-slide .gds-slide__media {
  align-self: center;
  margin-top: -2rem;
  width: 50%;
  margin-right: auto !important;
  margin-left: auto !important;
}
.gds-slide--narrow .gds-slide__image-container, .carousel--narrow-layout .gds-slide .gds-slide__image-container {
  padding-top: 133.3%;
}
.gds-slide--narrow .gds-slide__button, .carousel--narrow-layout .gds-slide .gds-slide__button {
  border: none;
  color: #1a1a1a;
  padding: 0;
  order: 4;
  text-align: left;
  text-decoration: underline;
}
.gds-slide--narrow .gds-slide__button:hover, .carousel--narrow-layout .gds-slide .gds-slide__button:hover {
  text-decoration: none;
}

.pager, .tns-controls {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  display: inline-flex;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  margin-top: -3rem;
  margin-right: -0.5rem;
  margin-left: auto;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 20;
  padding: 1rem 0;
  background-color: #ffffff;
}
@media (min-width: 800px) {
  .pager, .tns-controls {
    align-self: center;
    margin-right: auto;
  }
}
.pager .pagination__button--prev, .tns-controls .pagination__button--prev, .tns-controls button[data-controls=prev],
.pager .pagination__button--next,
.tns-controls .pagination__button--next,
.tns-controls button[data-controls=next] {
  background-size: 32px 32px !important;
  display: inline-block;
  margin: 0px;
  padding: 2rem 2.5rem;
  box-sizing: border-box;
}
.pager .pagination__button--prev, .tns-controls .pagination__button--prev, .tns-controls button[data-controls=prev] {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  border-right: 1px solid #d8d8d8;
}
.pager .pagination__button--next, .tns-controls .pagination__button--next, .tns-controls button[data-controls=next] {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") center center no-repeat;
}

.gds-table-small th {
  padding: 0.5rem !important;
  font-size: smaller !important;
}
.gds-table-small td {
  padding: 0.5rem !important;
  font-size: smaller !important;
}

.gds-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, 1rem);
  justify-content: space-between;
  align-items: center;
}

.gds-grid {
  display: grid;
  --this-grid-min-width: 300px;
  --this-grid-gap-desktop: var(--space-m);
  --this-grid-gap: var(--space);
  grid-gap: var(--this-grid-gap);
}

@media only screen and (min-width: 768px) {
  .gds-grid {
    --this-grid-gap: var(--this-grid-gap-desktop);
  }
}
/* There is a bug in node-sass. The 'unquote' function bypasses the error.*/
@supports (width: min(250px, 100%)) {
  .gds-grid-auto-columns {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--this-grid-min-width, 300px), 100%), 1fr));
  }
}
.gds-with-sidebar {
  --sidebar-gap: 2rem;
  --this-gap: var(--sidebar-gap, 2rem);
  --sidebar-size: 20rem;
  --sidebar-switch-width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--this-gap);
}

.gds-with-sidebar > :first-child {
  flex-basis: var(--sidebar-size, unset);
  flex-grow: 1;
}

.gds-with-sidebar > :last-child {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: var(--sidebar-switch-width, 50%);
}

.gds-with-sidebar > .sidebar {
  flex-basis: var(--sidebar-size, unset);
  flex-grow: 1;
  min-inline-size: unset;
}

.gds-with-sidebar > .not-sidebar {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: var(--sidebar-switch-width, 50%);
}

.gds-with-sidebar.gds-with-sidebar--reverse {
  flex-wrap: wrap-reverse;
}

.divider, .gsection::before {
  background-color: #d8d8d8;
  display: block;
  height: 1px;
  margin: 1.5rem 0;
  width: 100%;
}

.no-margin {
  margin: 0;
}

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56%;
}
.resp-container.legacy-notifications {
  width: 100%;
  padding-top: 0;
  overflow-x: scroll;
}
@media (min-width: 720px) {
  .resp-container.legacy-notifications {
    overflow-x: hidden;
  }
}
.resp-container.legacy-notifications .legacy-notifications__iframe {
  width: 620px;
  max-width: 620px;
  height: 700px;
}

.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.gds-clickable {
  cursor: pointer;
}

.caret::after {
  border-bottom: 7px solid #1a1a1a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 0;
  margin-left: 0.75rem;
  transition: transform 0.4s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  width: 0;
}
.caret.caret-white::after {
  border-bottom: 7px solid #ffffff;
}
.caret.caret-down::after {
  transform: rotate(180deg);
}

.account-profile-button {
  --this-height: 60px;
  --this-padding: 4px;
  --this-gap: calc(var(--this-padding) * 3);
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), box-shadow 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  display: inline-block;
  height: var(--this-height);
  padding: var(--this-padding) 20px var(--this-padding) var(--this-padding);
  border-radius: calc(var(--this-height) / 2);
  border: none;
  color: #1a1a1a;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 1.125rem;
}
@media (min-width: 720px) {
  .account-profile-button:hover {
    background-color: #d8d8d8;
    box-shadow: 0 0 0 2px #1a1a1a;
  }
}
.account-profile-button:focus {
  outline: none;
}
body:not(.using-mouse) .account-profile-button:focus {
  outline: 0;
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #000;
}
.account-profile-button .small-round-img {
  --this-diameter: calc(var(--this-height) - (var(--this-padding) * 2) );
  margin-right: calc(var(--this-padding) * 3);
}
.account-profile-button.minified {
  --this-height: 30px;
  --this-padding: 2px;
  --account-name-max-width: 130px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  background-color: transparent;
}
.account-profile-button.minified:hover {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.99);
  background-color: #ffffff;
}
.account-profile-button.minified .account-profile-button__inner {
  width: 100%;
  display: flex;
}
.account-profile-button.minified .account-switcher__nickname {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: var(--account-name-max-width, 100px);
}

.account-profile-button__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.account-profile-button__faux-switch-btn {
  display: none;
}

.small-round-img {
  --this-diameter: 51px;
  border-radius: calc(var(--this-diameter) / 2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: var(--this-diameter);
  margin-right: 1rem;
  width: var(--this-diameter);
  min-width: var(--this-diameter);
}
.small-round-img.img-large {
  --this-diameter: 102px;
}

.card-box-shadow {
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.gds-card__image img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.slat__number-with-circle {
  width: 36px;
  height: 36px;
  border: solid 2px rgba(26, 26, 26, 0.2);
}

.gds-external-link,
#bill-pay-recurring-fauxbutton {
  position: relative;
  display: block;
}
.gds-external-link::after,
#bill-pay-recurring-fauxbutton::after {
  content: " ";
  display: inline-block;
  transform: translate(0, 11px);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}
.gds-external-link:hover::after, .gds-external-link:focus::after,
#bill-pay-recurring-fauxbutton:hover::after,
#bill-pay-recurring-fauxbutton:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}

a.gds-dark-arrow-link {
  font-weight: 800;
  color: #1a1a1a;
  padding-right: 40px;
  text-decoration: none;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/glyph-arrow-right.svg) 97% center no-repeat;
  transition: all 0.3s ease-in-out;
}
a.gds-dark-arrow-link:hover, a.gds-dark-arrow-link:focus {
  color: #1a1a1a;
  text-decoration: underline;
  background-position: 100% center;
}

:root {
  --mobile-menu-sub-menu-font-size: 1.25rem;
  --mobile-menu-sub-menu-font-size-small: 1.125rem;
  --mobile-menu-nav-left-margin: 1.5rem;
}

/* header styles */
body[class*="account/create"] .gds-site-header,
body[class*="account/forgot"] .gds-site-header,
body.account .gds-site-header,
body.user-profile .gds-site-header,
body.transit-login .gds-site-header {
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.08);
  z-index: 2;
}

.menu-main-menu-container > .menu {
  margin: 0;
}
@media (min-width: 1100.1px) {
  .sub-menu {
    box-shadow: 0 7px 11px -5px rgba(0, 0, 0, 0.19), 0 2px 1px -2px rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(70, 70, 70, 0.15);
    margin-left: -1px;
    background: linear-gradient(343deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.97) 30%, rgb(255, 255, 255) 100%);
  }
}
@media (min-width: 1100.1px) {
  .sub-menu .menu-item {
    min-height: 32px;
  }
}
.sub-menu ul.sub-menu {
  display: none !important;
}

.visible-logged-in {
  display: none;
}
body.gmp-user-logged-in .visible-logged-in {
  display: block;
}

.visible-logged-out {
  display: block;
}
body.gmp-user-logged-in .visible-logged-out {
  display: none;
}

.visible-net-metering {
  display: none;
}
body.gmp-account-netmeter .visible-net-metering {
  display: block;
}

.site-navigation {
  display: flex;
  flex-grow: 1;
  overflow-y: visible;
}
@media (max-width: 1100px) {
  .site-navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: fixed;
    gap: 1rem;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 2rem 1rem;
    background-color: #ffffff;
    width: 100vw;
    max-width: 430px;
    transform: translateX(430px);
    transition: transform 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    z-index: 1;
  }
  .mobile-navigation--expanded .site-navigation {
    transform: translateX(0);
    box-shadow: 0 -2px 23px -5px rgba(0, 0, 0, 0.37);
  }
  .site-navigation .menu {
    margin: 1rem 0;
    transition: padding-top 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    display: flex;
    flex-direction: column;
    z-index: 10;
  }
  .site-navigation .menu > .menu-item {
    transition: margin 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    margin: 0.5rem var(--mobile-menu-nav-left-margin);
  }
  .site-navigation .menu > .menu-item a {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: var(--mobile-menu-sub-menu-font-size, 1.25rem);
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
    color: #1a1a1a;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  }
}
@media (max-width: 1100px) and (max-width: 380px) {
  .site-navigation .menu > .menu-item a {
    font-size: var(--mobile-menu-sub-menu-font-size-small, 1.125rem);
  }
}
@media (max-width: 1100px) {
  .site-navigation .menu > .menu-item > a {
    padding: 0 7px;
    line-height: 1;
    border-left: 2px solid rgba(0, 0, 0, 0);
  }
  .site-navigation .menu > .menu-item:hover > a {
    border-top: none;
    border-left: 2px solid #49b06b;
    box-shadow: none;
  }
  .site-navigation .menu > .menu-item-has-children a::after {
    display: none;
  }
  .site-navigation .menu > .menu-item-has-children.gmp-sub-menu-item--expanded > a {
    border-left: 2px solid #49b06b;
  }
  .site-navigation .menu > .menu-item-has-children.gmp-sub-menu-item--expanded > .sub-menu {
    display: flex;
    width: 20rem;
    transform: translateX(0);
    opacity: 1;
  }
  .site-navigation .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
    position: fixed;
    top: 0;
    display: flex;
    opacity: 0;
    transform: translateX(20rem);
    width: 20rem;
    bottom: 0;
    right: 0;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: scroll;
    justify-content: flex-start;
    padding: 4rem 1.5rem;
    padding-top: 6rem;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  }
}
@media (max-width: 1100px) and (max-width: 520px) {
  .site-navigation .sub-menu {
    padding-top: 8rem !important;
  }
}
@media (max-width: 1100px) {
  .site-navigation .sub-menu a {
    margin: 0.5em 0 !important;
    padding-left: 0.5rem;
  }
  .site-navigation .sub-menu .menu {
    width: 20rem;
    max-width: 90%;
    padding-top: 8rem;
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .site-navigation.gmp-sub-menu-mobile--expanded {
    transition: background-color 0.3s ease-in-out;
    background-color: #f7f5f1;
  }
  .site-navigation.gmp-sub-menu-mobile--expanded .menu > .menu-item {
    margin: 0.5em;
  }
  .site-navigation.gmp-sub-menu-mobile--expanded .menu > .menu-item > a {
    font-size: 16px;
    color: #7d7d7d;
  }
}
@media (max-width: 520px) {
  .site-navigation .menu > .menu-item-has-children.gmp-sub-menu-item--expanded > .sub-menu,
  .site-navigation .gmp-sub-menu-button-container {
    width: 17rem;
    min-width: 17rem !important;
    right: 0;
    padding-top: 2rem;
    z-index: 10;
  }
}

.user-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  order: 2;
  flex-direction: column;
  flex-grow: 2;
}
@media (min-width: 720px) {
  .user-menu {
    flex-grow: 0;
  }
}
.gmp-sub-menu-mobile--expanded .user-menu {
  margin: calc(0.5em + 7px);
  margin-top: 0;
}
.user-menu .user-menu-item {
  margin: 1rem 1.5rem;
  transition: margin 0.3s ease-in-out;
}
.user-menu .user-menu-item a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-size: 1.125rem;
  color: #1a1a1a;
  padding: 0 7px;
  border-left: none;
  text-decoration: none;
}
.gmp-sub-menu-mobile--expanded .user-menu .user-menu-item {
  margin: 0.5em 0;
}
.gmp-sub-menu-mobile--expanded .user-menu .user-menu-item > a {
  padding: 0;
  font-size: 16px !important;
  color: #7d7d7d !important;
}
.gmp-user-logged-in.mobile-navigation--expanded .user-menu {
  display: flex;
  height: calc(100vh - 82px);
}

.username {
  color: #6f7383;
  line-height: 1;
  margin: 2rem;
  margin-bottom: 1rem;
  padding: 0 7px;
}
.gmp-sub-menu-mobile--expanded .username {
  margin: 1.5em 0 1em 0;
  padding: 0;
  font-size: 16px !important;
  color: #7d7d7d !important;
}

@media (max-width: 1100px) {
  .header--user-toggle-button {
    display: none;
  }
}

.mobile-menu-toggle {
  color: #1a1a1a;
  line-height: 66px;
  background-color: transparent;
  border: none;
  margin-right: 1rem;
}
@media (min-width: 1100.1px) {
  .mobile-menu-toggle {
    display: none;
  }
}
.gds-site-header:hover .mobile-menu-toggle {
  color: #1a1a1a;
}
.mobile-navigation--expanded .mobile-menu-toggle {
  display: none;
}
.gmp-color-mode--dark .mobile-menu-toggle {
  color: #ffffff;
}

.gmp-sub-menu-button-container {
  flex-direction: column;
  position: fixed;
  z-index: 10;
  width: 100%;
  padding: 2rem 2rem 2rem 1.7rem;
  display: flex;
  background-color: #ffffff;
  transform: translateX(20rem);
  max-width: 20rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: background-color 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  top: 0;
  bottom: auto;
  margin-bottom: 2rem;
}
@media (min-width: 1100.1px) {
  .gmp-sub-menu-button-container {
    display: none;
  }
}
li.gmp-sub-menu-item--expanded .gmp-sub-menu-button-container {
  opacity: 1;
}
@media (min-width: 1100.1px) {
  li.gmp-sub-menu-item--expanded .gmp-sub-menu-button-container {
    display: none;
  }
}

@media (min-width: 1100.1px) {
  .login-container {
    align-self: center;
    text-align: center;
    border-top: none;
  }
}
@media (max-width: 1100px) {
  .gmp-user-logged-in .login-container {
    display: none;
  }
  .mobile-navigation--expanded .login-container {
    order: 5;
    width: 100%;
    padding: 0.5rem;
    display: grid;
    transform: scale(1), translateY(0);
    transition: opacity 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0.15s, transform 0.4s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0s, padding-left 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0s;
  }
  .gmp-sub-menu-mobile--expanded .login-container {
    opacity: 0;
    padding-left: 0.5rem;
    transform: scale(0.9), translateY(-10px);
    transition: opacity 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0s, transform 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0s, padding-left 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06) 0s;
  }
}

@media (max-width: 1100px) {
  .header-login {
    display: none;
  }
}
.mobile-navigation--expanded .header-login {
  display: inline-block;
  z-index: 10;
}

.header--user-toggle-button,
.header-login-button {
  margin: 0 24px 0 10px;
}

body:not(.mobile-navigation--expanded) .mobile-menu-only {
  display: none;
  transition: none;
}

@media screen and (min-width: 1100.1px) {
  .mobile-navigation--expanded .mobile-menu-only {
    display: none;
  }
}
body:not(.mobile-navigation--expanded) .mobile-menu-close {
  display: none;
  transition: none;
}

@media screen and (min-width: 1100.1px) {
  .mobile-navigation--expanded .mobile-menu-close {
    display: none;
  }
}
.mobile-menu-close {
  position: absolute;
  align-self: flex-end;
  flex-direction: column;
  top: 2rem;
  right: 1rem;
  margin: 0;
  z-index: 20;
}
.mobile-menu-close .gds-icon {
  pointer-events: none;
}
@media (max-width: 1100px) {
  .gmp-sub-menu-mobile--expanded .mobile-menu-close {
    align-self: flex-start;
    margin: 0 0 2rem 1rem;
    right: auto;
  }
}

/* Header Login Panel */
@media (min-width: 1100.1px) {
  .header-login__settings {
    background: linear-gradient(343deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.97) 30%, rgb(255, 255, 255) 100%);
    position: absolute;
    right: 1rem;
    margin-top: 0.5rem;
    z-index: 10;
    text-align: left;
    box-sizing: content-box;
    box-shadow: 0 7px 11px -5px rgba(0, 0, 0, 0.19), 0 2px 1px -2px rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(70, 70, 70, 0.15);
    animation: panel-slide-up 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  }
  .header-login__settings::before {
    height: 1rem;
    width: 1rem;
    content: "";
    margin-top: -0.5rem;
    margin-left: -50%;
    display: block;
    right: 4rem;
    position: absolute;
    transform: rotate(45deg);
    background-color: #ffffff;
    border-top: 1px solid rgba(70, 70, 70, 0.15);
    border-left: 1px solid rgba(70, 70, 70, 0.15);
  }
  .header-login__settings p {
    padding: 0.5rem 0;
  }
  .header-login__settings .menu-group {
    min-width: 350px;
  }
}

.header-login__settings--email {
  font-size: 0.875rem;
  margin: 0;
  color: #6f7383;
}

.header-login__settings__nav-list {
  margin: 0 0 0.5rem;
  line-height: 1.5;
  list-style-type: none;
}
.header-login__settings__nav-list li {
  font-size: 1.125rem;
  color: #1a1a1a;
}
.header-login__settings__nav-list li + li {
  margin-top: 1rem;
}
.header-login__settings__nav-list a {
  color: #1a1a1a;
  text-decoration: none;
}
.header-login__settings__nav-list a:hover, .header-login__settings__nav-list a:focus {
  color: #00704a;
}

.site-navigation .sub-menu .menu-item--secure a {
  color: #6f7383;
  position: relative;
}
.site-navigation .sub-menu .menu-item--secure a::after {
  display: inline-table;
  vertical-align: middle;
  margin-left: 5px;
  content: "Log\A0In";
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
  line-height: 13px;
  color: #6f7383;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
body.gmp-user-logged-in .site-navigation .sub-menu .menu-item--secure a::after {
  display: none;
}
.site-navigation .sub-menu .menu-item--secure a:hover::after {
  opacity: 1;
}
body.gmp-user-logged-in .site-navigation .sub-menu .menu-item--secure a {
  color: #1a1a1a;
}

body.gmp-user-logged-in .site-navigation .sub-menu:hover .menu-item--secure a {
  color: #7d7d7d;
}

@media (max-width: 1100px) {
  .logo-container {
    flex-grow: 1;
    align-self: center;
    display: flex;
  }
}

.header-login__settings .account-profile-button {
  max-width: 70%;
}

.menu-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 2rem;
  min-width: 260px;
}
.menu-group .action-button {
  --gds-button-text-color: #00704a;
  --gds-button-text-decoration: underline;
  --gds-button-text-decoration-hover: underline;
  --gds-button-text-weight: 400;
  --gds-button-font-size: 1rem;
}
.menu-group .button-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.5rem;
}
.menu-group .button-row > * {
  flex-grow: 1;
  flex-shrink: 0;
}

.menu-group__tan-background-mobile + .menu-group__tan-background-mobile {
  border-top: 1px solid #d7d7d7;
}
@media (max-width: 1100px) {
  .menu-group__tan-background-mobile {
    background-color: #f7f5f1;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
  }
  .menu-group__tan-background-mobile + .menu-group__tan-background-mobile {
    border-width: 0;
    margin-top: 1rem;
  }
}

.menu-group__header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  overflow: hidden;
  flex-wrap: wrap;
}
.menu-group__header-row .action-button {
  flex-shrink: 0;
}
.menu-group__header-row .title {
  max-width: 22ch;
  font-weight: 600;
  color: #6f7383;
}

.mobile-menu-logo {
  margin: 0.5rem calc(var(--mobile-menu-nav-left-margin) + 0.5rem);
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.gmp-sub-menu-mobile--expanded .mobile-menu-logo {
  opacity: 0;
}

.site-footer {
  padding: 3rem 2rem 5rem 2rem;
  background-color: #ffffff;
}
@media (min-width: 80.47rem) {
  .site-footer {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 5rem;
  }
}

.site-footer__top-row--back-to-top {
  position: absolute;
  width: 42px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%236f7383' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 42px 42px;
  transform: rotate(90deg);
  right: 2rem;
}
@media (min-width: 80.47rem) {
  .site-footer__top-row--back-to-top {
    right: 4rem;
  }
}

.site-footer__top-row {
  display: flex;
  margin-top: 2rem;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 900px) {
  .site-footer__top-row {
    flex-direction: row;
  }
}

.site-footer__top-row--logo {
  flex-basis: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 720px) {
  .site-footer__top-row--logo {
    flex-basis: 10%;
  }
}
@media (min-width: 1024px) {
  .site-footer__top-row--logo {
    flex-basis: 8.33%;
  }
}
.site-footer__top-row--logo svg {
  width: 55px;
  height: auto;
}

.site-footer__top-row--mission-text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  flex-basis: 100%;
  margin-bottom: 1.5rem;
  max-width: 28rem;
}
@media (min-width: 720px) {
  .site-footer__top-row--mission-text {
    flex-basis: 42%;
    margin-bottom: 0;
    margin-right: 4%;
  }
}
@media (min-width: 900px) {
  .site-footer__top-row--mission-text {
    margin-left: 4%;
  }
}
@media (min-width: 80.47rem) {
  .site-footer__top-row--mission-text {
    margin-right: 7%;
  }
}

.site-footer__top-row--mission-text-headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin: 0 0 1rem 0;
  color: #1a1a1a;
}

.site-footer__top-row--mission-text-copy,
.site-footer__bottom-row--copyright {
  color: #6f7383;
}

.site-footer__top-row--nav {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .site-footer__top-row--nav {
    flex-basis: 50%;
    padding-right: 10%;
  }
}

ul#footer-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  column-count: 2;
}
@media (min-width: 720px) {
  ul#footer-menu {
    column-count: 3;
  }
}
ul#footer-menu li {
  list-style-type: none;
  padding: 0 1rem 1.5rem 0;
  width: 50%;
}
@media (min-width: 720px) {
  ul#footer-menu li {
    width: 33%;
  }
}
ul#footer-menu a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  transition: color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  display: block;
  color: #6f7383;
  text-decoration: none;
}
ul#footer-menu a:hover, ul#footer-menu a:focus {
  color: #1a1a1a;
}

.site-footer__bottom-row {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 2rem;
}
@media (min-width: 520px) {
  .site-footer__bottom-row {
    flex-direction: row;
    margin-top: 0.5rem;
  }
}

.site-footer__bottom-row--copyright {
  justify-content: flex-start;
  font-size: 0.9rem;
  margin-top: 1.5rem;
  align-self: left;
}
@media (min-width: 520px) {
  .site-footer__bottom-row--copyright {
    align-self: center;
  }
}

/* Global login panel */
.global-login-panel__wrappers-enter-active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}

.global-login-panel__wrappers-leave-active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}

.global-login-panel__wrappers-enter,
.global-login-panel__wrappers-leave-to {
  transform: translateX(500px);
  transition: all 0.3s ease-in-out;
}

.global-login-panel__scroller {
  overflow-y: auto;
}

.global-panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 436px;
  padding: 30px;
  background-color: #ffffff;
  color: #1a1a1a;
  z-index: 50;
  box-shadow: 0 -2px 23px -5px rgba(0, 0, 0, 0.37);
}
@media (min-width: 900px) {
  .global-panel {
    padding: 48px;
  }
}
@media (max-height: 500px) {
  .global-panel {
    position: absolute;
    height: 800px;
  }
}
.global-panel.global-panel__left {
  left: 0;
  right: auto;
  padding: 0;
  overflow-y: auto;
}

.global-panel__inner-scroll {
  position: relative;
  width: 100%;
  height: auto;
  padding: 3rem;
  text-align: left;
}

.global-panel__primary-badge {
  padding: 2px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 1px;
  color: #6f7383;
  font-weight: 800;
  font-size: 0.875rem;
  display: inline-block;
  margin-top: 0.25rem;
}

.global-panel__account-link {
  margin: 1.5rem 0;
}

.global-panel__account-type-header {
  padding: 1rem 1rem 0.8rem 1rem;
  font-size: 1.35rem;
  line-height: 1;
  border-radius: 2px;
  transform: translateX(-1rem);
}

.global-panel .close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
}
.global-panel .close.banner__close {
  position: relative;
  top: 0px;
}
.global-panel .close.past-due-wizard__close {
  top: 12px;
  right: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 2px solid #d8d8d8;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 720px) {
  .global-panel .close.past-due-wizard__close {
    width: 48px;
    height: 48px;
  }
}
.global-panel .close.past-due-wizard__close:hover, .global-panel .close.past-due-wizard__close:focus {
  border: 2px solid #1a1a1a;
}
.global-panel .close.bill-pay__close {
  top: 12px;
  right: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 2px solid #d8d8d8;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 720px) {
  .global-panel .close.bill-pay__close {
    width: 48px;
    height: 48px;
  }
}
.global-panel .close.bill-pay__close:hover, .global-panel .close.bill-pay__close:focus {
  border: 2px solid #1a1a1a;
}

.global-panel__form fieldset {
  padding-left: 0;
  padding-right: 0;
}
.global-panel__form input[type=text],
.global-panel__form input[type=submit],
.global-panel__form input[type=password],
.global-panel__form .gds-button {
  display: block;
  width: 100%;
}

.global-account-panel__wrappers-enter-active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}

.global-account-panel__wrappers-leave-active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}

.global-account-panel__wrappers-enter,
.global-account-panel__wrappers-leave-to {
  transform: translateX(-500px);
  transition: all 0.3s ease-in-out;
}

.global-panel__account-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
}

.global-panel__account-row.global-panel__account-row {
  border-top: 0;
}

.gform_body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gform_body ul li.gfield {
  margin: 2rem 0;
}

.gform_wrapper .clear-multi {
  display: flex;
}

.gfield_description,
.gsection_description {
  margin-top: 1rem;
}

.gfield_checkbox input[type=checkbox],
.ginput_container_consent input[type=checkbox] {
  cursor: pointer;
}
.gfield_checkbox input[type=checkbox]::before,
.ginput_container_consent input[type=checkbox]::before {
  top: 0;
  left: 0;
}
.ginput_container_radio:hover input,
.ginput_container_radio:hover input:focus {
  box-shadow: none;
}

.gfield_radio input[type=radio] {
  cursor: pointer;
}
.gfield_radio input[type=radio]::before {
  top: 0;
  left: 0;
}
.gfield_radio input[type=radio]:focus {
  box-shadow: none;
}
.gfield_checkbox li,
.gfield_radio li {
  margin: 1.5rem 0;
}

.ginput_container {
  max-width: 430px;
}
.ginput_container input,
.ginput_container select,
.ginput_container textarea {
  border-bottom-color: solid 1px #a7a7a7;
}
.ginput_container select {
  border-bottom-color: solid 1px #a7a7a7;
  padding: 1.1rem 2.5rem 0.9rem 1rem;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.ginput_container select:hover {
  cursor: pointer;
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}
.ginput_container select:focus {
  border-color: #1a1a1a;
  outline: 0;
}
.ginput_container select option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ginput_container_select::after,
.ginput_container_time.gfield_time_ampm::after,
.ginput_container .address_country::before,
.ginput_container .address_state::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M16 19l5-6h-10z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 35px 35px;
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  vertical-align: middle;
  pointer-events: none;
}

.ginput_container_select::after,
.ginput_container_time.gfield_time_ampm::after {
  margin-left: -3rem;
}

.ginput_container_multiselect select {
  padding: 1.5rem;
}
.ginput_container_multiselect option {
  margin-bottom: 0.25rem;
}
.ginput_container_multiselect option:hover, .ginput_container_multiselect option:focus, .ginput_container_multiselect option:active, .ginput_container_multiselect option:checked {
  background: #00704a;
  color: #ffffff;
}
.ginput_container_multiselect select option:checked {
  background: #00704a -webkit-linear-gradient(bottom, #00704a 0%, #00704a 100%);
  color: #ffffff;
}

.gsection::before {
  content: "";
  margin-top: 3rem;
}

.gsection_title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin: 1.5rem 0 0.5rem 0;
}

.ginput_container_date,
.ginput_container_phone,
.ginput_container_email,
.ginput_container_website,
.ginput_container_fileupload {
  display: flex;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.ginput_container_date::before,
.ginput_container_phone::before,
.ginput_container_email::before,
.ginput_container_website::before,
.ginput_container_fileupload::before {
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
  content: " ";
  display: inline-block;
  height: auto;
  width: 35px;
  padding-left: 0.62rem;
  padding-right: 1rem;
  border: solid 1px #a7a7a7;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: none;
  box-sizing: content-box;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.ginput_container_date:hover::before,
.ginput_container_phone:hover::before,
.ginput_container_email:hover::before,
.ginput_container_website:hover::before,
.ginput_container_fileupload:hover::before {
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}
.ginput_container_date:focus::before, .ginput_container_date:active::before, .ginput_container_datefocus-within::before,
.ginput_container_phone:focus::before,
.ginput_container_phone:active::before,
.ginput_container_phonefocus-within::before,
.ginput_container_email:focus::before,
.ginput_container_email:active::before,
.ginput_container_emailfocus-within::before,
.ginput_container_website:focus::before,
.ginput_container_website:active::before,
.ginput_container_websitefocus-within::before,
.ginput_container_fileupload:focus::before,
.ginput_container_fileupload:active::before,
.ginput_container_fileuploadfocus-within::before {
  border-color: #1a1a1a;
  box-shadow: inset 0 0 0 1px #1a1a1a;
}
.ginput_container_date input,
.ginput_container_phone input,
.ginput_container_email input,
.ginput_container_website input,
.ginput_container_fileupload input {
  padding-left: 1rem;
  background-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ginput_container_phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M20.8 18.1l-1.3 1.3a29.1 29.1 0 01-7.2-7.6l1.8-1.7c.2-.3.1-1.7-.2-2L11 5c-.6-.5-2.7-.6-3.1-.2L4.5 8c1.4 3.1 4.2 7 7.8 10.6 3 3.2 6.6 5.9 10.6 7.8l.7.3 3.4-3.4c.6-.6.7-1.5 0-2.1l-3-3.1c-.5-.5-2.8-.5-3.2-.1z' %3E%3C/path%3E%3C/svg%3E");
}

.ginput_container_email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M4,12.0138055 L8.41307467,15.7671942 L4,20.1802689 L4,12.0138055 Z M4.07580012,9.45272586 C4.31382883,8.61420048 5.08518731,8 6,8 L26,8 C26.9280926,8 27.7085359,8.63216209 27.9342276,9.48938406 L17.9840179,17.9713652 C16.8635999,18.926457 15.2156923,18.9273774 14.0942081,17.9735377 L4.07580012,9.45272586 Z M28,12.0613642 L28,20.0857864 L23.6681935,15.7539799 L28,12.0613642 Z M22.1413298,17.0555433 L27.8491533,22.7633669 C27.5491703,23.4892359 26.8342328,24 26,24 L6,24 C5.19123164,24 4.49458693,23.5199416 4.17946857,22.8292274 L9.94152825,17.0671677 L12.7984553,19.4970287 C14.6675956,21.0867615 17.4141084,21.0852275 19.2814716,19.4934078 L22.1413298,17.0555433 Z' %3E%3C/path%3E%3C/svg%3E");
}

.ginput_container_website::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M11.726602,18 C12.5156422,19.1241368 13.4185614,20.3227011 14.4349293,21.600144 L16,23.5672352 L17.5650707,21.600144 C18.5814386,20.3227011 19.4843578,19.1241368 20.273398,18 L23.381966,18 C23.7607381,18 24.1070012,18.2140024 24.2763932,18.5527864 L29.2763932,28.5527864 C29.5233825,29.0467649 29.3231581,29.6474379 28.8291796,29.8944272 C28.6903242,29.9638549 28.5372111,30 28.381966,30 L3.61803399,30 C3.06574924,30 2.61803399,29.5522847 2.61803399,29 C2.61803399,28.8447549 2.65417908,28.6916418 2.7236068,28.5527864 L7.7236068,18.5527864 C7.89299881,18.2140024 8.23926193,18 8.61803399,18 L11.726602,18 Z M16,20.3549316 C11.7626807,15.02917 9.6440211,11.1961857 9.6440211,8.8559789 C9.6440211,5.34566868 12.4896898,2.5 16,2.5 C19.5103102,2.5 22.3559789,5.34566868 22.3559789,8.8559789 C22.3559789,11.1961857 20.2373193,15.02917 16,20.3549316 Z M16,12 C17.6568542,12 19,10.6568542 19,9 C19,7.34314575 17.6568542,6 16,6 C14.3431458,6 13,7.34314575 13,9 C13,10.6568542 14.3431458,12 16,12 Z%20id%3D%27path-1%27' %3E%3C/path%3E%3C/svg%3E");
}

.ginput_container_fileupload::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M9,4 L23,4 C24.1045695,4 25,4.8954305 25,6 L25,26 C25,27.1045695 24.1045695,28 23,28 L9,28 C7.8954305,28 7,27.1045695 7,26 L7,6 C7,4.8954305 7.8954305,4 9,4 Z M16,16 L11,16 L11,18 L16,18 L16,16 Z M21,13 L11,13 L11,15 L21,15 L21,13 Z M21,10 L11,10 L11,12 L21,12 L21,10 Z' %3E%3C/path%3E%3C/svg%3E");
}

.ginput_container_address:hover input {
  border-color: #a7a7a7;
  box-shadow: none;
}
.ginput_container_address label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.146em;
  text-transform: uppercase;
  color: #7d7d7d;
}
.ginput_container_address .ginput_full,
.ginput_container_address .ginput_left,
.ginput_container_address .ginput_right {
  display: flex;
  flex-direction: column-reverse;
}
.ginput_container_address .ginput_full input,
.ginput_container_address .ginput_full select,
.ginput_container_address .ginput_left input,
.ginput_container_address .ginput_left select,
.ginput_container_address .ginput_right input,
.ginput_container_address .ginput_right select {
  margin-bottom: 0.5rem;
}
.ginput_container_address .ginput_full input:hover,
.ginput_container_address .ginput_full select:hover,
.ginput_container_address .ginput_left input:hover,
.ginput_container_address .ginput_left select:hover,
.ginput_container_address .ginput_right input:hover,
.ginput_container_address .ginput_right select:hover {
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}
.ginput_container_address .address_country,
.ginput_container_address .address_state {
  margin-bottom: 1.15rem;
}
.ginput_container_address .address_country::before,
.ginput_container_address .address_state::before {
  margin-top: -3.4rem;
  margin-right: 1rem;
  z-index: 20;
  align-self: flex-end;
}
@media (min-width: 520px) {
  .ginput_container_address .address_country::before,
  .ginput_container_address .address_state::before {
    margin-top: -3.2rem;
  }
}

.ginput_container_date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M22,8 L22,6 C22,5.44771525 22.4477153,5 23,5 C23.5522847,5 24,5.44771525 24,6 L24,8 C25.1045695,8 26,8.8954305 26,10 L26,24 C26,25.1045695 25.1045695,26 24,26 L8,26 C6.8954305,26 6,25.1045695 6,24 L6,10 C6,8.8954305 6.8954305,8 8,8 L8,6 C8,5.44771525 8.44771525,5 9,5 C9.55228475,5 10,5.44771525 10,6 L10,8 L22,8 Z M8,14 L8,24 L24,24 L24,14 L8,14 Z' %3E%3C/path%3E%3C/svg%3E");
}

.ui-datepicker {
  border: 1px solid #a7a7a7;
  border-radius: 2px;
  padding: 0.5rem;
  background-color: #ffffff;
  z-index: 50 !important;
  display: none;
}

.ui-datepicker-header {
  display: flex;
  justify-content: space-between;
}
.ui-datepicker-header a {
  text-decoration: none;
  display: flex;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  font-size: 0;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
  content: " ";
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 1.5rem 0;
}
.ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker-header .ui-datepicker-next:hover {
  cursor: pointer;
}
.ui-datepicker-header .ui-datepicker-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}
.ui-datepicker-header .ui-datepicker-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}
.ui-datepicker-header .ui-datepicker-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
  order: 3;
}
.ui-datepicker-header .ui-datepicker-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}
.ui-datepicker-header .ui-datepicker-title {
  display: flex;
  padding: 1rem 0;
}

.ui-datepicker-calendar {
  background-color: #ffffff;
}
.ui-datepicker-calendar a {
  text-decoration: none;
  padding: 0.5rem;
}

.ginput_container_time {
  display: flex;
}
.ginput_container_time i {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-style: normal;
  color: #00704a;
  margin: 0 0.5rem;
}
.ginput_container_time label {
  display: none;
}
.ginput_container_time.gfield_time_hour {
  max-width: 6rem;
}
.ginput_container_time.gfield_time_minute {
  max-width: 4.4rem;
  margin-right: 1rem;
}
.ginput_container_time.gfield_time_ampm::after {
  align-self: center;
  margin-right: 1rem;
}
.ginput_container_time.gfield_time_ampm select {
  padding-right: 3.5rem;
}

.ginput_container_name:hover input {
  border-color: #a7a7a7;
  box-shadow: none;
}
.ginput_container_name:hover input:hover {
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}
.ginput_container_name .name_first,
.ginput_container_name .name_last {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0.5rem;
}
.ginput_container_name .name_first label,
.ginput_container_name .name_last label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.146em;
  text-transform: uppercase;
  color: #7d7d7d;
}

.ginput_container_list:hover input {
  border-color: #a7a7a7;
  box-shadow: none;
}
.ginput_container_list input {
  width: 18rem;
}
@media (min-width: 520px) {
  .ginput_container_list input {
    width: 430px;
  }
}
.ginput_container_list input:hover {
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}
.ginput_container_list .gfield_list_group {
  display: flex;
  align-items: center;
}
.ginput_container_list .gfield_list_icons {
  display: flex;
}
.ginput_container_list .gfield_list_icons a {
  text-decoration: none;
  margin: 0 0.25rem;
}
.ginput_container_list .gfield_list_icons a:focus {
  box-shadow: none !important;
}
.ginput_container_list .gfield_list_icons img {
  display: none;
}
.ginput_container_list .gfield_list_icons .add_list_item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M15 15v-9h2v9h9v2h-9v9h-2v-9h-9v-2h9z' %3E%3C/path%3E%3C/svg%3E");
}
.ginput_container_list .gfield_list_icons .add_list_item:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M15 15v-9h2v9h9v2h-9v9h-2v-9h-9v-2h9z' %3E%3C/path%3E%3C/svg%3E");
}
.ginput_container_list .gfield_list_icons .delete_list_item {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M6 15h20v2h-20v-2z' %3E%3C/path%3E%3C/svg%3E");
}
.ginput_container_list .gfield_list_icons .delete_list_item:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M6 15h20v2h-20v-2z' %3E%3C/path%3E%3C/svg%3E");
}

.gfield_error .ginput_container input,
.gfield_error .ginput_container select {
  border: 1px solid #d70d13;
}

/* disabled checkboxes */
input[type=checkbox][disabled] ~ .gds-checkbox__faux::before {
  background-color: #d8d8d8;
  box-shadow: inset 0 0 0 2px #d8d8d8;
}

.fieldset-no-border {
  border: none;
}

/* Password component */
.password-wrapper {
  position: relative;
}

.password-toggle {
  background: none;
  border: none;
  position: absolute;
  right: 5px;
  margin: auto;
  top: 8px;
  bottom: 0;
}
.password-toggle svg {
  fill: #6f7383;
}

.site-container {
  overflow-x: hidden;
}

.wrap {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 80.47rem) {
  .wrap {
    width: 76.47rem;
    margin: 0 auto;
    padding: 0;
  }
}

.gmp-backdrop, .single-post .entry-header,
.single-help_article .entry-header {
  font-size: 16px;
  margin-top: -80px;
  padding-top: 80px;
  background-color: #f7f5f1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 2rem;
}
@media (min-width: 1100px) {
  .gmp-backdrop, .single-post .entry-header,
  .single-help_article .entry-header {
    margin-top: -80px;
    padding-top: 80px;
  }
}
.gmp-color-mode--dark .gmp-backdrop, .gmp-color-mode--dark .single-post .entry-header, .single-post .gmp-color-mode--dark .entry-header,
.gmp-color-mode--dark .single-help_article .entry-header,
.single-help_article .gmp-color-mode--dark .entry-header {
  color: #ffffff;
}

#top-of-page {
  min-height: 80px;
}
@media (min-width: 1100px) {
  #top-of-page {
    min-height: 80px;
  }
}

.wc-webchat {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  bottom: -1px;
}

.wc-title {
  font-size: 18px;
  padding-top: 2px;
}

.wc-webchat > header {
  background-color: #1a1a1a;
  margin-left: 0;
  padding-left: 16px;
  height: auto;
  line-height: auto;
  text-indent: 0;
  padding-top: 3px;
}
.wc-webchat > header .wc-buttons a {
  background-color: #1a1a1a;
  text-decoration: none;
  content: "Show/Hide";
}
.wc-webchat > header .wc-buttons a:hover {
  background-color: #1a1a1a;
}

.wc-webchat.wc-offline > header {
  background-color: #6f7383;
}

.wc-name-input,
.wc-email-input,
.wc-message {
  border: 1px solid #a7a7a7;
  padding: 13px 12px 11px 12px;
  border-radius: 2px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  height: auto;
}
.wc-name-input.wc-invalid,
.wc-email-input.wc-invalid,
.wc-message.wc-invalid {
  background-color: #fff;
  border-color: #d70d13;
}
.wc-name-input:hover:enabled,
.wc-email-input:hover:enabled,
.wc-message:hover:enabled {
  border-color: #6f7383;
  box-shadow: inset 0 0 0 1px #6f7383;
}

.wc-message {
  font-size: 14px;
}

.wc-error-label {
  font-style: normal;
  color: #d70d13;
}

.wc-progress {
  font-style: normal;
  color: #6f7383;
}

.wc-status {
  color: #1a1a1a;
  font-style: normal;
  padding-left: 0;
  margin: 8px 0;
  font-size: 14px;
}

input.wc-initiate,
input.wc-terminate {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  height: 50px;
  background-color: #1a1a1a;
  color: #fff;
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.125rem;
}
input.wc-initiate:enabled:hover,
input.wc-terminate:enabled:hover {
  background-color: #1a1a1a;
}

.wc-webchat fieldset {
  margin-left: 0;
}

@media screen and (orientation: landscape) and (min-width: 400px) {
  .wc-webchat {
    max-width: 500px;
    right: 20px;
    width: 50%;
    box-shadow: 0 -4px 11px -5px rgba(0, 0, 0, 0.19), 0 -1px 1px -2px rgba(0, 0, 0, 0.16), inset 0 0 0 1px rgba(70, 70, 70, 0.15);
    border-radius: 4px 4px 0 0;
  }
}
.TextBoxAndMessageLabel {
  width: 100%;
}
.TextBoxAndMessageLabel .wc-history {
  padding-left: 0;
  margin: 2px 0 12px 0;
}
.TextBoxAndMessageLabel .wc-history li {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #1a1a1a;
  font-style: normal;
  padding-left: 0;
}
.TextBoxAndMessageLabel li > .wc-name {
  color: #ef6723;
  font-weight: 800;
  padding-top: 8px;
  font-size: 15px;
}
.TextBoxAndMessageLabel li.wc-local > .wc-name {
  color: #1a1a1a;
}
.TextBoxAndMessageLabel .wc-typing {
  font-style: normal;
  background-color: transparent;
  color: #6f7383;
  font-size: 14px;
  font-weight: 800;
  text-indent: 0;
  line-height: unset;
}

.wc-chatbox {
  padding: 16px 32px 24px;
}

.webchat-widget {
  color: #ffffff;
}
.webchat-widget .gds-button.gds-secondary {
  color: #ffffff;
}

.webchat-queue-count {
  font-size: 1rem;
  font-weight: 800;
  padding-left: 10px;
}

.webchat-available-text {
  font-size: 1rem;
  font-weight: 800;
  max-width: 380px;
}

.webchat-unavailable-text {
  font-size: 1rem;
  font-weight: 800;
  max-width: 380px;
}

.webchat-button.webchat-button-enabled {
  background-color: #fff;
  color: #1a1a1a;
}

.widget-floating-helper {
  position: fixed;
  z-index: 10000;
  bottom: 20px;
  right: 16px;
  font-size: 14px;
}
@media (min-width: 720px) {
  .widget-floating-helper {
    right: 20px;
    font-size: 15px;
  }
}
.widget-floating-helper .need-help-button {
  display: inline-block;
  padding: 14px 24px 14px 60px;
  border-radius: 24px;
  background: #394852 url(/wp-content/themes/gmptwentynineteen/assets/images/chat-white.svg) 14% center/32px auto no-repeat;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.widget-floating-helper .helper-window {
  position: fixed;
  bottom: 90px;
  right: 20px;
  width: 316px;
  padding: 30px 24px;
  background-color: #ffffff;
  box-shadow: 0 -5px 20px -1px rgba(0, 0, 0, 0.21), 0 -1px 2px -2px rgba(0, 0, 0, 0.24);
}
.widget-floating-helper .helper-window:after {
  right: 50px;
  bottom: 0px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  margin-bottom: -8px;
  filter: drop-shadow(0 4px 6px #ddd);
  z-index: 2;
}
.widget-floating-helper .helper-window .header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.widget-floating-helper .helper-window .helper-window__intro {
  padding-left: 42px;
  width: 240px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  color: #1a1a1a;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/chat.svg) left top/32px auto no-repeat;
}
.widget-floating-helper .helper-window .helper-window__close-button {
  margin: -5px -12px 0 0;
}
.widget-floating-helper .helper-window .webchat-button-wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}
.widget-floating-helper .helper-window .webchat-button {
  width: 220px;
  margin: 0 0 0 34px;
}
.widget-floating-helper .helper-window .call-us-row {
  padding: 24px 0 24px 42px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/phone-right.svg) left center/32px auto no-repeat;
}

.widget-floating-helper.move-up {
  transform: translateY(-50px);
}

.widget-floating-helper.hide {
  display: none;
}

.link-arrow,
.page-arrow {
  padding: 0 !important;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 500px;
  transition: all 0.3s ease-in-out;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.link-arrow:hover, .link-arrow:focus, .link-arrow:active,
.page-arrow:hover,
.page-arrow:focus,
.page-arrow:active {
  transition: all 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  background-position: 70% center;
}
.block--dark .link-arrow, .gds-slide--dark .link-arrow, .link-arrow.link--dark, .no-image-post .link-arrow,
.block--dark .page-arrow,
.gds-slide--dark .page-arrow,
.page-arrow.link--dark,
.no-image-post .page-arrow {
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.block--dark .link-arrow:hover, .block--dark .link-arrow:focus, .block--dark .link-arrow:active, .gds-slide--dark .link-arrow:hover, .gds-slide--dark .link-arrow:focus, .gds-slide--dark .link-arrow:active, .link-arrow.link--dark:hover, .link-arrow.link--dark:focus, .link-arrow.link--dark:active, .no-image-post .link-arrow:hover, .no-image-post .link-arrow:focus, .no-image-post .link-arrow:active,
.block--dark .page-arrow:hover,
.block--dark .page-arrow:focus,
.block--dark .page-arrow:active,
.gds-slide--dark .page-arrow:hover,
.gds-slide--dark .page-arrow:focus,
.gds-slide--dark .page-arrow:active,
.page-arrow.link--dark:hover,
.page-arrow.link--dark:focus,
.page-arrow.link--dark:active,
.no-image-post .page-arrow:hover,
.no-image-post .page-arrow:focus,
.no-image-post .page-arrow:active {
  border-color: #ffffff;
}
.card:hover .link-arrow, .card:focus .link-arrow,
.card:hover .page-arrow,
.card:focus .page-arrow {
  border: 2px solid #1a1a1a;
  background-position: 70% center;
}
.card.block--dark:hover .link-arrow, .card.block--dark:focus .link-arrow, .no-image-post:hover .link-arrow, .no-image-post:focus .link-arrow,
.card.block--dark:hover .page-arrow,
.card.block--dark:focus .page-arrow,
.no-image-post:hover .page-arrow,
.no-image-post:focus .page-arrow {
  border-color: #ffffff;
  background-position: 70% center;
}

.link-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}
.block--dark .link-arrow, .gds-slide--dark .link-arrow, .link-arrow.link--dark, .no-image-post .link-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}

.page-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}
.block--dark .page-arrow, .gds-slide--dark .page-arrow, .page-arrow.link--dark, .no-image-post .page-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}

.carousel--narrow-layout .gds-slide .link-arrow,
.carousel--narrow-layout .gds-slide .page-arrow {
  --gds-button-border-color: #d8d8d8;
  --gds-button-border-color-hover: #ffffff;
}
.carousel--narrow-layout .gds-slide.gds-slide--dark .link-arrow,
.carousel--narrow-layout .gds-slide.gds-slide--dark .page-arrow {
  --gds-button-border-color: rgba(255, 255, 255, 0.2);
  --gds-button-border-color-hover: rgba(255, 255, 255, 1);
}

.full-width-cta .link-arrow,
.full-width-cta .page-arrow {
  background-color: transparent;
  margin: 2rem 0;
}
.full-width-cta .link-arrow:hover,
.full-width-cta .page-arrow:hover {
  border: 2px solid #1a1a1a;
}

.link.link--button.link--dark.link-arrow, .link.link--button.link--dark.page-arrow {
  border: none;
}

.related-resources-content__button--link-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}
.related-resources-content__button--page-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}

.wp-block-button .has-green-background-color,
.wp-block-button .has-green-color {
  background-color: #00704a;
}
.wp-block-button .has-orange-background-color,
.wp-block-button .has-orange-color {
  background-color: #ef6723;
}
.wp-block-button .wp-block-button__link:hover {
  background-color: #1a1a1a;
}
.wp-block-button__link {
  border-radius: 500px !important;
}
.wp-block-button__link.no-border-radius {
  border-radius: 500px !important;
}

.wp-block-file a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-decoration: none;
  color: #00704a;
  display: inline-block;
}
.wp-block-file a::after {
  content: " ";
  background-size: 32px 32px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 32px;
  width: 32px;
}

a.wp-block-file__button {
  display: none;
}

.wp-block-media-text {
  display: block;
  margin-bottom: 2rem;
}
@media (max-width: 520px) {
  .wp-block-media-text {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.wp-block-media-text .wp-block-media-text__media {
  margin-bottom: 1rem;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 2%;
  border-left: 2px solid #49b06b;
}
.wp-block-media-text .wp-block-media-text__content p {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
}

.wp-block-quote, .slat__content blockquote {
  margin: 0;
}
.wp-block-quote::before, .slat__content blockquote::before {
  content: "";
  display: block;
  margin: 0;
  margin-bottom: 1rem;
  width: 40%;
  border-top: 2px solid #49b06b;
}
.wp-block-quote p, .slat__content blockquote p {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-bottom: 1rem;
}
.wp-block-quote p::before, .slat__content blockquote p::before {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  content: '"';
  display: block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.2rem;
  margin-left: -1rem;
}
.wp-block-quote p::after, .slat__content blockquote p::after {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  content: '"';
  display: inline-flex;
}
.wp-block-quote cite, .slat__content blockquote cite {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  font-weight: 600;
}
.wp-block-quote cite::before, .slat__content blockquote cite::before {
  content: "\2013";
  display: inline-block;
  padding-right: 0.25rem;
}

.wp-block-table, .price-table,
.wp-block-table.aligncenter {
  width: 100vw;
  background-color: #f7f5f1;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 520px) {
  .wp-block-table, .price-table,
  .wp-block-table.aligncenter {
    padding: 1rem;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.wp-block-table, .price-table {
  margin-bottom: 2rem;
}
.wp-block-table tr:last-child td, .price-table tr:last-child td {
  border-bottom: none;
}
.wp-block-table tr td:first-child, .price-table tr td:first-child {
  font-weight: 800;
}
.wp-block-table th, .price-table th,
.wp-block-table td,
.price-table td {
  font-weight: 500;
  padding: 0.25rem 0;
  padding-left: 0.5rem;
  text-align: left;
}
@media (min-width: 520px) {
  .wp-block-table th, .price-table th,
  .wp-block-table td,
  .price-table td {
    padding: 1rem 0;
    padding-left: 1.5rem;
  }
  .wp-block-table th:last-child, .price-table th:last-child,
  .wp-block-table td:last-child,
  .price-table td:last-child {
    padding-right: 1.5rem;
  }
}
.wp-block-table th.has-text-align-center, .price-table th.has-text-align-center,
.wp-block-table td.has-text-align-center,
.price-table td.has-text-align-center {
  text-align: center;
}
.wp-block-table th, .price-table th {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  vertical-align: top;
}
.wp-block-table th strong, .price-table th strong {
  font-weight: 500;
}
.wp-block-table td, .price-table td {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  border-bottom: 1px solid #d8d8d8;
  font-weight: 400;
}
.wp-block-table td:last-child, .price-table td:last-child {
  padding-right: 0.5rem;
}
.wp-block-table td strong, .price-table td strong {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}
.wp-block-table td em, .price-table td em {
  margin-top: 1rem;
}
.wp-block-table td em::after, .price-table td em::after {
  display: none;
}

.wp-block-image.alignfull, .wp-block-image.alignwide {
  max-width: none !important;
}
.wp-block-image img {
  width: 100%;
  height: auto;
}

.button-row {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .button-row {
    flex-direction: row;
  }
}
.button-row .link {
  margin-left: 1rem;
  margin-right: 1rem;
  align-self: center;
}

.caption, .single-post .post-entry__caption,
.single-help_article .post-entry__caption, .wp-block-image figcaption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0 2%;
  border-left: 2px solid #49b06b;
  margin: 1rem 1rem 2rem 0;
  color: #6f7383;
}

.full-width-cta {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .full-width-cta {
    flex-direction: row;
  }
  .full-width-cta--left {
    flex-direction: row-reverse;
  }
}
.full-width-cta__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  padding: 2rem 0;
}
.full-width-cta__body {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  line-height: 1.33;
  letter-spacing: -0.25px;
}
.full-width-cta__main-link {
  min-width: 8rem;
  margin: 2rem 0;
}
.full-width-cta__image-container {
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 80.47rem) {
  .full-width-cta__image-container {
    margin-bottom: 0;
    max-width: 500px;
    padding-top: 61.8%;
  }
}
.full-width-cta__image {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}
@media (min-width: 80.47rem) {
  .full-width-cta__image {
    object-fit: cover;
  }
}
.full-width-cta__content {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 720px) {
  .full-width-cta__content {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .full-width-cta--right .full-width-cta__content {
    padding-right: 8rem;
  }
  .full-width-cta--left .full-width-cta__content {
    padding-left: 8rem;
  }
}
.full-width-cta__accessory {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 720px) {
  .full-width-cta__accessory {
    width: 50%;
  }
}
@media (min-width: 80.47rem) {
  .full-width-cta__accessory {
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
  }
  .full-width-cta--left .full-width-cta__accessory {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.full-width-cta__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-image: radial-gradient(circle at 45% 47%, #f28a00, #ef6723);
  display: inline-table;
  width: 100%;
  position: relative;
  align-self: center;
}
@media (min-width: 900px) {
  .full-width-cta__menu {
    width: 310px;
    position: absolute;
    right: 0;
  }
}
@media (min-width: 80.47rem) {
  .full-width-cta__menu {
    flex-direction: row;
  }
}
.full-width-cta__menu-item a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-decoration: none;
  color: #ffffff;
  padding: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center right;
  background-origin: content-box;
  display: flex;
}
.full-width-cta li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.full-width-cta li:last-child {
  border-bottom: none;
}
.full-width-cta li:hover {
  background-color: #1a1a1a;
}
.full-width-cta__link-icon {
  max-width: 1.5rem;
  margin-right: 1rem;
  max-height: 1.5rem;
}

.menu-accessory {
  max-width: 100%;
  padding-bottom: 2rem;
}
@media (min-width: 520px) {
  .menu-accessory {
    min-width: 18rem;
    max-width: 24rem;
    padding-bottom: 0;
  }
}
.menu-accessory__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.146em;
  text-transform: uppercase;
  color: #6f7383;
  padding: 1rem 0;
}
.menu-accessory__menu {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}
.menu-accessory__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-accessory__menu li {
  border-bottom: 1px solid #d8d8d8;
}
.menu-accessory__menu li:last-child {
  border-bottom: none;
}
.menu-accessory__menu a {
  text-decoration: none;
  color: #1a1a1a;
  padding: 1rem 0;
  padding-right: 3rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") no-repeat center right;
  background-size: 35px 35px;
  display: flex;
}

a.document-accessory, .document-grid a.document-grid-document {
  display: flex;
  flex-direction: row;
  max-width: 10rem;
  text-decoration: none;
  margin: auto;
}

.document-accessory__container, .document-grid .document-grid-document__container {
  width: 9rem;
  max-width: 9rem;
  height: 220px;
  padding: 1.5rem 0 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.document-accessory__side, .document-grid .document-grid-document__side {
  height: 186px;
  right: -2rem;
  width: 2rem;
  top: 2rem;
  content: "";
}

.document-accessory__dog-ear, .document-grid .document-grid-document__dog-ear {
  border-right: 2rem solid transparent;
  content: "";
  height: 0;
  right: -2rem;
  top: 0;
  width: 0;
}

.document-accessory__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #1a1a1a;
}
.document-accessory__container--dark .document-accessory__title {
  color: #ffffff;
}

.document-accessory__link, .document-grid .document-grid-document__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}
.document-accessory:hover .document-accessory__link, .document-accessory:hover .document-grid .document-grid-document__link, .document-grid .document-accessory:hover .document-grid-document__link, .document-grid a.document-grid-document:hover .document-accessory__link, .document-grid a.document-grid-document:hover .document-grid-document__link {
  border-color: #1a1a1a;
}
.document-accessory__container--dark .document-accessory__link, .document-accessory__container--dark .document-grid .document-grid-document__link, .document-grid .document-accessory__container--dark .document-grid-document__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
  border: solid 2px rgba(255, 255, 255, 0.2);
}
.document-accessory:hover .document-accessory__container--dark .document-accessory__link, .document-accessory:hover .document-accessory__container--dark .document-grid .document-grid-document__link, .document-grid .document-accessory:hover .document-accessory__container--dark .document-grid-document__link, .document-grid a.document-grid-document:hover .document-accessory__container--dark .document-accessory__link, .document-grid a.document-grid-document:hover .document-accessory__container--dark .document-grid-document__link {
  border-color: #ffffff;
}

.document-grid {
  display: flex;
  flex-direction: column;
  background-color: #f7f5f1;
  padding: 4rem 0.5rem;
}
@media (min-width: 900px) {
  .document-grid {
    flex-direction: row;
    padding: 4rem;
  }
}
.document-grid a.document-grid-document {
  margin: 0.5rem;
}
@media (max-width: 520px) {
  .document-grid a.document-grid-document {
    width: 45%;
    max-width: none;
  }
}
.document-grid .document-grid-document__container {
  background-color: #ffffff;
}
@media (max-width: 520px) {
  .document-grid .document-grid-document__container {
    width: 100%;
    max-width: none;
  }
}
.document-grid .document-grid-document__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  font-size: 1rem;
  color: #1a1a1a;
}
.document-grid .document-grid-document__dog-ear {
  border-bottom: solid 34px #ffffff;
}

.document-grid-document__container,
.document-grid-document__side {
  background-color: #ffffff;
}

.document-grid-documents {
  display: flex;
  flex-grow: 5;
  flex-wrap: wrap;
}
@media (min-width: 900px) {
  .document-grid-documents {
    padding-left: 4rem;
  }
}

.document-grid-info {
  flex-basis: 160px;
}

.document-grid-info-header {
  display: flex;
  padding-bottom: 2rem;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .document-grid-info-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 900px) {
  .document-grid-info-header,
  .document-grid-info-categories {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.document-grid-info-header__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
}
@media (min-width: 900px) {
  .document-grid-info-header__title {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 2.25rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0143em;
  }
}

.document-grid-info-header__filter {
  display: flex;
  align-items: center;
}
@media (min-width: 900px) {
  .document-grid-info-header__filter {
    display: none;
  }
}

.document-grid-info-categories {
  transition: all 0.3s ease-in-out;
  display: none;
  flex-direction: column;
  padding-bottom: 2rem;
}
@media (min-width: 900px) {
  .document-grid-info-categories {
    display: flex;
  }
}
.document-grid-info-categories--expanded {
  display: flex;
}

.document-grid-info-category {
  display: flex;
  color: #6f7383;
  height: 25px;
  margin: 0.5rem 0;
  padding-left: 1rem;
  border-left: solid 2px transparent;
  text-decoration: none;
}
@media (min-width: 900px) {
  .document-grid-info-category {
    height: 41px;
  }
}
.document-grid-info-category--active {
  border-left: solid 2px #49b06b;
}
.document-grid-info-category--active .document-grid-info-category__title,
.document-grid-info-category--active .document-grid-info-category__count {
  color: #1a1a1a;
}
.document-grid-info-category:hover {
  cursor: pointer;
}
.document-grid-info-category__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  align-self: center;
}
.document-grid-info-category__count {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  padding: 0 0.5rem;
  align-self: baseline;
}

.link {
  margin: 1rem 0;
}

.link.link--text {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: #00704a;
  word-break: normal;
  flex-direction: row;
}
.link.link--text:hover svg, .link.link--text:focus svg {
  transform: translateX(0.5rem);
}
.link.link--text.without-text-arrow:hover, .link.link--text.without-text-arrow:focus {
  text-decoration: underline;
}
.link.link--text svg {
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  margin-left: 1.5rem;
}

.link.link--button.link--dark {
  color: #ffffff;
}
.link.link--button.link--dark:hover, .link.link--button.link--dark:focus {
  text-decoration: underline;
}
.related-resources {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .related-resources {
    flex-direction: row;
  }
}

.related-resources-media,
.related-resources-content {
  width: 100%;
}
@media (min-width: 720px) {
  .related-resources-media,
  .related-resources-content {
    width: 50%;
  }
}

.related-resources-media__image-container {
  padding-top: 61.8%;
}

.related-resources-content {
  padding-top: 2%;
  padding-left: 4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.related-resources-content__caption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  font-weight: 600;
  padding-bottom: 1rem;
}

.related-resources-content__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  flex-grow: 1;
}

.related-resources-content__button {
  margin-left: 0;
  align-self: flex-start;
}

.section-title a,
.section-title a:active,
.section-title a:focus,
.section-title a:hover,
.section-title a:visited {
  color: #1a1a1a;
}
.aligncenter .section-title {
  text-align: center;
}
.alignright .section-title {
  text-align: right;
}
.alignleft .section-title {
  text-align: left;
}
@media (max-width: 720px) {
  .alignwide .section-title, .alignfull .section-title {
    padding-left: 1rem;
  }
}
@media (max-width: 80.47rem) {
  .alignfull .section-title {
    padding-left: 1rem;
  }
}

a.social-media-card.card {
  background-color: #f7f5f1;
}

.card .social-media--facebook::before,
.slide .social-media--facebook::before {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23385185' d='M1.2 0C.5 0 0 .5 0 1.2v19.6c0 .7.5 1.2 1.2 1.2h10.6v-8.6h-3V10h3V7.7c0-2.8 1.7-4.4 4.2-4.4l2.6.1v3h-1.8c-1.4 0-1.6.7-1.6 1.6v2h3.3l-.5 3.4h-2.8V22h5.6c.7 0 1.2-.5 1.2-1.2V1.2c0-.7-.5-1.2-1.2-1.2H1.2z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  height: 32px;
  width: 32px;
}
.card .social-media--twitter::before,
.slide .social-media--twitter::before {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231CA1F2' d='M7 18.7c-2.6 0-5-.7-7-2a9.2 9.2 0 006.7-1.9c-2 0-3.7-1.3-4.2-3.1a4.5 4.5 0 002-.1C2.5 11.2.9 9.4.9 7.2c.6.2 1.3.5 2 .5a4.5 4.5 0 01-1.4-6c2.3 2.7 5.6 4.5 9.3 4.7A4.5 4.5 0 0115.2.8c1.3 0 2.5.6 3.3 1.4 1-.2 2-.5 2.9-1-.3 1-1 1.9-2 2.4A9 9 0 0022 3c-.6 1-1.4 1.7-2.3 2.4v.6c0 6-4.5 12.8-12.8 12.8' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  height: 32px;
  width: 32px;
}

.statistic-accessory {
  color: #00704a;
  position: relative;
  display: inline-block;
}

.statistic-number {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 6.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.012em;
  font-weight: 300;
  display: inline-block;
}

.unit-of-measure {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  display: inline-block;
  vertical-align: top;
  padding: 1rem 0.5rem;
  text-transform: uppercase;
}

.statistic-caption {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  position: absolute;
  color: #1a1a1a;
  width: 100%;
  font-weight: 400;
}

.wrap-column {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
}
@media (min-width: 720px) {
  .wrap-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .wrap-column {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.wrap-column .block {
  width: 100%;
}

.card,
a.card {
  max-width: 500px;
  background-color: transparent;
}

.card__image {
  width: 100%;
  height: 100%;
}

.card__contents.card__contents--open {
  padding-left: 0;
  padding-right: 0;
}
.block--dark .card__contents {
  color: #ffffff;
}

.block--dark .card__title {
  color: #ffffff;
}

.block--dark .card__caption {
  color: #ffffff;
}

.block--dark .card__body {
  color: #ffffff;
}

.card__link {
  color: #00704a !important;
}
.block--dark .card__link {
  color: #ffffff !important;
}
.card:hover .card__link {
  text-decoration: underline;
}

/* end link and page arrows */
.card__image-container--square {
  padding-top: 100%;
}

.card__image-container--silver {
  padding-top: 61.8%;
}

.card__pay-bill-figure {
  flex-direction: column;
  justify-content: center;
}

.block-card {
  height: 100%;
}

.card--100-percent,
a.card--100-percent {
  height: 100%;
  padding-bottom: 2rem;
}

.card--fixed-ratio,
a.card--fixed-ratio {
  height: 600px;
}
.wp-block-columns .card--fixed-ratio,
.wp-block-columns a.card--fixed-ratio {
  height: 480px;
}
.wp-block-columns.has-3-columns .card--fixed-ratio,
.wp-block-columns.has-3-columns a.card--fixed-ratio {
  height: 420px;
}

.card-error {
  width: 100%;
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: -0.25px;
  line-height: 1.33;
  color: #6f7383;
}
.card-error.card-error--smaller {
  font-size: 1rem;
}
.card-error.card-error--trans-white {
  color: rgba(255, 255, 255, 0.6);
}
.card-error .error-detail {
  font-size: 1rem;
  font-weight: 800;
}

.card-error-layout-blank {
  height: 2rem;
}
.card-error-layout-blank.card-error-layout-blank--short {
  height: 1px;
}

.table-error {
  margin: 1rem 0 2rem;
  font-size: 1.125rem;
  letter-spacing: -0.25px;
  line-height: 1.5;
  color: #6f7383;
}

.table-loading {
  height: 200px;
  position: relative;
}
.table-loading::after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.editor-error {
  margin: 1rem 0 2rem;
  font-size: 1.125rem;
  letter-spacing: -0.25px;
  line-height: 1.5;
  color: #6f7383;
}

.editor-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 24px;
  height: 24px;
}

.fake-edit-link {
  font-size: 1rem;
  color: #00704a;
  opacity: 0.2;
  margin-right: 2rem;
}

.carousel--narrow-layout .tns-outer {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .carousel--narrow-layout .tns-outer {
    flex-direction: column;
  }
}
.tns-outer .tns-horizontal.tns-subpixel > .tns-item {
  vertical-align: bottom;
}

.tns-item {
  border: 1px solid transparent;
}

.tns-nav {
  display: none;
}

.tns-controls button {
  border: none;
  font-size: 0;
}
.carousel--horizontal-thumbs .tns-controls {
  display: inline-flex;
}
@media (min-width: 520px) {
  .carousel--horizontal-thumbs .tns-controls {
    display: none;
  }
}
@media (min-width: 800px) {
  .carousel--narrow-layout .tns-controls {
    margin-left: 80%;
    top: 22.7rem;
  }
}
.carousel--narrow-layout.carousel--horizontal-thumbs .tns-controls {
  display: inline-flex !important;
}
.alignfull .tns-controls, .alignwide .tns-controls {
  margin-right: 0.2rem;
}

.carousel-horizontal-thumbs {
  display: none;
  flex-direction: row;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}
@media (min-width: 520px) {
  .carousel-horizontal-thumbs {
    display: flex;
  }
}
@media (min-width: 720px) {
  .carousel-horizontal-thumbs {
    max-width: 80%;
  }
}
@media (min-width: 720px) {
  .alignwide .carousel-horizontal-thumbs {
    max-width: 100%;
  }
}

a.carousel-thumb {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  max-width: 320px;
  flex-basis: 320px;
  padding: 1rem;
  margin-right: 0.5rem;
  border-top: solid 3px rgba(0, 0, 0, 0);
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.1s cubic-bezier(0.29, -0.09, 0.18, 1.06), box-shadow 0.1s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  background-color: #fff;
}
@media (min-width: 720px) {
  a.carousel-thumb {
    flex-direction: row;
    padding-top: 1.25rem;
    padding-left: 0.5rem;
    padding-bottom: 1.25rem;
    padding-right: 0;
    margin-right: 0.5rem;
  }
}
@media (min-width: 900px) {
  a.carousel-thumb {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    margin-right: 1rem;
  }
}
a.carousel-thumb:hover {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  border-top: solid 3px #49b06b;
}
a.carousel-thumb:hover::after {
  content: "";
  border-right: solid 1px rgba(0, 0, 0, 0);
}
a.carousel-thumb::after {
  content: "";
  border-right: solid 1px #d8d8d8;
}
a.carousel-thumb:last-child::after {
  display: none;
}
a.carousel-thumb:first-child {
  margin-left: 0.5rem;
}
@media (min-width: 900px) {
  a.carousel-thumb:first-child {
    margin-left: 1rem;
  }
}

a.carousel-thumb.tns-nav-active {
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  border-top: solid 3px #49b06b;
  transform: translateY(-6px);
}
a.carousel-thumb.tns-nav-active::after {
  content: "";
  border-right: solid 1px rgba(0, 0, 0, 0);
}

.carousel-thumb__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 1rem 0;
  width: 100%;
  color: #1a1a1a;
  margin: 0;
  align-self: center;
}
@media (min-width: 720px) {
  .carousel-thumb__headline {
    padding: 0 1rem;
  }
}
@media (min-width: 900px) {
  .carousel-thumb__headline {
    padding: 0 1rem;
  }
}

.carousel-thumb__media {
  display: flex;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 720px) {
  .carousel-thumb__media {
    max-width: 60px;
    align-self: center;
  }
}
@media (min-width: 900px) {
  .carousel-thumb__media {
    align-self: auto;
    max-width: 100px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.carousel-thumb__media.social-media--facebook, .carousel-thumb__media.social-media--twitter {
  background-color: #f7f5f1;
}

.carousel-thumb__image-container {
  height: 0;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 33.33%;
}
@media (min-width: 720px) {
  .carousel-thumb__image-container {
    padding-top: 100%;
  }
}
@media (min-width: 900px) {
  .carousel-thumb__image-container {
    padding-top: 66.66%;
  }
}
.social-media--facebook .carousel-thumb__image-container {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23385185' d='M1.2 0C.5 0 0 .5 0 1.2v19.6c0 .7.5 1.2 1.2 1.2h10.6v-8.6h-3V10h3V7.7c0-2.8 1.7-4.4 4.2-4.4l2.6.1v3h-1.8c-1.4 0-1.6.7-1.6 1.6v2h3.3l-.5 3.4h-2.8V22h5.6c.7 0 1.2-.5 1.2-1.2V1.2c0-.7-.5-1.2-1.2-1.2H1.2z' %3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
.social-media--twitter .carousel-thumb__image-container {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%231CA1F2' d='M7 18.7c-2.6 0-5-.7-7-2a9.2 9.2 0 006.7-1.9c-2 0-3.7-1.3-4.2-3.1a4.5 4.5 0 002-.1C2.5 11.2.9 9.4.9 7.2c.6.2 1.3.5 2 .5a4.5 4.5 0 01-1.4-6c2.3 2.7 5.6 4.5 9.3 4.7A4.5 4.5 0 0115.2.8c1.3 0 2.5.6 3.3 1.4 1-.2 2-.5 2.9-1-.3 1-1 1.9-2 2.4A9 9 0 0022 3c-.6 1-1.4 1.7-2.3 2.4v.6c0 6-4.5 12.8-12.8 12.8' %3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}

.carousel-thumb__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.carousel--pager .carousel-horizontal-thumbs {
  display: none;
}
.carousel--pager .tns-outer {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 800px) {
  .carousel--narrow-layout-with-pager .gds-slide__media {
    padding-bottom: 7rem;
  }
}

.gds-slide.gds-slide--dark .gds-button {
  --gds-button-text-color: #fff;
  --gds-button-border-color: rgba(255, 255, 255, 0.2);
  --gds-button-border-color-hover: rgba(255, 255, 255, 1);
}
.gds-slide.gds-slide--dark .gds-slide__meta {
  color: #ffffff !important;
}

@media (min-width: 800px) {
  .slide--right-full-sized-image-layout .gds-slide__image-container,
  .slide--left-full-sized-image-layout .gds-slide__image-container {
    height: 100%;
    width: auto;
    min-width: unset;
    padding-top: unset;
  }
}

.carousel--narrow-layout {
  max-width: 380px;
}
.carousel--narrow-layout .gds-slide {
  min-height: 33rem;
}
.carousel--narrow-layout .gds-slide.gds-slide--dark .gds-slide__button {
  --gds-button-border-color-hover: rgba(255, 255, 255, 1);
  --gds-button-text-decoration: underline;
  --gds-button-text-decoration-hover:none;
}
.carousel--narrow-layout .carousel-horizontal-thumbs {
  display: none !important;
}

.carousel--narrow-layout-without-pager .gds-slide {
  min-height: 26rem;
}

@media (max-width: 800px) {
  .carousel--horizontal-thumbs .tns-outer {
    display: flex;
    flex-direction: column-reverse;
  }
}

.block-distribution-designers, .block-energy-advisors {
  background-color: #f7f5f1;
}
.block-distribution-designers.alignwide, .block-distribution-designers.alignsfull, .block-energy-advisors.alignwide, .block-energy-advisors.alignsfull {
  margin: 0;
}

.lookup-tool .menu {
  padding: 2.5rem 1.5rem;
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 900px) {
  .lookup-tool .menu {
    align-items: center;
  }
}
@media (min-width: 900px) {
  .lookup-tool .menu {
    flex-direction: row;
    justify-content: space-between;
    padding: 4rem 6.8rem;
  }
}
.lookup-tool .results {
  padding: 2.5rem 1.5rem;
  border-top: 1px solid #6f7383;
}
@media (max-width: 900px) {
  .lookup-tool .menu-content {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .lookup-tool .menu-content {
    padding-right: 4rem;
    padding: 4rem 6.8rem;
  }
}
.lookup-tool .menu-content h2 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
}
.lookup-tool .menu-content .menu-content__description p {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  min-height: 5rem;
}
.lookup-tool .menu-content .menu-content__search-label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  padding-bottom: 0.25rem;
}
.lookup-tool .menu-media {
  display: contents;
}
.lookup-tool .menu-media__image-container {
  min-width: 11.5rem;
  width: 11.5rem;
  height: 11.5rem;
  border-radius: 500px;
  margin-bottom: 2.5rem;
}
@media (min-width: 720px) {
  .lookup-tool .menu-media__image-container {
    min-width: 15.5rem;
    width: 15.5rem;
    height: 15.5rem;
  }
}
.lookup-tool .lookup-tool__search-form {
  position: relative;
  max-width: 500px;
}
.lookup-tool .lookup-tool__search-bar-container {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
}
.lookup-tool .lookup-tool__search-bar.in-page-search-bar {
  box-shadow: none;
  padding-right: 6.6rem;
}
.lookup-tool .lookup-tool__search-bar-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M15.8890873,14.4748737 L12,10.5857864 L10.5857864,12 L14.4748737,15.8890873 L10.5857864,19.7781746 L12,21.1923882 L15.8890873,17.3033009 L19.7781746,21.1923882 L21.1923882,19.7781746 L17.3033009,15.8890873 L21.1923882,12 L19.7781746,10.5857864 L15.8890873,14.4748737 Z M16,27 C9.92486775,27 5,22.0751322 5,16 C5,9.92486775 9.92486775,5 16,5 C22.0751322,5 27,9.92486775 27,16 C27,22.0751322 22.0751322,27 16,27 Z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  right: 0;
  top: -3px;
  background-color: transparent;
}
.lookup-tool .gds-site-search__results {
  box-shadow: none;
  border: 1px solid #d8d8d8;
  border-top: none;
  padding: 1rem;
}
.lookup-tool .gds-site-search__results-header {
  display: none;
  margin-left: 0;
}
.lookup-tool .gds-site-search__results-header[data-count="0"] {
  display: block;
}
.lookup-tool .gds-search-results {
  padding-left: 0;
}
.lookup-tool .gds-search-results li:last-child:not([data-role=count]) {
  display: none;
}
.lookup-tool .gds-search-results li a {
  padding: 0;
}
.lookup-tool .gds-search-results li a:hover, .lookup-tool .gds-search-results li a:focus {
  border-left: none;
}
.lookup-tool .gds-search-results li.autoComplete_result.autoComplete_selected a {
  border-left: none !important;
}
.lookup-tool .lookup-tool-results__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  margin-bottom: 4rem;
}
.lookup-tool .lookup-tool-results__top button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M24.116 6.5l-8.116 8.116-8.116-8.116-1.384 1.384 8.116 8.115-8.116 8.117 1.384 1.384 8.116-8.116 8.116 8.116 1.384-1.384-8.116-8.117 8.116-8.115z' %3E%3C/path%3E%3C/svg%3E");
}
.lookup-tool .lookup-tool-results__town {
  display: flex;
  flex-direction: column;
}
.lookup-tool .lookup-tool-results__town p,
.lookup-tool .lookup-tool-results__town a {
  padding: 0;
  margin: 0;
  padding-bottom: 0.5rem;
  line-height: 21px;
  font-size: 16px;
}
.lookup-tool .lookup-tool-results__heading {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin: 0;
}
.lookup-tool .lookup-tool-results__subheading--service-center {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-bottom: 1.5rem;
}
.lookup-tool .lookup-tool-results__subheading--post-type-name {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}
.lookup-tool .lookup-tool-results__result-values {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .lookup-tool .lookup-tool-results__result-values {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
  }
}
.lookup-tool .lookup-tool-results__result-value {
  display: flex;
  flex-direction: row;
  margin-bottom: 3rem;
}
.lookup-tool .lookup-tool-results__result-value--image-container {
  min-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 500px;
  margin-right: 1.5rem;
}
.lookup-tool .lookup-tool-results__result-value--info {
  display: flex;
  flex-direction: column;
}
.lookup-tool .lookup-tool-results__result-value--title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.lookup-tool p.lookup-tool-results__result-value--phone {
  margin-bottom: 0.25rem;
}
.lookup-tool a.lookup-tool-results__result-value--email {
  text-decoration: none;
  word-break: break-word;
}

.info-box {
  margin-top: 2rem;
  padding: 4rem 2rem;
}
@media (min-width: 900px) {
  .info-box {
    padding: 4rem;
  }
}

.info-box-top {
  display: flex;
}

.info-box-top__content {
  width: 100%;
}
@media (min-width: 900px) {
  .info-box-top__content {
    width: 50%;
  }
}

.info-box-top__meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  padding-bottom: 0.5rem;
}
.info-box--dark .info-box-top__meta {
  color: #ffffff;
}

.info-box-top__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding-bottom: 1rem;
}
.info-box--dark .info-box-top__headline {
  color: #ffffff;
}

.info-box-top__body {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  padding-bottom: 1.75rem;
  min-height: 2rem;
}
@media (min-width: 900px) {
  .info-box-top__body {
    padding-bottom: 1rem;
  }
}
.info-box--dark .info-box-top__body {
  color: #ffffff;
}

.info-box-top__media {
  display: none;
  width: 50%;
}
@media (min-width: 900px) {
  .info-box-top__media {
    display: flex;
  }
}

.info-box-top__image-container {
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  max-width: 500px;
  padding-top: 56.25%;
  margin-top: -6rem;
  margin-right: 2rem;
}
@media (min-width: 80.47rem) {
  .info-box-top__image-container {
    margin-right: 4rem;
  }
}

.info-box-top__image {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.info-box-bottom__contact {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  margin-right: 0;
}
@media (min-width: 900px) {
  .info-box-bottom__contact {
    flex-direction: row;
    padding-top: 4rem;
  }
}
@media (min-width: 80.47rem) {
  .info-box-bottom__contact {
    margin-right: 0%;
    padding-top: 2rem;
  }
}

.info-box-bottom__contact--info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}

.info-box-bottom__contact--info-name {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #1a1a1a;
  line-height: 30px;
}
.info-box--dark .info-box-bottom__contact--info-name {
  color: #ffffff;
}

.info-box-bottom__contact--info-link a,
.info-box-bottom__contact--info-number a,
.info-box-bottom__contact--info-email a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #00704a;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.info-box--dark .info-box-bottom__contact--info-link a,
.info-box--dark .info-box-bottom__contact--info-number a,
.info-box--dark .info-box-bottom__contact--info-email a {
  color: #ffffff;
  border-bottom: 1px solid #f7f5f1;
}
.info-box--dark .info-box-bottom__contact--info-link a:hover, .info-box--dark .info-box-bottom__contact--info-link a:focus,
.info-box--dark .info-box-bottom__contact--info-number a:hover,
.info-box--dark .info-box-bottom__contact--info-number a:focus,
.info-box--dark .info-box-bottom__contact--info-email a:hover,
.info-box--dark .info-box-bottom__contact--info-email a:focus {
  border-color: transparent;
}

.info-box-bottom__contact--image {
  height: 80px;
  width: 80px;
  border-radius: 500px;
  object-fit: cover;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 80.47rem) {
  .info-box-bottom__contact--image {
    margin-bottom: 0;
  }
}

a.link-banner {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
  height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  color: #1a1a1a;
  font-weight: 500;
}
@media (min-width: 520px) {
  a.link-banner {
    flex-direction: row;
  }
}
a.link-banner.block--dark {
  color: #ffffff;
}

.link-banner-arrow {
  margin-top: 1.5rem;
}
@media (min-width: 520px) {
  .link-banner-arrow {
    margin: 0 1.5rem;
  }
}
.link-banner:hover .link-banner-arrow, .link-banner:focus .link-banner-arrow, .link-banner:active .link-banner-arrow {
  border: 2px solid #1a1a1a;
  background-position: 70% center;
}
.link-banner.block--dark:hover .link-banner-arrow, .link-banner.block--dark:focus .link-banner-arrow, .link-banner.block--dark:active .link-banner-arrow {
  border-color: #ffffff;
  background-position: 70% center;
}

.preheader-banner-alert {
  padding: 1rem 0;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  display: none;
}
@media (min-width: 720px) {
  .preheader-banner-alert {
    padding: 1rem 0;
    height: 48px;
  }
}

.preheader-banner-alert__title {
  display: inline-block;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  padding-right: 0.5rem;
}

.preheader-modal-alert__title {
  color: #ffffff;
  font-weight: 800;
  font-size: 1.8rem;
}

.preheader-banner-alert__message,
.preheader-modal-alert__message {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #ffffff;
}
.preheader-banner-alert--light .preheader-banner-alert__message, .preheader-modal-alert--light .preheader-banner-alert__message,
.preheader-banner-alert--light .preheader-modal-alert__message,
.preheader-modal-alert--light .preheader-modal-alert__message {
  color: #1a1a1a;
}
.preheader-banner-alert__message p,
.preheader-modal-alert__message p {
  margin-bottom: 0;
}

.preheader-banner-alert__message {
  display: block;
}
@media (min-width: 720px) {
  .preheader-banner-alert__message {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    position: relative;
    max-height: 2rem;
    white-space: nowrap;
    max-width: 1100px;
    padding: 0.02rem 0 0 0.5rem;
    height: 1.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.preheader-banner-alert__excerpt {
  margin-right: 0.5rem;
  overflow: scroll;
}

.preheader-banner-alert__excerpt::-webkit-scrollbar {
  display: none;
}

.preheader-banner-alert__message a,
.preheader-modal-alert__message a {
  text-decoration: none;
  color: #f7f5f1;
  border-bottom: 2px solid #f7f5f1;
  width: fit-content;
}
.preheader-banner-alert__message a:hover, .preheader-banner-alert__message a:focus, .preheader-banner-alert--light .preheader-banner-alert__message a:hover, .preheader-banner-alert--light .preheader-banner-alert__message a:focus,
.preheader-modal-alert__message a:hover,
.preheader-modal-alert__message a:focus,
.preheader-banner-alert--light .preheader-modal-alert__message a:hover,
.preheader-banner-alert--light .preheader-modal-alert__message a:focus {
  border-color: transparent;
}
.preheader-banner-alert--light .preheader-banner-alert__message a,
.preheader-banner-alert--light .preheader-modal-alert__message a {
  color: #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
}

a.preheader-alert-banner__link {
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-weight: 400;
  font-size: 1rem;
  border-bottom: 2px solid #ffffff;
  text-decoration: none;
  cursor: pointer;
  width: fit-content;
}
a.preheader-alert-banner__link:hover, a.preheader-alert-banner__link:focus, .preheader-banner-alert--light a.preheader-alert-banner__link:hover, .preheader-banner-alert--light a.preheader-alert-banner__link:focus {
  border-color: transparent;
}
.preheader-banner-alert--light a.preheader-alert-banner__link {
  color: #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
}

.preheader-modal-banner {
  width: 100%;
  max-width: 580px;
  height: auto;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  padding-left: 2rem;
  padding-bottom: 2rem;
  padding-top: 4rem;
  padding-right: 4rem;
}
@media (min-width: 520px) {
  .preheader-modal-banner {
    height: auto;
    padding-left: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 900px) {
  .preheader-modal-banner {
    padding: 4rem;
  }
}
@media (max-width: 520px) {
  .preheader-modal-banner {
    height: 100vh;
  }
}
.preheader-modal-banner .close.gds-button-circle.gds-secondary.gds-invert:hover, .preheader-modal-banner .close.gds-button-circle.gds-secondary.gds-invert:focus {
  --gds-button-border-color: #f7f5f1;
}

@media (min-width: 720px) {
  .preheader-modal-alert__message p {
    margin-bottom: 1rem;
  }
}

.preheader-modal-banner__close-button.gds-button.gds-secondary {
  background-color: #ffffff;
  color: #1a1a1a;
  border-color: transparent;
}
.preheader-modal-banner__close-button.gds-button.gds-secondary:hover, .preheader-modal-banner__close-button.gds-button.gds-secondary:focus {
  background-color: #1a1a1a;
  color: #f7f5f1;
}

/* modal used for vue and vanilla js */
.gmp-modal, .js [data-modal],
.a11y-modal {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999999;
  background-color: rgba(15, 15, 15, 0.6);
}

.gmp-modal__container {
  position: relative;
  width: 90%;
  max-width: 90%;
  height: 110vh;
  margin: 5vh auto;
}
@media (min-width: 720px) {
  .gmp-modal__container {
    max-width: 500px;
    height: auto;
    margin: auto;
  }
}

.gmp-modal__inner-wrap {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  padding: 56px 32px;
  position: relative;
}
@media (min-width: 720px) {
  .gmp-modal__inner-wrap {
    padding: 56px 65px;
  }
}

body.modal-open {
  position: relative;
  overflow: hidden;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

/**
 * Including the at-only style with the dialog CSS as it is required
 * to visually hide a dialog's heading if desired.
 */
.at-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/**
 * Trigger styling
 */
[data-modal-open][hidden] {
  display: none;
}

/**
 * Modal Dialog base styling
 */
.js [data-modal],
.a11y-modal {
  -webkit-overflow-scrolling: touch;
  opacity: 1;
  overflow: auto;
  transform: translateY(0%);
  visibility: visible;
  z-index: 100;
}
@media screen and (min-height: 440px) and (min-width: 500px) {
  .js [data-modal] .js [data-modal],
  .js [data-modal] .a11y-modal,
  .a11y-modal .js [data-modal],
  .a11y-modal .a11y-modal {
    bottom: auto;
    top: 50%;
    transform: translateY(-20%);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  }
}

/**
 * To allow for CSS animations, hidden modal dialogs are
 * not set to display: none, but rather the following rule
 * set, in combination with the dialog's default
 * position: fixed, will keep dialogs hidden from
 * all users until opened.
 *
 * This also solves an issue with iOS VO + Safari not allowing
 * modal dialogs to be focused, if the dialog is initially
 * set to "display: none".
 */
.js [data-modal][hidden],
.a11y-modal[hidden] {
  display: block;
  opacity: 0;
  pointer-events: none;
  transform: translateY(15vh);
  visibility: hidden;
}

.a11y-modal__close-btn {
  border: none;
}

.is-icon-btn {
  background: none;
  border: none;
  height: 2em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  width: 2em;
}

.is-icon-btn:hover [data-modal-x],
.is-icon-btn:focus [data-modal-x] {
  color: #600;
  transform: scale(1.3) rotate(45deg);
  transition: transform 0.2s ease-in-out;
}

[data-modal-x] {
  border-right: 2px solid;
  bottom: 0;
  display: block;
  height: 2em;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: relative;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: 2px;
}

[data-modal-x]::after {
  border-right: 2px solid;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-90deg);
  width: 100%;
}

/* Feedback modal =========================== */
.gmp-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.floating-feedback__title {
  font-size: 2rem;
  font-weight: 800;
}

.floating-feedback__ratings-flex {
  margin-bottom: 32px;
}
@media (min-width: 720px) {
  .floating-feedback__ratings-flex {
    margin-bottom: 42px;
  }
}

.floating-feedback-rating {
  position: relative;
  width: 82px;
  min-width: 82px;
  height: 82px;
  margin-right: 0.5rem;
  border: 2px solid #d8d8d8;
  border-radius: 50%;
  background-size: 34px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
.floating-feedback-rating.floating-feedback-rating--up {
  background-position: 54% 45%;
}
.floating-feedback-rating.floating-feedback-rating--down {
  background-position: 54% 58%;
}
.floating-feedback-rating.selected::before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 50%;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 2px solid #00704a;
}

.floating-feedback__fieldset {
  border: none;
  padding: 0;
}

.floating-feedback__textarea {
  height: 156px;
  border-color: #d8d8d8;
}

.floating-feedback__fieldset-label-text {
  padding-bottom: 1rem;
}

.floating-feedback__button-wrap button {
  width: calc(50% - 8px);
  margin-right: 8px;
}
.floating-feedback__button-wrap button:last-child {
  margin-right: 0;
  margin-left: 8px;
}

.floating-feedback__thank-you-margin--headline {
  margin-bottom: 2rem;
}
@media (min-width: 720px) {
  .floating-feedback__thank-you-margin--headline {
    margin-bottom: 3rem;
  }
}

.floating-feedback__thank-you-margin--bodycopy {
  margin-bottom: 2.5rem;
}
@media (min-width: 720px) {
  .floating-feedback__thank-you-margin--bodycopy {
    margin-bottom: 3.5rem;
  }
}

@media (max-width: 520px) {
  .alignwide .slat__header, .alignfull .slat__header, .rates .slat__header {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.slat__share-link {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  font-weight: 400;
  padding-bottom: 1.5rem;
}
.slat__share-link:link, .slat__share-link:visited, .slat__share-link:hover, .slat__share-link:active, .slat__share-link:focus {
  text-decoration: none;
  color: #6f7383;
}
.slat__share-link:hover {
  color: #00704a;
}
.slat__share-link:hover::after {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/link-small-cropped-green.svg) center center no-repeat;
}
.slat__share-link::after {
  content: " ";
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/link-small-cropped.svg) center center no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  height: 16px;
  width: 16px;
}

.slat__button--linked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}

.slat__button--expand {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M15 15v-9h2v9h9v2h-9v9h-2v-9h-9v-2h9z' %3E%3C/path%3E%3C/svg%3E");
}

.slat__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.slat__content img {
  width: 100%;
  height: auto;
}
.slat__content li::before {
  display: inline-flex !important;
}

.wp-block-column .slat__content p {
  margin-left: 0.5rem;
  margin-right: 1.5rem;
}

.slat__headline--basic {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

.slat__headline--bold, .slat-group--number .slat__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
}

.slat-group--label .slat__text-container, .rates .slat__text-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .slat-group--label .slat__text-container, .rates .slat__text-container {
    flex-direction: row;
  }
}
.slat-group--label .slat__label, .rates .slat__label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  line-height: 1.25;
  color: #6f7383;
  margin-right: auto;
  margin-bottom: 1rem;
  width: 5rem;
}
.slat-group--label .slat__label::before, .rates .slat__label::before, .slat-group--label .slat__label::after, .rates .slat__label::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.slat-group--label .slat__label::before, .rates .slat__label::before {
  margin-bottom: calc(-0.1862903226em + 1px);
}
.slat-group--label .slat__label::after, .rates .slat__label::after {
  margin-top: calc(-0.3153225806em + 0px);
}
@media (min-width: 720px) {
  .slat-group--label .slat__label, .rates .slat__label {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}

.slat-group--number {
  counter-reset: slat;
}
.slat-group--number .slat__cta::before {
  counter-increment: slat;
  content: counter(slat);
  margin-right: 1rem;
  text-align: left;
}
@media (min-width: 720px) {
  .slat-group--number .slat__cta::before {
    line-height: 1.125;
    margin-right: 2rem;
  }
  .slat-group--number .slat__cta::before::before, .slat-group--number .slat__cta::before::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .slat-group--number .slat__cta::before::before {
    margin-bottom: calc(-0.1237903226em + 0px);
  }
  .slat-group--number .slat__cta::before::after {
    margin-top: calc(-0.2528225806em + 0px);
  }
}
.slat-group--number .slat__meta {
  margin: 0 0 0.5rem 0;
}
@media (min-width: 720px) {
  .slat-group--number .slat__meta {
    margin: 1rem 0;
  }
}

.slat-group--image .slat__header {
  padding-left: 0;
}

.gds-slat--expanded .slat--expanded .gds-slat__content,
.gds-slat--expanded .slat--expanded .slat__content {
  transform: translateY(1rem);
  transition: transform 0.5s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}

.slat--vertical {
  border: none;
}
.slat--vertical .slat__header {
  flex-direction: column;
}
.slat--vertical .slat__header:hover .slat__headline {
  transform: none !important;
}
.slat--vertical .slat__media {
  max-width: none;
  margin: 0;
}
.slat--vertical .slat__image-container {
  margin: 0;
  padding-top: 75%;
}
.slat--vertical.square .slat__image-container {
  padding-top: 100%;
}
.slat--vertical .slat__image {
  width: 100%;
}
.slat--vertical .slat__cta,
.slat--vertical .slat__text-container,
.slat--vertical .slat__content {
  padding: 1.5rem;
  padding-top: 0;
}
.slat--vertical .slat__cta {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -1.5rem;
}
.slat--vertical .slat__text-container {
  text-align: center;
}
.slat--vertical .slat__headline {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.slat--vertical .slat__meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.146em;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .alignwide .slat__cta {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.block-shareable-slat-group .block .slat {
  border-top: 1px solid #d8d8d8;
  border-left: 0;
  border-right: 0;
}
.block-shareable-slat-group .block:first-child .slat {
  border-top: 0;
}

.tabbed-diagram-headline,
.diagram-tab__headline,
.diagram-tab__description,
.diagram-tab .link {
  text-align: center;
}

.tabbed-diagram-headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  padding-bottom: 1.5rem;
}

.diagram-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.diagram-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 3rem;
}

.diagram-tab__label {
  text-decoration: none;
  color: #1a1a1a;
  background-color: transparent;
  padding: 1rem 1.5rem;
  border: solid 2px #d8d8d8;
  margin-bottom: 1rem;
}
.diagram-tab__label:hover, .diagram-tab__label.active {
  border-color: #6f7383;
}

.diagram-tab__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding: 1.5rem 0;
}
@media (min-width: 720px) {
  .diagram-tab__headline {
    padding: 1.5rem 8rem;
  }
}

.diagram-tab__description {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #6f7383;
}
@media (min-width: 720px) {
  .diagram-tab__description {
    padding: 0 16rem;
  }
}

.diagram-tab__image-container {
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 33.33%;
}

.diagram-tab__image {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
}

.diagram-tab .link {
  position: absolute;
  bottom: 0;
  align-self: center;
}

.banner--one-action {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  width: 100%;
  padding: 1.5rem;
  font-size: 1rem;
  color: #d70d13;
  line-height: 1.25;
  border-radius: 2px;
  border: solid 1px #d70d13;
  background-color: #fcf5f4;
}
.banner--one-action a {
  color: #d70d13;
}
.banner--one-action.banner--one-action--blue {
  color: #16439f;
  border: solid 1px rgba(22, 67, 159, 0.25);
  background-color: #ecf6fc;
}
.banner--one-action.banner--one-action--blue a {
  color: #16439f;
}
.banner--one-action.banner--one-action--green {
  color: #00704a;
  border: solid 1px #00704a;
  background-color: #edfae9;
}
.banner--one-action.banner--one-action--green a {
  color: #00704a;
}
.banner--one-action.banner--one-action--full-width {
  width: 100%;
}

/* Opacity */
.devices-dimmed {
  opacity: 0.3;
}

/* Layout */
.devices-flex-1 {
  flex: 1;
}

.devices-flex-2 {
  flex: 2;
}

.devices-flex-3 {
  flex: 3;
}

.devices-flex-4 {
  flex: 4;
}

.devices-flex-5 {
  flex: 5;
}

.devices-flex-no-flex {
  flex: 0 0 auto; /* Prevents growing and shrinking */
}

.devices-column-reverse {
  flex-direction: column-reverse;
}

/* Spacing */
.devices-padding-left-half {
  padding-left: 0.5rem;
}

.devices-gap-1 {
  gap: 1rem;
}

.devices-gap-2 {
  gap: 2rem;
}

.devices-row-gap {
  row-gap: 1rem;
}

.devices-column-gap {
  column-gap: 1rem;
}

.devices-column-gap-xxl {
  column-gap: 8rem;
}

.devices-border-padding-none {
  border: none;
  padding: 0;
}

.devices-padding-m {
  padding: 1rem;
}

.devices-padding-l {
  padding: 2rem;
}

.devices-padding-no-right {
  padding-right: 0;
}

.devices-margin-bottom-l {
  margin-bottom: 2rem;
}

.devices-container-compact {
  max-width: fit-content;
  padding: 4px 8px;
}

/* Typography */
.devices-color-white {
  color: #ffffff;
}

.devices-color-black {
  color: #1a1a1a;
}

.devices-font-size-xs {
  font-size: 0.75rem;
}

.devices-font-largest {
  font-size: 2.5rem;
}

.devices-font-uppercase {
  text-transform: uppercase;
}

.devices-font-capitalize {
  text-transform: capitalize;
}

.devices-color-to-white {
  filter: brightness(0%) saturate(0%) invert(100%);
}

.devices-black-to-white {
  filter: invert(100%);
}

.devices-underline {
  text-decoration: underline;
}

.devices-hover-cursor:hover {
  cursor: pointer;
}

/* Sizing */
.devices-max-height-380 {
  max-height: 380px;
}

.devices-height-100 {
  height: 100%;
}

.devices-max-width-my-account {
  max-width: var(--my-account-dashboard-max-width);
}

.devices-max-width-300 {
  max-width: 300px;
}

.devices-max-width-600 {
  max-width: 600px;
}

.devices-min-width-50 {
  min-width: 50%;
}

.devices-width-fit {
  max-width: fit-content;
}

.devices-min-width-fit {
  min-width: fit-content;
}

.devices-set-width-152 {
  width: 152px;
}

.devices-set-width-329 {
  width: 329px;
}

.devices-width-100 {
  width: 100%;
}

.devices-width-80 {
  width: 80%;
}

.devices-width-60 {
  width: 60%;
}

.devices-width-50 {
  width: 50%;
}

.devices-width-40 {
  width: 40%;
}

.devices-width-25 {
  width: 25%;
}

.devices-width-max {
  width: max-content;
}

.devices-set-width-s {
  width: 5.5rem;
}

.devices-icon-size-m {
  width: 1.5rem;
  height: 1.5rem;
}

/* Borders and backgrounds */
.devices-border-none {
  border: none;
}

.devides-border-bottom {
  border-bottom: 1px solid #d8d8d8;
}

.devices-border-circle {
  border-radius: 50%;
}

.devices-outline-grey {
  outline: 1px solid #d8d8d8;
  border-radius: 8px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.0784313725);
}

.devices-border-grey {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.0784313725);
}

.devices-border-radius {
  border-radius: 8px;
}

.devices-background-off-white {
  background-color: #f7f5f1;
}

.devices-background-darkgray {
  background-color: #46515d;
}

.devices-background-blue-gradient {
  background: linear-gradient(180deg, #D0E9FB 0%, #D1DCEE 100%);
}

.devices-outline-indigo {
  outline: 2px solid #3e73dd;
}

input[type=radio].gds-secondary-radio::after, input[type=checkbox].gds-secondary-checkbox::after {
  background-color: #3e73dd;
}
input[type=radio].gds-secondary-radio:checked::before, input[type=checkbox].gds-secondary-checkbox:checked::before {
  border: 2px solid #3e73dd;
  background-color: #3e73dd;
}

/* Behavior */
.devices-vertical-scroll {
  overflow-y: auto;
}

.device-card-loading {
  height: 35px;
}

.devices-horizontal-scroll {
  overflow-x: auto;
}

input.gds-secondary-radio[type=radio] {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
}

:root {
  /* @link https://utopia.fyi/clamp/calculator?a=400,1140,36—90 */
  --fluid-36-90: clamp(2.25rem, 0.4257rem + 7.2973vw, 5.625rem);
  /* @link https://utopia.fyi/clamp/calculator?a=400,1140,32—42 */
  --fluid-32-42: clamp(2rem, 1.6622rem + 1.3514vw, 2.625rem);
  /* @link https://utopia.fyi/clamp/calculator?a=400,1140,8—16 */
  --fluid-8-16: clamp(0.5rem, 0.2297rem + 1.0811vw, 1rem);
  /* @link https://utopia.fyi/clamp/calculator?a=400,1140,20—24 */
  --fluid-20-24: clamp(1.25rem, 1.1149rem + 0.5405vw, 1.5rem);
  --devices-overview-grid-gap: 4rem;
  --devices-overview-device-list-gap: var(--fluid-16-32);
  --devices-plus-button-size: var(--fluid-36-90);
  --devices-light-border: 1px solid rgba(0, 0, 0, 0.1);
  --devices-select-down-caret-border: 6px solid transparent;
  --devices-link-color: #1a1a1a;
  --devices-link-color-hover: #00704a;
}

.devices-action-button-wrapper {
  display: inline-block;
  margin-right: 1rem;
}
.devices-action-button-wrapper.manage-participation-modal {
  display: block;
}
.devices-action-button-wrapper .devices-action-button:not(:disabled) {
  background-color: #3e73dd;
}
.devices-action-button-wrapper .devices-action-button:not(:disabled).is-custom-secondary {
  color: #1a1a1a;
  background-color: #ffffff;
  border: 2px solid #1a1a1a;
}
.devices-action-button-wrapper .devices-action-button:not(:disabled).is-custom-secondary:hover {
  color: #1a1a1a;
  background-color: #ffffff;
}
.devices-action-button-wrapper .devices-action-button:not(:disabled):hover {
  color: #ffffff;
  background-color: #3e73dd;
}
.devices-action-button-wrapper .devices-action-button:not(:disabled).manage-participation-modal {
  display: block;
  background-color: #00704a;
}

.gmp-devices-page__overview .header-container {
  margin-bottom: var(--fluid-16-32);
}
.gmp-devices-page__overview .devices-overview-grid {
  display: flex;
  flex-direction: column;
  gap: var(--devices-overview-grid-gap);
}
.gmp-devices-page__overview .devices-overview-grid .devices-overview__widget {
  --widget-min-height: 250px;
  min-height: var(--widget-min-height);
  position: relative;
}
.gmp-devices-page__overview .gmp-devices-page__devices-list {
  --this-grid-min-width-mobile: 300px;
  --this-grid-min-width-desktop: 220px;
  --this-grid-min-width: var(--this-grid-min-width-mobile);
  --this-grid-gap: var(--devices-overview-device-list-gap);
  --this-grid-base-columns: 1fr;
  display: grid;
  flex-direction: column;
  gap: var(--this-grid-gap);
  grid-auto-rows: 1fr;
  /* Inspired by Every Layout Grid module for a responsive grid layout. */
  /* There is a bug in node-sass. The 'unquote' function bypasses the error.*/
}
@supports (width: min(250px, 100%)) {
  .gmp-devices-page__overview .gmp-devices-page__devices-list {
    grid-template-columns: repeat(auto-fill, minmax(min(var(--this-grid-min-width, 100%), 100%), 1fr));
  }
}
@media only screen and (min-width: 600px) {
  .gmp-devices-page__overview .gmp-devices-page__devices-list {
    --this-grid-min-width: var(--this-grid-min-width-desktop);
  }
}
.gmp-devices-page__overview .gmp-devices-page__devices-list * a:link,
.gmp-devices-page__overview .gmp-devices-page__devices-list * a:visited {
  text-decoration: none;
}
.gmp-devices-page__overview .devices-card {
  box-shadow: inset 0 0 0 1px #d8d8d8, 1px 1px 4px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  height: 100%;
}
.gmp-devices-page__overview .devices-card:hover {
  outline: 2px solid #6f7383;
}
.gmp-devices-page__overview .devices-card.inactive-device:hover {
  outline: none;
  cursor: default;
}
@media screen and (min-width: 600px) {
  .gmp-devices-page__overview .devices-card {
    flex-direction: column;
  }
}
.gmp-devices-page__overview .devices-card.add-a-device {
  justify-content: center;
  align-items: center;
  box-shadow: none;
  gap: 0.5rem;
}
@media screen and (min-width: 600px) {
  .gmp-devices-page__overview .devices-card.add-a-device {
    box-shadow: inset 0 0 0 1px #d8d8d8;
  }
}
.gmp-devices-page__overview .devices-card .status-icon-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.gmp-devices-page__overview .devices-card .status-icon-container .acquisition-mode-icon {
  width: 10%;
}
.gmp-devices-page__overview .devices-card .add-icon {
  border: 2px solid #d8d8d8;
  border-radius: 50%;
  margin: var(--fluid-0-40);
  --gds-button-size: var(--devices-plus-button-size);
}
@media screen and (min-width: 600px) {
  .gmp-devices-page__overview .devices-card .add-icon {
    border-size: 1px;
  }
}
.gmp-devices-page__overview .devices-card .devices-card__image-container {
  max-height: 135px;
  overflow: hidden;
  flex-basis: clamp(100px, 20%, 100%);
}
@media screen and (min-width: 600px) {
  .gmp-devices-page__overview .devices-card .devices-card__image-container {
    max-height: 260px;
    flex-grow: 1;
  }
}
.gmp-devices-page__overview .devices-card .devices-card__image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.gmp-devices-page__overview .devices-card .devices-card__text-container {
  min-height: 120px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .gmp-devices-page__overview .devices-card .devices-card__text-container {
    flex-grow: unset;
    justify-content: flex-start;
  }
}

.gmp-devices-text-input-with-html .label {
  font-size: 24px;
  font-weight: 600;
}
.gmp-devices-text-input-with-html .v-html a:visited {
  color: #1a1a1a;
}
.gmp-devices-text-input-with-html .text-input {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  width: 200px;
  display: block;
  width: 100%;
}
.gmp-devices-text-input-with-html .text-input.is-desktop-view {
  width: auto;
}

.gmp-devices-text-area-input-with-html .label {
  font-size: 24px;
  font-weight: 600;
}
.gmp-devices-text-area-input-with-html .v-html a:visited {
  color: #1a1a1a;
}
.gmp-devices-text-area-input-with-html .text-input {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  width: 200px;
  display: block;
  width: 100%;
}

.devices-service-request-link .devices-service-request-link__image {
  width: 80px;
  height: auto;
}

.devices-service-request-form .devices-service-request-form__success-message {
  line-height: 1.5;
  border-radius: 4px;
  padding: 10px 15px;
  color: #004737;
  background-color: #f0fdf4;
  border: 1px solid #d1f3dc;
}
.devices-service-request-form .devices-service-request-form__success-message__success-icon {
  position: relative;
  top: 3px;
  margin-right: 1rem;
}

.impact-card-list {
  --this-grid-gap: var(--fluid-8-16);
  --this-grid-min-width-mobile: 165px;
  --this-grid-min-width-desktop: 240px;
  --this-grid-min-width: var(--this-grid-min-width-mobile);
  --this-grid-base-columns: 1fr;
  display: grid;
  flex-direction: column;
  gap: var(--this-grid-gap);
  grid-auto-rows: 1fr;
  /* Inspired by Every Layout Grid module for a responsive grid layout. */
  /* There is a bug in node-sass. The 'unquote' function bypasses the error.*/
}
@supports (width: min(250px, 100%)) {
  .impact-card-list {
    grid-template-columns: repeat(auto-fill, minmax(min(var(--this-grid-min-width, 100%), 100%), 1fr));
  }
}
@media only screen and (min-width: 600px) {
  .impact-card-list {
    --this-grid-min-width: var(--this-grid-min-width-desktop);
  }
}
.impact-card-list * a:link,
.impact-card-list * a:visited {
  text-decoration: none;
}

.impact-card {
  background-color: #f7f5f1;
  border-radius: 4px;
  padding: 1.5rem;
  gap: 1rem;
}
.impact-card .impact-card__header {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.impact-card .impact-card__header .impact-card__title {
  padding-top: 0.25rem;
}
.impact-card .impact-card__header .battery-charge-percent-container {
  width: 100px;
  height: 20px;
}
.impact-card .value-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.impact-card .value-container .time {
  display: flex;
  align-items: center;
  gap: 4px;
}
.impact-card .value-container .hours,
.impact-card .value-container .minutes {
  line-height: 1;
}

.devices-history-card__image-container {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 8px;
}
.devices-history-card__image-container img.devices-history-card__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: bottom center;
}

.event-in-progress-timer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.event-in-progress-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 20px;
  min-width: 20px;
}
.event-in-progress-icon .event-in-progress-icon__inner {
  width: 8px;
  height: 8px;
  border-radius: 1rem;
  background-color: #712E85;
  box-shadow: 0px 0px 0px 0px rgba(122, 40, 138, 0.2);
  animation: eventInProgressIconPulseOpacity 2s infinite;
}
@keyframes eventInProgressIconPulseOpacity {
  0%, 100% {
    box-shadow: 0px 0px 0px 0px rgba(122, 40, 138, 0.2);
  }
  50% {
    box-shadow: 0px 0px 0px 6px rgba(122, 40, 138, 0.2);
  }
}

.devices-thin-button {
  --gds-button-border-width: 1px;
  --gds-button-side-padding: 1.25rem;
  --gds-button-top-padding: 0.9rem;
}

.devices-start-small-message {
  --devices-link-color: #6f7383;
  --devices-link-color-hover: #00704a;
}
.devices-start-small-message * {
  color: #6f7383;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

.gmp-devices-page__start .gds-with-sidebar {
  --sidebar-size: clamp(15rem, 30vw, 30rem);
}

.gmp-devices-page a {
  color: var(--devices-link-color);
}
.gmp-devices-page a:visited {
  color: var(--devices-link-color);
}
.gmp-devices-page a:hover {
  color: var(--devices-link-color-hover);
}
.gmp-devices-page .battery-bar-wrapper {
  height: 100%;
  width: 100%;
  --bar-width: 10px;
}
.gmp-devices-page .battery-bar-wrapper .battery-bar {
  width: var(--bar-width);
  height: 100%;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.gmp-devices-page .hybrid-date-select-control {
  display: inline-block;
}
.gmp-devices-page .hybrid-date-select-control .daterangepicker.openscenter {
  left: -50px !important;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-selected {
  padding: 8px 12px;
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-caret {
  margin-left: 8px;
  width: 0;
  height: 0;
  border-left: var(--devices-select-down-caret-border);
  border-right: var(--devices-select-down-caret-border);
  border-top: 6px solid #1a1a1a;
  transition: transform 0.2s ease;
}
.gmp-devices-page .hybrid-date-select-control .caret-open {
  transform: rotate(180deg);
}
.gmp-devices-page .hybrid-date-select-control .dropdown-menu {
  position: absolute;
  right: 0;
  margin-top: 20px;
  padding-top: 10px;
  border: var(--devices-light-border);
  border-radius: 4px;
  background-color: #ffffff;
  z-index: 1;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-menu.custom-date-range-visible {
  width: 70px;
  height: 10px;
  border: none;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-menu.custom-date-range-visible::before {
  border: none;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-menu.custom-date-range-visible .daterangepicker {
  top: -40px;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-top: var(--devices-light-border);
  border-left: var(--devices-light-border);
  transform: rotate(45deg);
  box-shadow: none;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-option {
  padding: 8px 16px;
  color: #6f7383;
  cursor: pointer;
  font-size: 1rem;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-option.selected-option {
  color: #1a1a1a;
  font-weight: bold;
}
.gmp-devices-page .hybrid-date-select-control .dropdown-option:hover {
  background-color: #f0f0f0;
}
.gmp-devices-page .hybrid-date-select-control .mx-datepicker-range {
  top: -45px;
  left: -250px;
}
.gmp-devices-page .hybrid-date-select-control .mx-datepicker-range .mx-input-wrapper {
  display: none;
}
@media (max-width: 351px) {
  .gmp-devices-page .hybrid-date-select-control .mx-datepicker-range {
    left: -75px;
  }
}
.gmp-devices-page .devices-select-control {
  display: inline-block;
}
.gmp-devices-page .devices-select-control .dropdown-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.gmp-devices-page .devices-select-control .dropdown-selected {
  padding: 8px 12px;
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
}
.gmp-devices-page .devices-select-control .dropdown-caret {
  margin-left: 8px;
  width: 0;
  height: 0;
  border-left: var(--devices-select-down-caret-border);
  border-right: var(--devices-select-down-caret-border);
  border-top: 6px solid #1a1a1a;
  transition: transform 0.2s ease;
}
.gmp-devices-page .devices-select-control .caret-open {
  transform: rotate(180deg);
}
.gmp-devices-page .devices-select-control .dropdown-menu {
  position: absolute;
  right: 0;
  margin-top: 20px;
  padding-top: 10px;
  border: var(--devices-light-border);
  border-radius: 4px;
  background-color: #ffffff;
  z-index: 1;
}
.gmp-devices-page .devices-select-control .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-top: var(--devices-light-border);
  border-left: var(--devices-light-border);
  transform: rotate(45deg);
  box-shadow: none;
}
.gmp-devices-page .devices-select-control .dropdown-option {
  padding: 8px 16px;
  color: #6f7383;
  cursor: pointer;
  font-size: 1rem;
}
.gmp-devices-page .devices-select-control .dropdown-option.selected-option {
  color: #1a1a1a;
  font-weight: bold;
}
.gmp-devices-page .devices-select-control .dropdown-option:hover {
  background-color: #f0f0f0;
}
.gmp-devices-page .battery-status-level .chart-xaxis {
  text-align: center;
  font-size: 12px;
  color: #606a73;
}
.gmp-devices-page .battery-status-level .chart-xaxis .xaxis-tan-line {
  width: 100%;
  height: 2px;
  background-color: #E2E2E2;
  margin-top: 10px;
  margin-bottom: 4px;
}
.gmp-devices-page .battery-status-level .chart-xaxis .xaxis-day-of-week-desktop {
  font-weight: 500;
  color: #6f7383;
  font-size: 16px;
  margin-top: 10px;
}
.gmp-devices-page .battery-status-level .chart-xaxis .xaxis-month-day-desktop {
  margin-top: 2px;
  color: #202020;
  font-size: 18px;
  font-weight: 400;
  font-family: Maison Neue, Helvetica, Arial, sans-serif;
}
.gmp-devices-page .battery-status-level .chart-xaxis .xaxis-day-of-week-mobile {
  font-weight: 500;
  color: #6f7383;
  font-size: 12px;
  font-weight: 500;
}
.gmp-devices-page .battery-status-level .chart-xaxis .xaxis-month-day-mobile {
  margin-top: 2px;
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.gmp-devices-page .battery-status-level .highcharts-axis-labels.highcharts-yaxis-labels.battery-charge-level span {
  margin-left: 10px;
  padding: 4px 8px 4px 12px;
  color: #394852;
  background-color: #ffffff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .gmp-devices-page .battery-status-level .highcharts-axis-labels.highcharts-yaxis-labels.battery-charge-level span {
    margin-left: 0px;
    padding: 4px 8px;
    font-size: 12px;
  }
}
.gmp-devices-page .ev-charging-history .chart-xaxis {
  text-align: center;
  font-size: 12px;
  color: #606a73;
}
.gmp-devices-page .ev-charging-history .chart-xaxis .xaxis-tan-line {
  width: 100%;
  height: 2px;
  background-color: #E2E2E2;
  margin-bottom: 4px;
}
.gmp-devices-page .ev-charging-history .chart-xaxis .xaxis-day-of-week-desktop {
  font-weight: 500;
  color: #6f7383;
  font-size: 16px;
  font-family: Maison Neue, Helvetica, Arial, sans-serif;
}
.gmp-devices-page .ev-charging-history .chart-xaxis .xaxis-month-day-desktop {
  margin-top: 2px;
  color: #202020;
  font-size: 18px;
  font-weight: 400;
  font-family: Maison Neue, Helvetica, Arial, sans-serif;
}
.gmp-devices-page .ev-charging-history .chart-xaxis .xaxis-day-of-week-mobile {
  font-weight: 500;
  color: #6f7383;
  font-size: 12px;
  font-weight: 500;
  font-family: Maison Neue, Helvetica, Arial, sans-serif;
}
.gmp-devices-page .ev-charging-history .chart-xaxis .xaxis-month-day-mobile {
  margin-top: 2px;
  color: #202020;
  font-size: 12px;
  font-weight: 500;
  font-family: Maison Neue, Helvetica, Arial, sans-serif;
}
.gmp-devices-page .ev-charging-history .highcharts-axis-labels.highcharts-yaxis-labels.ev-charge-amount span {
  margin-left: 10px;
  padding: 4px 8px 4px 12px;
  color: #394852;
  background-color: #ffffff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .gmp-devices-page .ev-charging-history .highcharts-axis-labels.highcharts-yaxis-labels.ev-charge-amount span {
    margin-left: 0px;
    padding: 4px 8px;
    font-size: 12px;
  }
}
.gmp-devices-page .gmp-select-control-component.devices__select-control {
  position: relative;
  display: inline-grid;
  padding: 0.6rem 1rem;
  align-items: center;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  border-radius: 0.5rem;
}
.gmp-devices-page .gmp-select-control-component.devices__select-control * {
  cursor: pointer;
}
.gmp-devices-page .gmp-select-control-component.devices__select-control .gmp-select-control-component__select__custom-caret {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  color: #000;
}
.gmp-devices-page .gmp-select-control-component.devices__select-control .gmp-select-control-component__select {
  position: relative;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 16px;
  text-wrap: wrap;
  min-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.4em;
}

.device-status-history__status-cards {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.device-daily-status-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 50px;
  padding: 0.75rem 0.25rem 0.5rem;
}

.device-daily-status-card__date-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.device-daily-status-card__date-container .date, .device-daily-status-card__date-container .day-of-week {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6f7383;
}

.tooltip-wrapper {
  display: inline-block;
  position: relative;
}

.tooltip-position {
  position: absolute;
  z-index: 1000;
  white-space: nowrap;
  pointer-events: none;
}

.tooltip-styling {
  padding: 1rem;
  background-color: #1a1a1a;
  color: #ffffff;
  opacity: 0.9;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.11), 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 4px 2px 0 rgba(0, 0, 0, 0.04);
  animation: fadeIn 0.2s ease-in-out;
}

.manage-participation-modal .event-participation {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
  padding: 2rem;
  text-align: left;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.manage-participation-modal .event-participation .participation-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
}
.manage-participation-modal .event-participation .data-point {
  color: #6f7383;
}
.manage-participation-modal .event-participation .data-point strong {
  display: block;
  margin-right: 5px;
  color: #202020;
  font-weight: 800;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 0.9;
    transform: translateY(0);
  }
}
@media screen and (max-width: 500px) {
  .device-detail-back-link {
    display: none;
  }
}

.device-detail-back-link-circle {
  position: absolute;
  margin: 1.5rem;
  --gds-button-background-color: #ffffff;
  --gds-button-border-color: #ffffff;
  --gds-button-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .device-detail-back-link-circle {
    display: none;
  }
}

.device-detail-title {
  font-size: var(--fluid-32-42);
}

.device-detail-section-title {
  font-size: var(--fluid-20-24);
}

.device-details-summary {
  max-width: var(--my-account-dashboard-max-width);
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .device-details-summary {
    flex-direction: row;
  }
}
.device-details-summary li:before,
.device-details-summary li:after {
  content: none;
}

.device-details-summary__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.device-details-summary__content > :first-child {
  flex-grow: 1;
}

.device-detail-summary__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media screen and (min-width: 500px) {
  .device-detail-summary__title-wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
}

.device-detail-summary__type-description {
  font-size: 1.125rem;
  font-weight: 400;
  color: #6f7383;
}

.device-operational-mode-badge {
  color: #ffffff;
  font-size: 0.875rem;
  padding: 4px 8px;
  border-radius: 500px;
  background-color: #464646;
  background-color: color(display-p3 0.2745 0.2745 0.2745);
  display: inline-flex;
  flex-shrink: 0;
  white-space: nowrap;
  line-height: 1;
  font-weight: 500;
}

.device-detail-summary__status-messages {
  display: flex;
  gap: 0.5rem 2rem;
  flex-wrap: wrap;
  margin: 0;
}
.device-detail-summary__status-messages li {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.device-detail-summary__status-messages li > * {
  display: inherit;
  flex-direction: column;
}
.device-detail-summary__status-messages .value {
  font-size: 1rem;
  font-weight: 700;
  order: 1;
  line-height: 1;
}
.device-detail-summary__status-messages .label {
  font-size: 0.875rem;
  color: #6f7383;
  order: 2;
}

.device-detail-summary__image-holder {
  height: 244px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  margin: -3rem -1rem 0;
}
@media screen and (min-width: 500px) {
  .device-detail-summary__image-holder {
    width: 244px;
    height: 244px;
    border-radius: 0.5rem;
    margin: 0;
  }
}
.device-detail-summary__image-holder .device-detail-summary__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: bottom center;
  width: 100%;
  height: 100%;
}

.device-peak-events-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
}
.device-peak-events-list ul {
  margin: 0;
}
.device-peak-events-list li + li {
  margin-top: 1.5rem;
}

.device-peak-event-item .gds-tag {
  color: #1a1a1a;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

.net-metering-diagram {
  width: 100%;
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  grid-template-areas: "rtg s s tg" "rtg adl ad  gth" "gu ard ad gth" "gu h h thc" "disclaimer disclaimer disclaimer disclaimer";
  grid-template-columns: 0.8fr 50px 35px 1.1fr;
}
.net-metering-diagram > * {
  display: flex;
  flex-direction: column;
}
.net-metering-diagram .generation-to-home {
  grid-area: gth;
  justify-content: center;
}
.net-metering-diagram .total-generation {
  grid-area: tg;
  justify-content: flex-end;
}
.net-metering-diagram .total-home-consumption {
  grid-area: thc;
}
.net-metering-diagram .returned-to-grid {
  grid-area: rtg;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0.5rem;
  text-align: right;
}
.net-metering-diagram .grid-usage {
  grid-area: gu;
  align-items: flex-end;
  padding-right: 0.5rem;
  text-align: right;
}
.net-metering-diagram .solar-graphic {
  grid-area: s;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}
.net-metering-diagram .house-graphic {
  grid-area: h;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}
.net-metering-diagram .label, .net-metering-diagram .disclaimer {
  font-weight: 800;
  font-size: 0.875rem;
  color: #6F7383;
  max-inline-size: 40ch;
}
.net-metering-diagram .value {
  font-weight: 800;
}
.net-metering-diagram .small {
  font-size: 0.75rem;
  display: block;
}
.net-metering-diagram .brandblue {
  color: #007cbc;
}
.net-metering-diagram .green {
  color: #00704a;
}
.net-metering-diagram .arrow-right-down {
  grid-area: ard;
  justify-content: flex-end;
}
.net-metering-diagram .arrow-down-left {
  grid-area: adl;
}
.net-metering-diagram .arrow-down {
  grid-area: ad;
}
.net-metering-diagram .arrow-right-up {
  grid-area: aru;
}
.net-metering-diagram .arrow-right-up-curve {
  grid-area: aruc;
  flex-direction: row;
}
.net-metering-diagram .arrow-right {
  grid-area: ar;
  flex-direction: row;
}
.net-metering-diagram .arrow-left {
  grid-area: al;
  flex-direction: row;
}
.net-metering-diagram .expanding-arrow-stem {
  flex-grow: 1;
  margin-right: -1px;
  margin-left: -1px;
}
.net-metering-diagram .disclaimer {
  grid-area: disclaimer;
  padding-top: 2rem;
  display: flex;
  justify-content: center;
}
.net-metering-diagram .disclaimer p {
  max-inline-size: 100%;
  width: 100%;
  margin: 0;
}

.usage-dashboard__widget-net-metering.wide-layout .net-metering-diagram .hide-on-wide-layout {
  display: none;
}

.usage-dashboard__widget-net-metering:not(.wide-layout) .show-on-wide-layout {
  display: none;
}

.usage-dashboard__widget-net-metering.wide-layout .net-metering-diagram {
  gap: 0.25rem;
  grid-template-areas: "x1  x2  tg   tg   tg   thc  thc  thc" "rtg x3  x4   s    x5   x6   h    x7" "rtg al  al   s    ar   ar   h    x8" "rtg x9  x10  s    gth  gth  h    x11" "gu  aruc aruc  aruc  aruc  aruc  aruc x12" "gu  x13 x13  x13  x13  x13  x13 x13" "disclaimer disclaimer disclaimer disclaimer disclaimer disclaimer disclaimer disclaimer";
  grid-template-columns: 1.5fr 0.5fr 1fr 1.2fr 1fr 1fr 1.2fr 1fr;
  padding-bottom: 3rem;
}
.usage-dashboard__widget-net-metering.wide-layout .widget-net-metering__gen__summary__title {
  margin: 1rem 0 1rem;
  font-size: 40px;
  font-weight: 300;
}
.usage-dashboard__widget-net-metering.wide-layout .label {
  font-weight: 500;
  font-size: 1rem;
  color: #6F7383;
  max-inline-size: 40ch;
}
.usage-dashboard__widget-net-metering.wide-layout .disclaimer {
  padding-top: 3rem;
}
.usage-dashboard__widget-net-metering.wide-layout .total-home-consumption,
.usage-dashboard__widget-net-metering.wide-layout .total-generation {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1rem;
}
.usage-dashboard__widget-net-metering.wide-layout .total-home-consumption .value,
.usage-dashboard__widget-net-metering.wide-layout .total-generation .value {
  font-weight: 300;
  font-size: 2.5rem;
}
.usage-dashboard__widget-net-metering.wide-layout .returned-to-grid {
  justify-content: center;
}
.usage-dashboard__widget-net-metering.wide-layout .generation-to-home {
  margin-left: auto;
  margin-right: auto;
}
.usage-dashboard__widget-net-metering.wide-layout .grid-usage {
  justify-content: center;
  padding-top: 2rem;
}
.usage-dashboard__widget-net-metering.wide-layout .arrow-right-up-curve {
  padding-right: 3rem;
}
.usage-dashboard__widget-net-metering.wide-layout .house-graphic,
.usage-dashboard__widget-net-metering.wide-layout .solar-graphic {
  padding: 1rem 0.25rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.usage-dashboard__widget-net-metering.wide-layout .house-graphic > *,
.usage-dashboard__widget-net-metering.wide-layout .solar-graphic > * {
  max-width: 150px;
}

.widget-net-metering__gen__summary__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 0.9375;
  letter-spacing: -0.25px;
  color: #202020;
}

.widget-net-metering__gen__summary__detail-item {
  display: flex;
  align-items: center;
  justify-content: left;
}
.widget-net-metering__gen__summary__detail-item .widget-net-metering__gen__summary__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle {
  position: relative;
  top: 0;
  width: 24px;
  height: 24px;
}
.widget-net-metering__gen__summary__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text {
  max-width: 272px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15.89px;
  color: #6F7383;
}
.widget-net-metering__gen__summary__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text strong {
  font-weight: 800;
}

.usage-detail__usage-graph-modal-circle {
  position: relative;
  max-width: 36px;
  height: 36px;
  border-radius: 18px;
  flex: 1 1 36px;
  flex-shrink: 0;
}
@media (max-width: 635px) {
  .usage-detail__usage-graph-modal-circle {
    max-width: 32px;
    height: 32px;
  }
}
.usage-detail__usage-graph-modal-circle svg {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: 800;
}
.usage-detail__usage-graph-modal-circle svg path {
  fill: #ffffff;
}

.usage-detail__legend-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.usage-detail__legend-item .usage-detail__legend-item--circle {
  height: 16px;
  width: 16px;
  border-radius: 50%;
}

.usage-detail__compare-legend-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2rem 2rem;
}
@media (max-width: 900px) {
  .usage-detail__compare-legend-container {
    padding: 0 1rem 2rem 1rem;
  }
}

.usage-detail__legend-item--text {
  color: #6f7383;
  line-height: 18px;
  letter-spacing: -0.333px;
}

.usage-detail__datepicker__date-input {
  display: none;
}

@media (min-width: 900px) {
  .usage-detail__datepicker.floating-panel .vdp-datepicker {
    top: 30px;
    left: -220px;
  }
}
.usage-detail__datepicker.floating-panel .vdp-datepicker .vdp-datepicker__calendar {
  color: #1a1a1a;
  padding: 0.5rem;
  border: 0;
  padding: 2rem 1.8rem;
  background: linear-gradient(343deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.97) 30%, rgb(255, 255, 255) 100%);
  z-index: 10;
  text-align: left;
  margin: 0.75rem 1.5rem;
  box-sizing: content-box;
  box-shadow: 0 7px 11px -5px rgba(0, 0, 0, 0.19), 0 2px 1px -2px rgba(0, 0, 0, 0.16);
  border: solid 1px rgba(70, 70, 70, 0.15);
  animation: panel-slide-up 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.usage-detail__datepicker.floating-panel .vdp-datepicker .vdp-datepicker__calendar::before {
  height: 1rem;
  width: 1rem;
  content: "";
  margin-top: -2.5rem;
  margin-left: -50%;
  display: block;
  right: 4rem;
  position: absolute;
  transform: rotate(45deg);
  background-color: #ffffff;
  border-top: 1px solid rgba(70, 70, 70, 0.15);
  border-left: 1px solid rgba(70, 70, 70, 0.15);
}

.usage-detail__datepicker .vdp-datepicker header .prev,
.usage-detail__datepicker .vdp-datepicker header .next {
  text-indent: 0;
}
.usage-detail__datepicker .vdp-datepicker header .prev:after,
.usage-detail__datepicker .vdp-datepicker header .next:after {
  visibility: hidden;
}
.usage-detail__datepicker .vdp-datepicker header span {
  font-size: 18px;
  color: #1a1a1a;
}
.usage-detail__datepicker .vdp-datepicker .cell {
  font-weight: 600;
  color: #1a1a1a;
}
.usage-detail__datepicker .vdp-datepicker .cell.day-header {
  font-size: 16px;
  color: #6f7383;
}
.usage-detail__datepicker .vdp-datepicker .cell.selected {
  border-radius: 5px;
  color: #ffffff;
  background: #00704a;
}
.usage-detail__datepicker .vdp-datepicker .cell:not(.blank):not(.disabled).month:hover, .usage-detail__datepicker .vdp-datepicker .cell:not(.blank):not(.disabled).year:hover, .usage-detail__datepicker .vdp-datepicker .cell:not(.blank):not(.disabled).day:hover {
  background: #d8d8d8;
  border-radius: 5px;
  border-color: #fff;
}
.usage-detail__datepicker .vdp-datepicker .cell.disabled {
  opacity: 0.1;
}

.usage-detail__header-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 2rem 2rem 2rem;
  gap: 1rem;
}

.usage-detail__primary-title {
  flex-basis: 100%;
  display: flex;
  padding-right: 1rem;
}

.usage-detail__primary-controls {
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-grow: 0.3;
}

.usage-detail__secondary-controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-grow: 1;
}

.usage-detail-controls-container {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-grow: 1;
}
@media screen and (min-width: 1200px) {
  .usage-detail-controls-container {
    flex-wrap: nowrap;
  }
}
.usage-detail-controls-container .usage-detail__datepicker {
  position: absolute;
}
.usage-detail-controls-container .usage-detail-controls-container__left-side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.usage-detail-controls-container .usage-detail-controls-container__left-side .usage-detail__date-navigation-item {
  margin-right: 0.5rem;
}
.usage-detail-controls-container .usage-detail__selected-date-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 17ch;
  gap: 0.5rem;
}
.usage-detail-controls-container .usage-detail__selected-date-container--secondary {
  margin-left: 2rem;
  top: 5px;
}
.usage-detail-controls-container .usage-detail__selected-date-container__selected-date {
  display: inline-block;
  margin: 0;
}
.usage-detail-controls-container .usage-detail__selected-date-container__selected-date-sub-text {
  color: #394852;
  min-width: 22ch;
}
.usage-detail-controls-container .usage-detail__performance-summary {
  position: relative;
  display: inline-block;
  margin-left: 2rem;
  max-inline-size: 40ch;
  top: 4px;
  line-height: 1.1;
  flex-grow: 1;
}
@media (max-width: 1200px) {
  .usage-detail-controls-container .usage-detail__performance-summary {
    width: auto !important;
  }
}
@media (max-width: 1100px) {
  .usage-detail-controls-container .usage-detail__performance-summary {
    display: none;
  }
}
.usage-detail-controls-container .usage-detail-controls-container__right-side {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  gap: 0.5rem;
}
.usage-detail-controls-container .usage-detail-controls-container__right-side .usage-detail__select {
  flex-grow: 1;
  max-width: 300px;
}
.usage-detail-controls-container .comparison-select-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.usage-detail-controls-container .usage-detail__select {
  display: inline-grid;
  padding: 0.6rem 1rem;
  align-items: center;
  cursor: pointer;
}
.usage-detail-controls-container .usage-detail__select * {
  cursor: pointer;
}
.usage-detail-controls-container .usage-detail__select.usage-detail__select--button-appearance {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
  gap: 8px;
  border-radius: 0.5rem;
  vertical-align: middle;
  border: solid 1px #d8d8d8;
  flex-basis: 170px;
}
.usage-detail-controls-container .usage-detail__select.usage-detail__select--button-appearance:hover {
  border-color: #1a1a1a;
  box-shadow: 0 0 0 1px #1a1a1a;
}
.usage-detail-controls-container .select-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.usage-detail-controls-container .select-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.usage-detail-controls-container .usage-detail__select__option {
  position: relative;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 16px;
  text-wrap: wrap;
  min-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.4em;
}
.usage-detail-controls-container .custom-caret {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  color: #000;
}

.usage-detail__account-switcher-container {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem 0.5rem;
  flex-wrap: wrap;
}

.usage-detail-controls-container + .usage-detail__account-switcher-container {
  justify-content: flex-end;
  flex-grow: 1;
}

/* Modals */
.usage-detail-modal__header {
  padding: 26px 15px 25px;
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
}

.usage-detail-modal__header__title {
  font-size: 20px;
  color: #1a1a1a;
}

.usage-detail-modal__body {
  padding: 24px 0 0 0;
  background-color: #ffffff;
}

.usage-detail-checkboxes-modal__col-2 {
  grid-column-gap: 1.25rem;
}

.usage-detail-checkboxes-modal__checkbox-container {
  height: 70px;
}
.usage-detail-checkboxes-modal__checkbox-container .gds-checkbox__faux::before {
  border-radius: 50%;
  background-color: var(--variable-usage-select-config-checkboxes-checked) !important;
}
.usage-detail-checkboxes-modal__checkbox-container .gds-checkbox {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #d8d8d8;
}
.usage-detail-checkboxes-modal__checkbox-container .gds-checkbox__label {
  color: #1a1a1a;
}

@media (max-width: 300px) {
  .usage-detail-checkboxes-modal__col-2 {
    grid-row-gap: 5rem;
  }
  .usage-detail-checkboxes-modal__col-2 .usage-detail-checkboxes-modal__checkbox-container .gds-checkbox__faux {
    display: block;
    margin-bottom: 1rem;
  }
}
.usage-detail__usage-performance .usage-detail__section-heading {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}
.usage-detail__usage-performance .current-usage-chart-ref {
  width: 100%;
  margin: 0;
  padding: 0;
}
.usage-detail__usage-performance .usage-detail__usage-nodata,
.usage-detail__usage-performance .usage-detail__usage-error {
  margin: 100px auto;
  text-align: center;
}
.usage-detail__usage-performance .usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__top-row {
  width: 100%;
}
.usage-detail__usage-performance .usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row {
  display: flex;
  justify-content: space-between;
}
.usage-detail__usage-performance .usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row__left {
  text-align: left;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary {
  padding: 0 25px 0 40px;
}
@media screen and (max-width: 900px) {
  .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary,
  .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary {
    padding: 0;
  }
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__top-row,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__top-row {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-weight: 800;
  color: #000;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row {
  display: flex;
  justify-content: space-between;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left {
  width: 300px;
  text-align: left;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle-container .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--circle {
  width: 24px;
  height: 24px;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text {
  font-size: 16px;
  color: #231F20;
  line-height: 18.16px;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text strong,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__left .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item .usage-detail__usage-performance__total-summary__bottom-row__left__detail-item--text strong {
  font-weight: 800;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right {
  text-align: right;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 900px) {
  .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container,
  .usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container {
    padding: 0 1rem 2rem 1rem;
  }
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle {
  position: relative;
  top: -7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.current.generation,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.current.generation {
  background-color: #00704a;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.current.consumption,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.current.consumption {
  background-color: #007cbc;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.previous,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--circle.previous {
  background-color: #D0CFCE;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text {
  color: #000;
  line-height: 18px;
  letter-spacing: -0.333px;
  text-align: left;
}
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__generation.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text.legend-item-sub-text,
.usage-detail__usage-performance #usage-detail__usage-performance__total-summary__consumption.usage-detail__usage-performance__total-summary .usage-detail__usage-performance__total-summary__bottom-row .usage-detail__usage-performance__total-summary__bottom-row__right .usage-detail__performance__total-summary__compare-legend-container .usage-detail__performance__total-summary__legend-item .usage-detail__performance__total-summary__legend-item--text.legend-item-sub-text {
  font-size: 14px;
  color: #6f7383;
}
.usage-detail__usage-performance .highcharts-graph.highcharts-shadow {
  stroke-width: 7;
  stroke-opacity: 1;
}
.usage-detail__usage-performance .highcharts-series.highcharts-series-0.highcharts-area-series.highcharts-color-0 .highcharts-area {
  fill: #7d7d7d;
  stroke: #7d7d7d;
  opacity: 0.14;
}
.usage-detail__usage-performance .highcharts-series.highcharts-series-1.highcharts-area-series .highcharts-area {
  fill: none;
}
.usage-detail__usage-performance .highcharts-series.highcharts-series-1.highcharts-area-series.highcharts-color-1 .highcharts-area {
  fill: none;
}
.usage-detail__usage-performance .highcharts-series.highcharts-series-0.highcharts-area-series.highcharts-color-0 .highcharts-graph {
  stroke: none;
}
.usage-detail__usage-performance .highcharts-markers.highcharts-series-1.highcharts-area-series.highcharts-color-1.highcharts-tracker path {
  fill: #ef6723;
}
.usage-detail__usage-performance .highcharts-markers.highcharts-series-1.highcharts-area-series.highcharts-color-1.highcharts-tracker path {
  fill: #ef6723;
  stroke: none;
}
.usage-detail__usage-performance .highcharts-axis-labels.highcharts-yaxis-labels.usage-performance-y-axis-label span {
  width: 100px !important;
}
.usage-detail__usage-performance .highcharts-axis-labels.highcharts-yaxis-labels.usage-performance-y-axis-label span .value {
  min-width: 100px;
  margin-left: 10px;
  padding: 4px 10px 4px 12px;
  color: #394852;
  background-color: #fff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
}
@media (max-width: 900px) {
  .usage-detail__usage-performance .highcharts-axis-labels.highcharts-yaxis-labels.usage-performance-y-axis-label span .value {
    font-size: 12px;
  }
}
.usage-detail__usage-performance .highcharts-axis-labels.highcharts-xaxis-labels text tspan {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 900px) {
  .usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper {
    margin: 0 0 5rem 0;
  }
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .circle {
  position: relative;
  top: -8px;
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  margin-right: 10px;
  border-radius: 50%;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .circle.current {
  background-color: #ef6723;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .circle.previous {
  background-color: #7d7d7d;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .usage-detail__usage-performance__chart-legend-item__label-and-value .usage-detail__usage-performance__chart-legend-item__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  color: #6f7383;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .usage-detail__usage-performance__chart-legend-item__label-and-value .usage-detail__usage-performance__chart-legend-item__value {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #6f7383;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper.net-metering .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .circle.current.generation {
  background-color: #00704a;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper.net-metering .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .circle.current.consumption {
  background-color: #007cbc;
}
.usage-detail__usage-performance .usage-detail__usage-performance__chart-legend-wrapper.net-metering .usage-detail__usage-performance__chart-legend-items .usage-detail__usage-performance__chart-legend-item .usage-detail__usage-performance__chart-legend-item__label-and-value .usage-detail__usage-performance__chart-legend-item__label {
  font-size: 16px;
}
.usage-detail__usage-performance .usage-detail__usage-performance__summary-bottom {
  display: none;
}
@media (max-width: 1100px) {
  .usage-detail__usage-performance .usage-detail__usage-performance__summary-bottom {
    display: block;
  }
}
.usage-detail__usage-performance .usage-detail__usage-performance__summary-text-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 102px;
  margin: 0 2rem;
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
@media (max-width: 320px) {
  .usage-detail__usage-performance .usage-detail__usage-performance__summary-text-wrapper {
    height: auto;
  }
}
.usage-detail__usage-performance .usage-detail__usage-performance__summary-text-wrapper .usage-detail__usage-performance__gds-icon-wrapper {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #00704a;
}
.usage-detail__usage-performance .usage-detail__usage-performance__summary-text-wrapper .usage-detail__usage-performance__gds-icon-wrapper .gds-icon {
  position: relative;
  top: -4px;
  left: -4px;
  fill: #ffffff;
}
.usage-detail__usage-performance .usage-detail__usage-performance__widget-net-metering-wrapper {
  margin: 3rem var(--fluid-16-32);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: var(--thin-border-box-shadow);
}
.usage-detail__usage-performance .usage-detail__usage-performance__widget-net-metering-wrapper .net-metering-diagram {
  padding: 1.5rem 1rem 3rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.usage-detail__usage-performance .usage-detail__usage-performance__widget-net-metering-wrapper .summary {
  padding: 1rem;
}
.usage-detail__usage-performance .usage-detail__usage-performance__current-usage-chart-ref-wrapper {
  margin: 0 0 2rem;
}

.usage-detail__time-of-day--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 5rem;
}
@media (max-width: 1024px) {
  .usage-detail__time-of-day--container {
    flex-direction: column-reverse;
    margin: 0 0;
  }
}

.usage-detail__time-of-day--chart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
}
@media (min-width: 1024px) {
  .usage-detail__time-of-day--chart {
    max-width: 100%;
    width: auto;
  }
}

#usage-detail__time-of-day--chart-body {
  height: 100%;
  width: 100%;
}

.usage-detail__time-of-day--widget {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-left: 5rem;
  width: 100%;
  max-width: 25rem;
}
@media (max-width: 1024px) {
  .usage-detail__time-of-day--widget {
    margin: 1.5rem 1.5rem;
    border: 1px solid rgba(32, 32, 32, 0.2);
    border-radius: 6px;
    padding: 1.5rem;
  }
}

.usage-detail__time-of-day--widget-text {
  font-size: 1.25rem;
}
@media (max-width: 900px) {
  .usage-detail__time-of-day--widget-text {
    margin: 0 1rem;
  }
}

.usage-detail__time-of-day--no-data-error {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 200px;
}

.how-we-calculate-savings-paragraph {
  margin-bottom: 1.5rem;
}

.ev-charger-details-header {
  gap: 1.5rem;
  margin: 4rem 2rem 0;
}
@media (max-width: 900px) {
  .ev-charger-details-header {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.ev-charger-page-container .info-icon {
  --this-border-color: rgba(0, 0, 0, 0.2);
  width: 25px;
  height: 25px;
  border: 1px solid var(--this-border-color);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.ev-charger-page-container .info-icon:hover {
  cursor: pointer;
  --this-border-color: rgba(0, 0, 0, 0.99);
  color: rgb(0, 0, 0);
}

.ev-charger-details-summary-data {
  margin: 1rem 2rem;
  min-height: 180px;
}
.ev-charger-details-summary-data .info-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}
@media (max-width: 900px) {
  .ev-charger-details-summary-data {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.ev-charger-details-summary-data .container {
  width: 100%;
  gap: var(--fluid-16-24);
}
.ev-charger-details-summary-data .container .box {
  flex-grow: 1;
  flex-basis: 220px;
  flex-shrink: 0;
  min-height: 180px;
  border: 1px solid #D2D2D2;
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 4px;
  position: relative;
}
.ev-charger-details-summary-data .container .box.fuel-savings .text-container {
  text-align: center;
  width: calc(100% - 60px);
  position: relative;
  padding: 20px 10px 20px 10px;
  margin: 0 auto;
}
.ev-charger-details-summary-data .container .box.fuel-savings .text-container .large-text, .ev-charger-details-summary-data .container .box.fuel-savings .text-container .small-text {
  position: relative;
  z-index: 1;
}
.ev-charger-details-summary-data .container .box.fuel-savings .text-container .vehicle-info {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #000;
  gap: 8px;
  white-space: nowrap;
  z-index: 1;
}
.ev-charger-details-summary-data .container .box.fuel-savings .text-container .vehicle-info .edit-link {
  font-size: 14px;
  text-decoration: underline;
}
.ev-charger-details-summary-data .container .box .text-container {
  text-align: center;
  height: 100%;
  padding: 20px 10px;
}
.ev-charger-details-summary-data .container .box .text-container .large-text {
  font-weight: 300;
  font-size: 54px;
  line-height: 52px;
  margin: 0 0 8px 0;
  color: #1a1a1a;
}
.ev-charger-details-summary-data .container .box .text-container .large-text.total-charged {
  display: flex;
  margin-bottom: 8px;
  font-size: 52px;
  align-items: center;
}
.ev-charger-details-summary-data .container .box .text-container .large-text.total-charged .unit {
  font-size: 24px;
  font-weight: 400;
  line-height: 52px;
  margin-left: 8px;
}
.ev-charger-details-summary-data .container .box .text-container .small-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  color: #202020;
}
@media (max-width: 749px) {
  .ev-charger-details-summary-data .container .box {
    width: 150px;
  }
}

.highcharts-container.ev-bar-chart {
  min-height: 400px;
}
.highcharts-container .highcharts-credits {
  display: none;
}

#ev-charger-line-graph .highcharts-legend,
#ev-charger-bar-graph .highcharts-legend {
  display: none;
}

.highcharts-axis-labels.highcharts-yaxis-labels.usage-ev-charger-line-graph-y-axis-label span {
  width: 100px !important;
}
.highcharts-axis-labels.highcharts-yaxis-labels.usage-ev-charger-line-graph-y-axis-label span .value {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 10px 4px 12px;
  color: #394852;
  background-color: #fff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
}
@media (max-width: 900px) {
  .highcharts-axis-labels.highcharts-yaxis-labels.usage-ev-charger-line-graph-y-axis-label span .value {
    font-size: 12px;
  }
}
.highcharts-axis-labels.highcharts-xaxis-labels text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
}

.ev-charger-details-section-title {
  font-size: 20px;
  font-weight: 800;
  margin: 0 2rem 0 0;
}
.ev-charger-details-section-title .info-icon {
  margin-left: 0.5rem;
}

.title-and-icons-wrapper {
  margin: 70px 2rem 3rem;
}
@media (max-width: 900px) {
  .title-and-icons-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.title-and-icons-wrapper .title-and-icons {
  gap: 1rem;
}

.ev-charging-tab-container {
  display: flex;
  align-items: center;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  overflow: hidden;
}

.ev-tab {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 10px 20px;
  border-right: 1px solid #D2D2D2;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .ev-tab {
    padding: 8px 12px;
  }
}
.ev-tab img {
  width: 24px;
  height: 24px;
}
.ev-tab span {
  color: #333;
}
.ev-tab.selected {
  background-color: #E6F2EF;
  border: 1px solid #00796B;
}
.ev-tab.selected:first-child {
  border-radius: 5px 0 0 5px;
}
.ev-tab.selected:last-child {
  border-right: 1px solid #00796B;
  border-radius: 0 5px 5px 0;
}
.ev-tab:last-child {
  border-right: none;
}
.ev-tab:hover {
  background-color: #f1f1f1;
}

.gmp-modal .modal-evcharging-settings.my-account__modal-box {
  height: auto;
  max-height: 480px;
  background-color: #fff;
  border-radius: 5px;
}
.gmp-modal .modal-evcharging-settings.my-account__modal-box--usage-detail {
  width: 542px;
}
.gmp-modal .modal-evcharging-settings .modal-usage-pick-a-view__header {
  padding: 40px 40px 0 40px;
  border: none;
}
.gmp-modal .modal-evcharging-settings .modal-evcharging-settings__select {
  position: relative;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.gmp-modal .modal-evcharging-settings .settings-modal {
  padding: 40px;
  position: relative;
}
.gmp-modal .modal-evcharging-settings .modal-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
}
.gmp-modal .modal-evcharging-settings .your-ev-information-section {
  margin-bottom: 40px;
}
.gmp-modal .modal-evcharging-settings .form-row {
  gap: 16px;
  margin-bottom: 20px;
}
.gmp-modal .modal-evcharging-settings .form-group {
  flex: 1;
}
.gmp-modal .modal-evcharging-settings .form-group.ev-model label {
  position: relative;
  display: inline-block;
  width: 100%;
}
.gmp-modal .modal-evcharging-settings .form-group.ev-model .form-control {
  width: 100%;
  position: relative;
}
.gmp-modal .modal-evcharging-settings .form-group.ev-model .form-control.select-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.gmp-modal .modal-evcharging-settings .form-group.ev-model .form-control.select-container .modal-evcharging-settings__select {
  text-wrap: wrap;
}
.gmp-modal .modal-evcharging-settings .form-group.ev-model .form-control.select-container .modal-evcharging-settings__custom-caret {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  color: #000;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display {
  gap: 8px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display .energy-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #6f7383;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display .energy-value {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display .energy-value-placeholder {
  font-size: 16px;
  color: #333;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display .edit-button {
  background: none;
  border: none;
  color: #00704a;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 8px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-display .edit-button:hover {
  color: #005a3a;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container {
  display: block;
  margin-top: 8px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container > label {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #6f7383;
  display: block;
  margin-bottom: 8px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container .input-row {
  gap: 16px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container .energy-input {
  flex: 1;
  min-width: 150px;
  max-width: 250px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container .unit-selector {
  flex: 0 0 140px;
  width: 140px;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container .unit-selector.select-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.gmp-modal .modal-evcharging-settings .form-group.energy-consumption-group .energy-consumption-input-container .unit-selector.select-container .modal-evcharging-settings__custom-caret {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  color: #000;
}
.gmp-modal .modal-evcharging-settings label {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #6f7383;
  display: block;
  margin-bottom: 8px;
}
.gmp-modal .modal-evcharging-settings .form-control {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 60px;
  border: 1px solid #D8D8D8;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
}
.gmp-modal .modal-evcharging-settings .form-control.ev-charger-settings-validation-error {
  outline: 1px solid #d70d13;
}
.gmp-modal .modal-evcharging-settings .section-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
  margin-top: 0;
  margin-bottom: 15px;
}
.gmp-modal .modal-evcharging-settings .error-container {
  color: #d70d13;
  position: absolute;
}
.gmp-modal .modal-evcharging-settings .button-group {
  margin-top: 60px;
}

.no-usage-message {
  gap: 1.5rem;
  padding: 2rem;
}
.no-usage-message img {
  width: 75px;
}
.no-usage-message .message-content {
  display: inherit;
  flex-direction: inherit;
  gap: 1rem;
  max-width: 300px;
  text-align: center;
}
.no-usage-message .message-content * {
  text-align: inherit;
}
.no-usage-message .title {
  font-size: 1.125rem;
  margin: 0;
  line-height: 1.4;
}
.no-usage-message .subtitle {
  font-size: 14px;
  color: #6f7383;
}

.gmp-modal .my-account__modal-box.modal-simple-info {
  width: 542px;
}
.gmp-modal .my-account__modal-box.modal-simple-info .modal-usage-pick-a-view__header {
  padding: 40px 40px 0 40px;
  border: none;
}
.gmp-modal .my-account__modal-box.modal-simple-info .modal-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 24px;
}
.gmp-modal .my-account__modal-box.modal-simple-info .modal-usage-pick-a-view__modal-body {
  padding: 20px 40px 40px 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #202020;
}

.date-navigation__button, .usage-detail__interval-frequency, .view-options-button {
  --gds-button-top-padding: 0.5rem;
  --gds-button-side-padding: 0.75rem;
  --gds-button-font-size: 1rem;
  --gds-button-min-height: 3rem;
  flex-shrink: 0;
  text-wrap: nowrap;
  --gds-button-text-align:left;
  --gds-button-border-radius: 0.5rem;
  --gds-button-border-width: 1px;
  --gds-button-box-shadow: 0 0 0 0 #1a1a1a;
  --gds-button-box-shadow-hover: 0 0 0 1px #1a1a1a;
}
.date-navigation__button .gds-icon, .usage-detail__interval-frequency .gds-icon, .view-options-button .gds-icon {
  flex-shrink: 0;
  color: var(--gds-button-icon-color);
}
.date-navigation__button .gds-icon.shift-left, .usage-detail__interval-frequency .gds-icon.shift-left, .view-options-button .gds-icon.shift-left {
  margin-left: -4px;
  margin-right: -2px;
}
.date-navigation__button .gds-icon.shift-right, .usage-detail__interval-frequency .gds-icon.shift-right, .view-options-button .gds-icon.shift-right {
  margin-right: -4px;
  margin-left: -2px;
}
.date-navigation__button .gds-icon.black, .usage-detail__interval-frequency .gds-icon.black, .view-options-button .gds-icon.black {
  --gds-button-icon-color: #1a1a1a;
}
.date-navigation__button:disabled .gds-icon, .usage-detail__interval-frequency:disabled .gds-icon, .view-options-button:disabled .gds-icon {
  color: var(--gds-button-icon-color-disabled);
}

.view-options-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* Usage Charts for My Account */
.my-account__usage-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.usage--toggle-text {
  display: none;
}
@media (min-width: 520px) {
  .usage--toggle-text {
    display: inline-block;
    padding-right: 6px;
  }
}

.usage--export-data-button {
  display: none;
}
@media (min-width: 900px) {
  .usage--export-data-button {
    display: block;
    min-width: 160px;
  }
}

.usage--second-export-data-button {
  width: 100%;
  display: block;
  max-width: 600px;
  margin: 3rem auto 1rem auto;
}
@media (min-width: 900px) {
  .usage--second-export-data-button {
    display: none;
  }
}

.my-account__usage--toggle-export-wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 520px) {
  .my-account__usage--toggle-export-wrap {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.my-account__usage-loading, .widget-daily-consumption__spinner, .usage-notification__spinner {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  z-index: 999;
}

.my-account__usage-nodata {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 200px;
}

.my-account__usage--frequency {
  padding: 1rem 1rem 0.9rem 2.4rem;
  width: 100%;
  max-width: 150px;
  border-radius: 2px;
  border: solid 2px #d8d8d8;
  background: #ffffff url(/wp-content/themes/gmptwentynineteen/assets/images/calendar.png) 2px center no-repeat;
  background-size: 32px 32px;
}
@media (min-width: 520px) {
  .my-account__usage--frequency {
    max-width: 220px;
  }
}

.my-account__usage--select {
  display: block;
  background: transparent url(/wp-content/themes/gmptwentynineteen/assets/images/caret-down.png) 95% center no-repeat;
  background-size: 10px 10px;
  border: none;
  width: 100%;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.my-account__usage--layers-toggle {
  width: 100%;
  max-width: 160px;
  padding: 1rem 1rem 0.9rem 2.4rem;
  border-radius: 2px;
  border: solid 2px #d8d8d8;
  background: #ffffff url(/wp-content/themes/gmptwentynineteen/assets/images/layers.png) 2px center no-repeat;
  background-size: 32px 32px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 16px;
}
@media (min-width: 520px) {
  .my-account__usage--layers-toggle {
    max-width: 220px;
  }
}

.my-account__usage--layers-menu {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
  padding: 1rem;
  border-radius: 2px;
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.my-account__usage--layers-menu .gds-checkbox input[type=checkbox]:checked + .gds-checkbox__faux::before {
  background-color: inherit;
}

.my-account__usage-date-controllers {
  margin: 2rem 0;
}

.my-account__usage-date-controllers--button {
  border: none;
  background-color: #ffffff;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}
.my-account__usage-date-controllers--button:hover, .my-account__usage-date-controllers--button:active {
  opacity: 1;
}
.my-account__usage-date-controllers--button:disabled {
  opacity: 0.1;
}

.my-account__usage-date-controllers--date {
  text-align: center;
  min-width: 220px;
}

.my-account__usage-graph-wrapper {
  position: relative;
}

.highcharts-scrolling-parent {
  z-index: 1;
}

.my-account__usage-tooltip {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 500;
  color: #ffffff;
  background-color: #444;
  border: 0;
  border-radius: 4px;
  padding: 10px 0 10px 10px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.11), 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 4px 2px 0 rgba(0, 0, 0, 0.04);
}
.my-account__usage-tooltip .tooltip-messageonly {
  padding-right: 10px;
}
.my-account__usage-tooltip .tooltip__month-year {
  min-width: 100%;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 0.9rem;
}
.my-account__usage-tooltip .tooltip-rate {
  width: 100%;
  margin-right: 8px;
  display: flex;
  margin-top: 4px;
  gap: 1rem;
}
.my-account__usage-tooltip .tooltip-rate > * {
  align-items: flex-start;
}
.my-account__usage-tooltip .tooltip-rate .rate-name {
  width: 150px;
  white-space: wrap;
  line-height: 1;
}
.my-account__usage-tooltip .tooltip-rate .rate-swatch {
  height: 13px;
  width: 13px;
  border-radius: 2px;
  margin-right: 4px;
  opacity: 1 !important;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.my-account__usage-tooltip .tooltip-rate .rate-swatch.previous {
  background-color: #7d7d7d;
}
.my-account__usage-tooltip .tooltip-rate .rate-value {
  display: block;
  padding-right: 10px;
  font-weight: 800;
}

/* padding the horizontal scrolling for Chrome issues. */
.highcharts-scrolling svg.highcharts-root {
  padding-bottom: 5px;
}

/* Usage Key below graphs */
.my-account__usage-graph-key {
  overflow: hidden;
}

.my-account__usage-graph-key--list {
  padding: 0;
  margin: 0 auto;
  max-width: 270px;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .my-account__usage-graph-key--list {
    max-width: 480px;
  }
}

.my-account__usage-graph-key--list-item {
  margin: 0 0 0.25rem;
  max-width: 140px;
  flex-basis: 140px;
}
.my-account__usage-graph-key--list-item::before, .my-account__usage-graph-key--list-item::after {
  content: none;
}

.my-account__usage-graph-key--color-box {
  width: 13px;
  height: 13px;
  border-radius: 2px;
  margin-right: 8px;
}

.my-account__usage-help-text {
  max-width: 800px;
  margin: 0 auto 2rem;
}

.notifications--container {
  padding-top: 0 var(--fluid-16-32);
}

.notifications__overview--sections {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  gap: 0 var(--fluid-16-32);
  border-bottom: 1px solid #e6e6e6;
}
.notifications__overview--sections:last-of-type {
  border-bottom: 0;
}
.notifications__overview--sections:first-of-type {
  padding-top: 0;
}
@media (max-width: 520px) {
  .notifications__overview--sections {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: 60% 40%;
  }
}

.notifications__overview--icon {
  width: clamp(50px, 20vw, 80px);
}
@media (max-width: 520px) {
  .notifications__overview--icon {
    grid-area: 1/1/2/2;
  }
}

.notifications__overview--type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
}
@media (max-width: 520px) {
  .notifications__overview--type {
    margin-left: 0;
    grid-area: 1/2/2/3;
  }
}

.notifications__overview--type--heading {
  font-weight: 600;
  letter-spacing: -0.25px;
  text-align: left;
  margin-top: 27px;
  margin-bottom: 15px;
}

.notifications__overview--type--description {
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}

.notifications__overview--configure-usage-alerts {
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}

.notifications__overview--status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 200px;
}
@media (max-width: 720px) {
  .notifications__overview--status {
    margin-left: 0;
  }
}
@media (max-width: 520px) {
  .notifications__overview--status {
    align-items: flex-start;
    grid-area: 2/2/3/2;
  }
}

.notifications__overview--status--icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.notifications__overview--status--span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 15px;
}

.notifications__overview--status--button {
  min-width: 129px;
  height: 48px;
  white-space: nowrap;
}

.button-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
}

.notifications__overview--modal--box {
  position: relative;
  width: 94%;
  height: 110vh;
  max-width: 542px;
  margin: 5vh auto;
}
@media (min-width: 720px) {
  .notifications__overview--modal--box {
    width: 80%;
    height: auto;
  }
}

.notifications__overview--modal--header {
  position: relative;
  width: 100%;
  padding: 3rem 3rem 1rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .notifications__overview--modal--header {
    padding: 4rem 4rem 1rem;
  }
}

.notifications__overview--modal--headline {
  margin: 0;
}

.notifications__overview--modal--body {
  padding: 2rem 3rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .notifications__overview--modal--body {
    padding: 2rem 4rem;
  }
}

.notification-usage-alert--main-container {
  margin-left: 3.5rem;
}

.notification-usage-alert--heading {
  max-width: 675px;
}

.notification-usage-alert--card-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media (max-width: 520px) {
  .notification-usage-alert--card-container {
    margin-bottom: 2rem;
    flex-direction: column;
  }
}

.notification-usage-alert--card {
  text-decoration: none;
  min-height: 9rem;
  padding: 0px 10px 0px 10px;
  border-radius: 6px;
  border: 2px solid #e6e6e6;
  width: 15rem;
  margin-left: 0.5rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--card {
    min-height: auto;
    height: 8rem;
    flex-direction: row;
    align-items: center;
  }
}
.notification-usage-alert--card:hover {
  cursor: pointer;
  border-color: #6f7383;
  background-color: transparent;
}
.notification-usage-alert--card.selected {
  border-color: #00704a;
}

@media (max-width: 520px) {
  .notification-usage-alert--card:nth-of-type(2) {
    margin-top: 1rem;
  }
}

.notification-usage-alert--checkbox {
  margin-top: 1rem;
  margin-left: 1rem;
}

.notification-usage-alert--checkbox-label {
  margin-top: 1rem;
  margin-left: 1rem;
  font-weight: 600;
  width: 9rem;
}

.notification-usage-alert--toggle-container {
  margin-top: 2rem;
  display: flex;
  align-items: center;
}

.notification-usage-alert--threshold-container {
  display: flex;
  flex-direction: row;
  margin-top: 2rem;
  align-items: center;
}
@media (max-width: 520px) {
  .notification-usage-alert--threshold-container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.notification-usage-alert--annual-threshold-container {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-left: 1rem;
  min-width: 30%;
}
@media (max-width: 520px) {
  .notification-usage-alert--annual-threshold-container {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-bottom: 8rem;
  }
}

.notification-usage-alert--threshold-container-margin {
  margin-left: 1rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--threshold-container-margin {
    margin-left: 1rem;
  }
}

.notification-usage-alert--threshold-image-container {
  display: flex;
  align-items: center;
  min-width: 12rem;
  margin-right: 2rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--threshold-image-container {
    height: 1rem;
    margin-left: 1rem;
    margin-bottom: rem;
  }
}

.notification-usage-alert--threshold-image {
  height: 2rem;
  width: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
@media (max-width: 520px) {
  .notification-usage-alert--threshold-image {
    height: 2rem;
  }
}

.notification-usage-alert--threshold-label {
  margin-top: 1.8rem;
}

.notification-usage-alert--annual-range-container {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--annual-range-container {
    height: 1rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
  }
}

.notification-usage-alert--range-container {
  display: flex;
  flex-direction: column;
  margin-top: 0rem;
  width: 9rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--range-container {
    margin-left: 3.5rem;
    margin-bottom: 0.5rem;
  }
}

.notification-usage-alert--range-container-expanded {
  display: flex;
  flex-direction: column;
  margin-top: 0rem;
  width: 18rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--range-container-expanded {
    margin-left: 3.5rem;
    margin-bottom: 1rem;
  }
}

.notification-usage-alert--range-field {
  margin: 0;
  line-height: 2;
}

.notification-usage-alert--annual-range-field {
  margin-left: 2.5rem;
  line-height: 0rem;
}

.notification-usage-alert--threshold-amount {
  margin-left: 3.5rem;
  text-align: right;
  margin-right: 0.5rem;
  width: 9rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--threshold-amount {
    margin-top: 0;
    vertical-align: top;
    width: 9rem;
  }
}

.notification-usage-alert--annual-threshold-amount {
  vertical-align: middle;
  text-align: right;
  margin-top: 0rem;
  margin-left: 2.5rem;
  margin-right: 0.5rem;
  width: 9rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--annual-threshold-amount {
    margin-top: 0;
    vertical-align: top;
  }
}

.notification-usage-alert--kWh-label {
  vertical-align: middle;
}
@media (max-width: 520px) {
  .notification-usage-alert--kWh-label {
    padding-top: 2rem;
  }
}

.notification-usage-alert--button-container {
  display: flex;
  flex-direction: row;
  width: 20%;
  margin-top: 3rem;
}
@media (max-width: 520px) {
  .notification-usage-alert--button-container {
    width: 100%;
    justify-content: flex-start;
  }
}

.notification-usage-alert--cancel-button {
  margin-right: 1rem;
  color: #6f7383;
}

.notification-usage-alert--auto-threshold-switch {
  font-weight: 600;
}

.notification-usage-alert--annual-threshold-label {
  font-weight: 600;
  margin: 0;
  line-height: 2;
}

.notification-usage-alert--kwh-container {
  display: flex;
  align-items: baseline;
}

/* Usage Dashboard */
:root {
  --usage-dashboard-grid-layout-default:
  "graph graph"
  "table performance-graph"
  "table time-of-day";
  --usage-dashboard-grid-layout-net-metered:
  "graph graph"
  "table net-metering";
  --usage-dashboard-grid-gap: var(--fluid-16-32);
  --usage-widget-header-left-padding: 1.5rem;
  --usage-widget-header-right-padding: 0.75rem;
  --thin-border-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.usage-unavailable-container {
  margin: 150px auto;
}

/* style overrides for the beta-release header */
.subpage-usage--dashboard .scheduled-payments-list,
.usage-detail__container .scheduled-payments-list {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .subpage-usage--dashboard .scheduled-payments-list,
  .usage-detail__container .scheduled-payments-list {
    margin-bottom: -8px;
  }
}
.subpage-usage--dashboard .scheduled-payments-list .gds-body-normal,
.usage-detail__container .scheduled-payments-list .gds-body-normal {
  font-size: 1rem;
}
.subpage-usage--dashboard .scheduled-payments-list a,
.usage-detail__container .scheduled-payments-list a {
  text-decoration: underline;
}

.usage-detail__container .scheduled-payments-list {
  margin-top: -1rem;
}

.usage-dashboard__jump-nav {
  padding-top: 0.75rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: scroll;
  margin-bottom: var(--fluid-16-32);
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.usage-dashboard__jump-nav::-webkit-scrollbar {
  display: none;
}

.usage-dashboard-grid {
  display: flex;
  flex-direction: column;
  grid-template-areas: var(--usage-dashboard-grid-layout-default);
  grid-template-columns: 1fr 1fr;
  gap: var(--usage-dashboard-grid-gap);
}
.usage-dashboard-grid.is-net-metered {
  grid-template-areas: var(--usage-dashboard-grid-layout-net-metered);
}
@media screen and (min-width: 768px) {
  .usage-dashboard-grid {
    display: grid;
  }
}

.usage-dashboard__widget {
  --widget-min-height: 250px;
  box-shadow: var(--thin-border-box-shadow);
  border-radius: 6px;
  min-height: var(--widget-min-height);
  overflow: hidden;
  position: relative;
}
.usage-dashboard__widget .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  padding: 1rem var(--usage-widget-header-right-padding) 0 var(--usage-widget-header-left-padding);
}
.usage-dashboard__widget .header h2 {
  font-size: var(--fluid-18-20);
  margin: 0;
  margin-top: 0.65rem;
}
.usage-dashboard__widget .header .gds-button-circle {
  --gds-button-size: 2.625rem;
}
.usage-dashboard__widget .actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.5rem;
  max-width: clamp(3rem, 25vw, 10rem);
}
.usage-dashboard__widget .summary {
  padding-left: 1.5rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 0;
  text-align: left;
}

.usage-widget__graph {
  grid-area: graph;
  --widget-min-height: 350px;
}

.usage-widget__table {
  grid-area: table;
}

.usage-widget__net-metering-diagram {
  grid-area: net-metering;
}

.usage-widget__performance-graph {
  grid-area: performance-graph;
}
.usage-widget__performance-graph .summary {
  margin-bottom: -5rem;
  z-index: 1;
  position: relative;
  background-color: rgba(255, 255, 255, 0.7);
}

.usage-widget__time-of-day {
  grid-area: time-of-day;
}

.subpage-usage--dashboard h2 {
  font-size: var(--fluid-20-24);
}

.usage-dashboard___sub-title {
  font-size: var(--fluid-16-18);
  line-height: 1.4;
  color: #6f7383;
  font-weight: 400;
  --max-measure: 65ch;
  max-inline-size: var(--max-measure);
}

.error-message {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem 1rem 0 1rem;
}

/* Current Usage */
.usage-dashboard__widget-current-usage--arrow, .usage-dashboard__widget-current-usage--checkmark--green, .usage-dashboard__widget-current-usage--arrow--blue-circle-up {
  height: 2rem;
  width: 2rem;
  color: #ffffff;
  margin: 1rem 0.5rem 1rem 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M18.77,13.36a1,1,0,0,0-1.41-.13L13,16.86V5a1,1,0,0,0-2,0V16.86L6.64,13.23a1,1,0,1,0-1.28,1.54l6,5,.15.09.13.07a1,1,0,0,0,.72,0l.13-.07.15-.09,6-5A1,1,0,0,0,18.77,13.36Z' %3E%3C/path%3E%3C/svg%3E");
  background-position: left 4px top 4px;
  border-radius: 500px;
}

.usage-dashboard__widget-current-usage--arrow--blue-circle-up {
  background-color: #3e73dd;
  transform: rotate(180deg);
}
.usage-dashboard__widget-current-usage--arrow--blue-circle-up:hover {
  cursor: auto;
  background-color: #3e73dd;
}

.usage-dashboard__widget-current-usage--checkmark--green {
  height: 1.5rem;
  width: 1.5rem;
  background-image: none;
  background-color: #00704a;
}
.usage-dashboard__widget-current-usage--checkmark--green:hover {
  cursor: auto;
  background-color: #00704a;
}

.usage-dashboard__widget-chart-container {
  flex-grow: 1;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .usage-dashboard__widget-chart-container {
    padding-bottom: 1.5rem;
  }
}

#usage-dashboard__widget-current-usage--chart {
  margin: 0 1rem;
}

/* Usage Trend */
#usage-dashboard__widget-usage-trend--chart {
  height: 80%;
  width: 100%;
  padding-top: 1.5rem;
}

.usage-dashboard__widget-usage-trend--subtextKwh {
  font-size: 1rem;
}

.usage-dashboard__widget-usage-trend--subtext {
  font-size: 1rem;
  color: #6f7383;
}
.usage-dashboard__widget-usage-trend--subtext a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.highcharts-container {
  padding: 0 !important;
}

.usage-trend-plotline-label span {
  width: 100px !important;
}
.usage-trend-plotline-label span .value {
  min-width: 100px;
  margin-left: 10px;
  padding: 4px 8px 4px 8px;
  color: #6f7383;
  background-color: #fff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
}

/* Time of Day */
.usage-dashboard__widget-time-of-day--body {
  display: flex;
  width: 100%;
  position: relative;
  text-align: left;
  gap: 1rem;
  align-items: center;
  padding: 2rem 2rem 2rem 2rem;
}
@media (max-width: 520px) {
  .usage-dashboard__widget-time-of-day--body .usage-dashboard__widget-time-of-day--icon {
    --gds-icon-size:7rem;
  }
}

.usage-dashboard__widget-time-of-day--icon {
  position: relative;
  --gds-icon-size: 9rem;
  height: var(--gds-icon-size);
  width: var(--gds-icon-size);
  flex-shrink: 0;
}

.usage-dashboard__widget-time-of-day--text {
  font-size: 1.125rem;
}

/* Usage Visualizations and Tools */
.usage-dashboard__usage-visualization-and-tools--container {
  width: 100%;
}

.usage-dashboard__usage-visualization-and-tools--card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
@media (max-width: 520px) {
  .usage-dashboard__usage-visualization-and-tools--card-container {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.5rem;
  }
}

a.usage-dashboard__usage-visualization-and-tools--nav-card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 10rem;
  padding: 0px 10px 0px 10px;
  border-radius: 6px;
  border: 2px solid #e6e6e6;
}
@media (max-width: 520px) {
  a.usage-dashboard__usage-visualization-and-tools--nav-card {
    min-height: auto;
    height: 4rem;
    flex-direction: row;
    align-items: center;
  }
}
a.usage-dashboard__usage-visualization-and-tools--nav-card:hover {
  cursor: pointer;
  border-color: #6f7383;
  background-color: transparent;
}
a.usage-dashboard__usage-visualization-and-tools--nav-card.selected {
  border-color: #00704a;
}

.usage-dashboard__usage-visualization-and-tools--icon {
  width: 2rem;
  height: auto;
  margin: 1rem;
}
@media (max-width: 520px) {
  .usage-dashboard__usage-visualization-and-tools--icon {
    margin: 0.63rem;
  }
}

.usage-dashboard__usage-visualization-and-tools--icon-text {
  margin: 1 rem;
  font-weight: 800;
  font-size: 20px;
  margin-left: 1rem;
  color: #1a1a1a;
}
@media (max-width: 520px) {
  .usage-dashboard__usage-visualization-and-tools--icon-text {
    display: block;
    margin: 0;
    font-size: 1rem;
  }
}

.usage-dashboard__usage-visualization-and-tools--description {
  color: #6f7383;
  margin-left: 1rem;
  font-size: 16px;
}
@media (max-width: 520px) {
  .usage-dashboard__usage-visualization-and-tools--description {
    display: none;
  }
}

/* Usage Charts for My Account */
.usage-dashboard__widget-current-usage {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 290px;
}
.usage-dashboard__widget-current-usage .highcharts-grid-line {
  display: none;
}
.usage-dashboard__widget-current-usage .highcharts-container .highcharts-legend {
  display: none;
}
.usage-dashboard__widget-current-usage .highcharts-container .highcharts-credits {
  display: none;
}
.usage-dashboard__widget-current-usage .highcharts-series.highcharts-series-0.highcharts-area-series.highcharts-color-0 .highcharts-area {
  fill: #ededed;
  stroke: #ededed;
}
.usage-dashboard__widget-current-usage .highcharts-markers.highcharts-series-0.highcharts-area-series.highcharts-color-0.highcharts-tracker path {
  fill: #ef6723;
}
.usage-dashboard__widget-current-usage .highcharts-markers.highcharts-series-0.highcharts-area-series.highcharts-color-0.highcharts-tracker path {
  fill: #ef6723;
  stroke: none;
}
.usage-dashboard__widget-current-usage .highcharts-series.highcharts-series-0.highcharts-area-series.highcharts-color-0 .highcharts-graph {
  stroke: none;
}
.usage-dashboard__widget-current-usage .highcharts-series.highcharts-series-1.highcharts-area-series.highcharts-color-1 .highcharts-graph {
  stroke: #ef6723;
}
.usage-dashboard__widget-current-usage .highcharts-markers.highcharts-series-1.highcharts-area-series.highcharts-color-1.highcharts-tracker path {
  fill: #ef6723;
}
.usage-dashboard__widget-current-usage .highcharts-markers.highcharts-series-1.highcharts-area-series.highcharts-color-1.highcharts-tracker path {
  fill: #ef6723;
  stroke: none;
}
.usage-dashboard__widget-current-usage .highcharts-series.highcharts-series-1.highcharts-area-series.highcharts-color-1 .highcharts-area {
  fill: none;
}

.highcharts-axis-line {
  stroke: #e6e6e6;
}

@media (max-width: 520px) {
  .usage-dashboard__widget-current-usage--kwhDifference--container {
    justify-content: left;
    left: 10px;
  }
}
@media (max-width: 300px) {
  .usage-dashboard__widget-current-usage--circle-arrow-right {
    position: static;
    margin: 1.5rem 0;
  }
  .usage-dashboard__widget-current-usage--text--largest {
    padding: 1rem 0;
  }
  .usage-dashboard__widget-current-usage--kwhDifference--flex-item {
    margin: 0;
  }
}
@media (max-width: 400px) {
  .usage-dashboard__widget-current-usage--kwhDifference--container {
    display: block;
    right: 0;
    margin-left: 10px;
  }
  .usage-dashboard__widget-current-usage--kwhDifference--flex-item {
    margin: 1rem 1rem 1rem 0;
  }
}
@media (max-width: 300px) {
  .usage-dashboard__widget-usage-trend .usage-dashboard__headings--in-boxes {
    position: static;
  }
  .usage-dashboard__widget-usage-trend .usage-dashboard__circle-arrow-right {
    float: none;
    margin: 1.5rem;
  }
  .usage-dashboard__widget-usage-trend #usage-dashboard__widget-usage-trend--chart {
    padding: 0;
  }
  .usage-dashboard-widget-usage-trend-wrapper {
    display: block;
    min-height: 400px;
  }
}
@media (max-width: 175px) {
  .usage-dashboard-widget-usage-trend-wrapper {
    display: block;
    min-height: 500px;
  }
}
@media (max-width: 200px) {
  .usage-dashboard-widget-time-of-day-wrapper {
    min-height: 450px;
  }
}
.usage-dashboard__legend-item-container {
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.usage-dashboard__dashboard-legend {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin-bottom: 0.6rem;
  font-size: 0.75rem;
}

.usage-dashboard__legend-item {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}
@media (max-width: 520px) {
  .usage-dashboard__legend-item {
    flex-direction: row;
  }
}

.usage-dashboard__legend-text-container {
  display: flex;
  flex-direction: column;
}

.usage-dashboard__legend-text {
  color: #6F7383;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px; /* 121.429% */
  margin-right: 0.25rem;
}

.usage-dashboard__kwhDifference-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.usage-dashboard__widget-current-usage--kwhDifference--flex-item {
  max-width: 12.25rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 15.89px;
}

/* widget-monthly-consumption */
.usage-dashboard__widget-monthly-consumption {
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
}
.usage-dashboard__widget-monthly-consumption .usage-dashboard___sub-title {
  margin-top: 0.35rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.usage-dashboard__widget-monthly-consumption__chart_container {
  margin-top: 1em;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}

.usage-dashboard__widget-monthly-consumption__chart_container .my-account__usage-graph-wrapper text:nth-child(even) {
  visibility: hidden;
}

.modal-usage-pick-a-view__header {
  padding: 1.5rem 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-usage-pick-a-view__title {
  font-weight: 600;
  font-size: 20px;
  color: #1a1a1a;
}

.modal-usage-pick-a-view__modal-body {
  background-color: #ffffff;
}

.modal-usage-pick-a-view__options-body {
  padding: 2rem 2rem;
  background-color: #ffffff;
}

.modal-usage-pick-a-view__options-body__button-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 0.5rem;
}
@media (max-width: 635px) {
  .modal-usage-pick-a-view__options-body__button-options {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

.modal-usage-pick-a-view__nav-select-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  min-height: 64px;
  max-height: 64px;
  border-radius: 6px;
}
.modal-usage-pick-a-view__nav-select-button:hover {
  background-color: #ffffff;
  cursor: pointer;
}

.modal-usage-pick-a-view__nav-select-button__label {
  margin-left: 0.5rem;
  font-size: 16px;
  color: #1a1a1a;
  text-align: left;
}
@media (max-width: 635px) {
  .modal-usage-pick-a-view__nav-select-button__label {
    font-size: 14px;
  }
}

/* bill-pay.scss */
/* my-account.scss */
:root {
  /* @link https://utopia.fyi/clamp/calculator?a=1000,1200,195—260 */
  --fluid-195-260: clamp(195px, -130px + 32.5vi, 260px);
  /* @link https://utopia.fyi/clamp/calculator?a=1000,1200,16—40 */
  --fluid-16-40-at-1000: clamp(1rem, -6.5rem + 12vi, 2.5rem);
  /* @link https://utopia.fyi/clamp/calculator?a=600,1140,20—24 */
  --fluid-20-24: clamp(1.25rem, 0.9722rem + 0.7407vi, 1.5rem);
  /* @link https://utopia.fyi/clamp/calculator?a=600,1140,14—18 */
  --fluid-14-18: clamp(0.875rem, 0.5972rem + 0.7407vi, 1.125rem);
  /* @link https://utopia.fyi/clamp/calculator?a=600,1140,16—18 */
  --fluid-16-18: clamp(1rem, 0.8611rem + 0.3704vi, 1.125rem);
  /* @link https://utopia.fyi/clamp/calculator?a=1000,1200,16—32 */
  --fluid-16-32: clamp(1rem, -4rem + 8vi, 2rem);
  /* @link https://utopia.fyi/clamp/calculator?a=600,1140,18—20 */
  --fluid-18-20: clamp(1.125rem, 0.9861rem + 0.3704vi, 1.25rem);
  --fluid-24-40: clamp(1.5rem, 0.8243rem + 2.1622vi, 2.5rem);
  --fluid--16-32: clamp(-1rem, -16rem + 24vi, 2rem);
  /* @link https://utopia.fyi/clamp/calculator?a=500,1100,0—40 */
  --fluid-0-40: clamp(0rem, -2.0833rem + 6.6667vw, 2.5rem);
  /* @link https://utopia.fyi/clamp/calculator?a=500,1100,8—40 */
  --fluid-8-40: clamp(0.5rem, -1.1667rem + 5.3333vw, 2.5rem);
  /* @link https://utopia.fyi/clamp/calculator?a=600,1000,14—16 */
  --fluid-14-16: clamp(0.875rem, 0.6875rem + 0.5vw, 1rem);
  /* @link https://utopia.fyi/clamp/calculator?a=500,1100,16—24 */
  --fluid-16-24: clamp(1rem, 0.5833rem + 1.3333vw, 1.5rem);
  --my-account-sidebar-desktop-width: var(--fluid-195-260);
  --my-account-gutter-size: var(--fluid-16-40-at-1000);
  --my-account-title-font-size: var(--fluid-24-40);
  --my-account-dashboard-max-width: 1000px;
  --my-account-dashboard-background-color: #ffffff;
  --my-account-content-max-width: 2000px;
  --my-account-card-spacing: var(--fluid-16-32);
}

.my-account__main,
.user-profile__main {
  min-height: calc(100vh - 345px);
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
}

.gds-loading-full {
  position: relative;
}
.gds-loading-full::after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.my-account__container {
  display: flex;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: calc(100vh - 80px);
  margin: 0;
  align-items: stretch;
}
@media (max-width: 931px) {
  .my-account__container {
    flex-direction: column;
  }
}

.flow__account-box, .eicproduct__account-box, .bill-pay__account-box {
  width: 100%;
  padding: 2rem;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.flow__account-box.flow__method-box--active, .flow__method-box--active.eicproduct__account-box, .flow__method-box--active.bill-pay__account-box {
  outline: 0;
  border: 2px solid #00704a;
}
.flow__account-box.flow__method-box--disabled, .flow__method-box--disabled.eicproduct__account-box, .flow__method-box--disabled.bill-pay__account-box {
  outline: 0;
  opacity: 0.5;
  background-color: #d8d8d8;
  cursor: default;
}
.flow__account-box:focus, .eicproduct__account-box:focus, .bill-pay__account-box:focus {
  border-color: #1a1a1a;
  box-shadow: inset 0 0 0 1px #1a1a1a;
}

/* my account login page */
.my-account__login-page-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 720px) {
  .my-account__login-page-wrap {
    background: url(/wp-content/themes/gmptwentynineteen/assets/images/login-background.jpg) center center no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.my-account__login-page-wrap.top {
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .my-account__login-page-wrap.account-creation {
    background-position: center -250px;
  }
}
@media (min-width: 1600px) {
  .my-account__login-page-wrap.account-creation {
    background-position: center -500px;
  }
}

.my-account__not-authorized-page-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #f7f5f1;
}
.my-account__not-authorized-page-wrap a.green-arrow-link--right {
  padding-right: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") no-repeat center right;
  background-size: 35px 35px;
}

.my-account__not-authorized-image {
  width: 146px;
  height: 123px;
  margin: 0 auto 2rem;
}
.my-account__not-authorized-image img {
  width: 100%;
  height: auto;
}

.my-account__login-form-wrap {
  width: 100%;
  max-width: 500px;
  padding: 2rem;
  margin: 7.6% auto;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .my-account__login-form-wrap {
    padding: 4rem;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  }
}
.my-account__login-form-wrap.account-creation {
  max-width: 500px;
  margin-bottom: 4%;
}
.my-account__login-form-wrap.enrollment {
  max-width: 654px;
}

.my-account__login-form-wrap__guest-login-toggle-container .link-appearance {
  color: #00704a;
  text-decoration: underline;
}
.my-account__login-form-wrap__guest-login-toggle-container .link-appearance:hover {
  cursor: pointer;
}

.my-account__sidebar-plus-account-panel {
  background-color: #f7f5f1;
}
.my-account__sidebar-plus-account-panel .my-account__sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 931px) {
  .my-account__sidebar-plus-account-panel .my-account__sidebar__nav {
    display: none;
  }
}
@media (min-width: 932px) {
  .my-account__sidebar-plus-account-panel {
    display: block;
    flex-basis: var(--my-account-sidebar-desktop-width);
    padding: 3rem 1.5rem 2rem;
    flex-shrink: 0;
  }
}
.my-account__sidebar-plus-account-panel .account-profile-button {
  margin-bottom: 2rem;
  font-size: 1rem;
}
@media (max-width: 931px) {
  .my-account__sidebar-plus-account-panel .account-profile-button {
    --this-height: 40px;
    --this-gap: 0.5rem;
    display: block;
    z-index: 1;
    margin: 1rem;
    max-width: 50vw;
    font-size: 0.875rem;
  }
  .my-account__sidebar-plus-account-panel .account-profile-button .account-profile-button__inner {
    width: 100%;
    display: flex;
  }
  .my-account__sidebar-plus-account-panel .account-profile-button .account-switcher__nickname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.account-switcher__nickname {
  max-height: 2.4em;
  overflow: hidden;
  word-break: break-word;
}

.create-password__icon {
  fill: #6f7383;
}

.create-password__requirements {
  padding: 1rem 0.5rem;
  line-height: 1;
}

.create-password__requirements-single {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 800;
}

.my-account__sidebar__nav--mobile {
  width: 100%;
  padding: 1rem;
  background-color: #f7f5f1;
}
@media (min-width: 932px) {
  .my-account__sidebar__nav--mobile {
    display: none;
  }
}

.my-account__mobile-floating-title {
  font-size: 20px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
}
@media (min-width: 520px) {
  .my-account__mobile-floating-title {
    font-size: 24px;
  }
}

.my-account__sidebar__trigger--mobile {
  z-index: 1;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 800;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  border: none;
  color: #1a1a1a;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  margin-right: 1rem;
  flex-shrink: 0;
}
@media (min-width: 932px) {
  .my-account__sidebar__trigger--mobile {
    display: none;
  }
}

.my-account__mobile-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-account__sidebar__nav--mobile-inner-wrap {
  position: absolute;
  top: 4rem;
  right: 1rem;
  padding: 2rem 2rem 0 1rem;
  background-color: #ffffff;
  z-index: 2;
  border: 1px solid #d8d8d8;
}
@media (min-width: 932px) {
  .my-account__sidebar__nav--mobile-inner-wrap {
    display: none;
  }
}
.my-account__sidebar__nav--mobile-inner-wrap .my-account__sidebar__nav {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding-bottom: 2rem;
}

a.my-account__sidebar__nav-item {
  display: inline-flex;
  padding-left: 0.5rem;
  color: #6f7383;
  text-decoration: none;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}
a.my-account__sidebar__nav-item:hover, a.my-account__sidebar__nav-item:focus {
  color: #1a1a1a;
}
a.my-account__sidebar__nav-item.active {
  color: #1a1a1a;
}
@media (min-width: 932px) {
  a.my-account__sidebar__nav-item.active {
    border-left: 2px solid #49b06b;
  }
}

.arrow-after-link {
  --this-size: 32px;
  padding-right: var(--this-size);
  position: relative;
  display: inline-block;
}
.arrow-after-link:after {
  content: " ";
  display: inline-flex;
  position: absolute;
  width: var(--this-size);
  height: var(--this-size);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: var(--this-size);
  background-position: center;
  top: -0.5rem;
  right: 0;
}
.arrow-after-link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}

.my-account__content-area {
  padding: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.subpage-dashboards {
  width: 100%;
  padding: 2rem var(--my-account-gutter-size);
  line-height: 1.33;
  max-inline-size: var(--my-account-content-max-width);
  --max-measure: 90ch;
  background-color: var(--my-account-background-color);
}
.subpage-dashboards p {
  max-inline-size: var(--max-measure);
}

.subpage-dashboard--dashboard {
  --my-account-background-color: #f7f5f1;
  --my-account-content-max-width: 100%;
}
.subpage-dashboard--dashboard .gds-card__image-container {
  min-height: 150px;
}
.subpage-dashboard--dashboard .gds-card__image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.subpage-dashboard--dashboard .my-account__card-section {
  max-width: var(--my-account-dashboard-max-width);
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
  margin-right: -16px;
}
@media (min-width: 932px) {
  .subpage-dashboard--dashboard .my-account__card-section {
    justify-content: flex-start;
  }
}
.subpage-dashboard--dashboard .top-card-display__single-card {
  padding-right: var(--my-account-card-spacing);
  padding-bottom: var(--my-account-card-spacing);
  width: 100%;
}
@media (min-width: 520px) {
  .subpage-dashboard--dashboard .top-card-display__single-card {
    width: 50%;
  }
}
@media (min-width: 720px) {
  .subpage-dashboard--dashboard .top-card-display__single-card {
    width: 33.3%;
  }
}
.subpage-dashboard--dashboard .top-card-display__double-card {
  padding-right: var(--my-account-card-spacing);
  padding-bottom: var(--my-account-card-spacing);
  width: 100%;
}
@media (min-width: 720px) {
  .subpage-dashboard--dashboard .top-card-display__double-card {
    width: 66.6%;
  }
}

.edit-close-button-combo {
  line-height: 1;
}

.my-account__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 500;
  margin-top: 20px;
  font-size: var(--my-account-title-font-size);
}

.subpage-billing-payment--dashboard .my-account__title {
  --fluid-24-60: clamp(1.5rem, -0.1071rem + 5.1429vi, 3.75rem);
  margin-bottom: var(--fluid-24-60);
}

.recent-transactions__header {
  padding-bottom: 1rem;
}

.recent-transactions--item {
  height: 80px;
  border-bottom: 1px solid #d8d8d8;
}
.recent-transactions--item:last-child {
  border: none;
}

.recent-transactions--item-icon {
  flex-basis: 12%;
  width: 32px;
  height: 32px;
  padding-right: 1rem;
}
@media (min-width: 932px) {
  .recent-transactions--item-icon {
    flex-basis: 8%;
  }
}
.recent-transactions--item-icon svg {
  fill: #6f7383;
}

.recent-transactions--item-details {
  flex-grow: 1;
  flex-basis: 50%;
  margin-right: 1rem;
}
@media (min-width: 932px) {
  .recent-transactions--item-details {
    flex-basis: 50%;
  }
}

.recent-transactions--item-date {
  font-size: 16px;
  margin-bottom: 0.25rem;
  font-weight: 800;
}

.recent-transactions--item-type {
  font-size: 16px;
}

.recent-transactions--item-amount {
  text-align: right;
  font-size: 1.5rem;
  color: #1a1a1a;
}

.top-card-display__single-card--latest-bill .gds-card__title {
  word-wrap: break-word;
}

/* cards used on My Account Billing Overview */
.my-account-billing-overview__row > div {
  width: 100%;
  max-width: 388px;
  height: 260px;
  background-color: transparent;
}
@media (min-width: 720px) {
  .my-account-billing-overview__row > div {
    margin-right: 3rem;
  }
}

.my-account-billing-overview__row {
  flex-direction: column;
}
@media (min-width: 720px) {
  .my-account-billing-overview__row {
    flex-direction: row;
  }
}
.my-account-billing-overview__row .top-card-display__single-card {
  margin-bottom: 0;
}
.my-account-billing-overview__row .top-card-display__single-card > div {
  width: 100%;
  background-color: transparent;
}

.usage-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 375px;
}

.card__usage--kw-wrap {
  position: relative;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.card__usage-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}

.card-usage-heading {
  height: 45px;
}

.card__usage-next {
  font-size: 2.5rem;
  font-weight: 200;
}

.card__usage-previous {
  font-size: 2.5rem;
  font-weight: 200;
}

.card__usage-title-text {
  font-size: 1.2rem;
  font-weight: 800;
}

.card__usage-footer-text {
  font-size: 1rem;
  line-height: 0.1;
  font-weight: 800;
}

.card__usage--kw-number {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 1;
}

.card__usage--kw-number-small {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.1rem;
  font-weight: 200;
  line-height: 1.2;
}

.card__usage--kwh {
  padding-left: 0.5rem;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 200;
  color: #6f7383;
}

.card__usage--plug {
  display: block;
  width: 102px;
  padding-top: 0.5rem;
  margin: 0 auto;
}

.card__usage--details {
  text-align: center;
  font-size: 1rem;
}

.card__usage-footer {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}
.card__usage-footer p {
  line-height: 0.3;
  font-size: 1rem;
}

.prior-period-container p {
  line-height: 0.3;
  font-size: 1rem;
}

.card__usage-detail-kwh {
  font-weight: bold;
}

.card-usage-content {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-around;
  height: 300px;
}

.solar-image {
  max-width: 50%;
  height: auto;
}

.plug-image {
  width: auto;
  height: 20%;
}

.arrow-container {
  display: flex;
  justify-content: space-between;
}

.arrow-container-right-justify {
  display: flex;
  justify-content: right;
}

.arrow-container-left-justify {
  display: flex;
  justify-content: left;
}

.house-with-solar-image {
  max-width: 85%;
  height: auto;
}

.arrow-image {
  max-width: 80%;
  height: auto;
  margin-right: 3px;
  margin-left: 3px;
  cursor: pointer;
}

.clock-image {
  max-width: clamp(80px, 45%, 105px);
  height: auto;
}

.clock-image-small {
  max-width: 25%;
  height: auto;
  margin-bottom: 5px;
}

.card--outages-near-you__caption {
  margin-bottom: 0;
}

.card--outages-near-you__number {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.scroll-dot-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}

.scroll-dot {
  position: relative;
  background-color: gray;
  border-radius: 5px;
  font-size: 0;
  margin-left: 20px;
  padding: 5px;
}

.scroll-dot-emphasize {
  position: relative;
  background-color: black;
  border-radius: 5px;
  font-size: 0;
  margin-left: 20px;
  padding: 5px;
}

/* BILLING PREFERENCES */
.my-account__tab-nav {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 3rem;
}

a.my-account__tab-nav-item {
  margin: 0 0.25rem 0 0;
  padding: 0 6px 12px;
  font-size: 0.75rem;
  height: 36px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 600;
  letter-spacing: 0.03rem;
  color: #6f7383;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 932px) {
  a.my-account__tab-nav-item {
    margin: 0 2rem 0 0;
    height: auto;
  }
}
a.my-account__tab-nav-item:hover, a.my-account__tab-nav-item:focus {
  border-color: #00704a;
  color: #1a1a1a;
}
a.my-account__tab-nav-item.router-link-exact-active {
  font-weight: 800;
  border-color: #00704a;
}

.my-account__card-section {
  flex-direction: column;
}
@media (min-width: 520px) {
  .my-account__card-section {
    flex-direction: row;
    justify-content: flex-start;
  }
}
@media (min-width: 932px) {
  .my-account__card-section {
    max-width: 100%;
  }
}
.my-account__card-section .top-card-display__single-card > div,
.my-account__card-section .top-card-display__double-card > div {
  height: 100%;
}
.my-account__card-section .top-banner-card.gds-card {
  max-height: 420px;
  min-height: 360px;
  width: 100%;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 720px) {
  .my-account__card-section .top-banner-card.gds-card {
    height: 420px;
  }
}
.my-account__card-section .top-card-display__single-card--outages-near-you .gds-card,
.my-account__card-section .top-card-display__single-card--account-profile .gds-card {
  background-color: #ffffff;
}
@media (min-width: 720px) {
  .my-account__card-section .top-card-display__single-card--outages-near-you .gds-card .gds-card__contents,
  .my-account__card-section .top-card-display__single-card--account-profile .gds-card .gds-card__contents {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.card__profile-image--edit-icon-wrap a {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  border-radius: 50%;
  color: #3e73dd;
  transition: all 0.3s ease-in-out;
}
.card__profile-image--edit-icon-wrap a:hover, .card__profile-image--edit-icon-wrap a:focus {
  color: #1a1a1a;
}

.card__profile-image--edit-icon {
  width: 70%;
  height: 70%;
}

/* billing overview */
.my-account__overview-double-card-wrap {
  margin-bottom: 2rem;
  flex-wrap: wrap;
  align-items: stretch;
}
.my-account__overview-double-card-wrap .top-banner-card.gds-card {
  max-height: 500px;
}
@media (min-width: 720px) {
  .my-account__overview-double-card-wrap {
    flex-wrap: nowrap;
    margin-right: -16px;
    margin-left: 16px;
  }
}
@media (min-width: 932px) {
  .my-account__overview-double-card-wrap {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .my-account__overview-double-card-wrap {
    justify-content: flex-start;
  }
}
.my-account__overview-double-card-wrap > div {
  width: 100%;
  margin-right: 16px;
  margin-bottom: 16px;
  background-color: transparent;
}
.my-account__overview-double-card-wrap .my-account__blue-card-wrap,
.my-account__overview-double-card-wrap .top-card-display__single-card,
.my-account__overview-double-card-wrap .top-card-display__single-card > div,
.my-account__overview-double-card-wrap .top-card-display__single-card--pay-bill-loggedin,
.my-account__overview-double-card-wrap .top-banner-card.gds-card {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
}

.my-account__blue-card-wrap .top-banner-card {
  background: linear-gradient(236deg, #61b3e3, #1695d6);
}
.my-account__blue-card-wrap .top-banner-card.gds-card.gds-data-card .gds-card__title, .my-account__blue-card-wrap .top-banner-card.gds-card.gds-data-card .gds-card__caption, .my-account__blue-card-wrap .top-banner-card.gds-card.gds-data-card {
  color: #ffffff;
}
.my-account__blue-card-wrap .top-banner-card .bill-pay-login__blue-pending-circle {
  background-color: #ffffff;
}
.my-account__blue-card-wrap .top-banner-card .bill-pay-login__blue-pending-circle .gds-icon {
  fill: #1695d6;
}
.my-account__blue-card-wrap .gds-icon.gds-icon-warning path {
  fill: #ffffff;
}
.my-account__blue-card-wrap .bill-pay-login__green-check-cirlce {
  background-color: #ffffff;
}
.my-account__blue-card-wrap .bill-pay-login__green-check-cirlce .gds-icon {
  fill: #1695d6;
}
.my-account__blue-card-wrap .gds-tag.gds-secondary {
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
@media (min-width: 375px) {
  .my-account__blue-card-wrap .card__data-container--large-text {
    font-size: 3rem;
    font-weight: 200;
  }
}

.gds-icon.gds-icon-warning {
  transform: translateY(3px);
}

.my-account__current-login {
  margin-bottom: 48px;
}

.my-account__section-with-bottom-border {
  margin-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
}

.my-account__sub-section-bottom {
  margin-bottom: 40px;
}

.my-account__budget-billing-text {
  max-width: 800px;
}

.my-account__autopay-wallet-nickname {
  transform: translateY(4px);
}

.my-account__green-check-cirlce {
  position: relative;
  margin-right: 0.5rem;
  width: 18px;
  height: 18px;
  border-radius: 12px;
}

.my-account__grey-minus-cirlce {
  position: relative;
  margin-right: 0.5rem;
  width: 18px;
  height: 18px;
  border-radius: 12px;
}

.my-account__red-close-cirlce {
  position: relative;
  margin-right: 0.5rem;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  background-color: #d70d13;
}

.my-account__white-check-icon {
  fill: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.my-account__green-check-icon {
  fill: #49b06b;
  display: block;
  width: 24px;
  height: 24px;
}

.bullet-point {
  font-size: 1.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.my-account__white-minus-icon {
  fill: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.my-account__white-close-icon {
  width: 24px;
  height: 24px;
  fill: #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.payment-history--header {
  padding-bottom: 0.5rem;
  width: 100%;
  color: #6f7383;
  border-bottom: 1px solid #d8d8d8;
}

.payment-history--item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 64px;
  padding: 0.75rem 0;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.payment-history--item:last-child {
  border: none;
}
@media screen and (max-width: 600px) {
  .payment-history--item {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .payment-history--item .payment-history--item-amount {
    position: absolute;
    top: 0.75rem;
    right: 0;
    font-size: 1.25rem;
  }
  .payment-history--item .gds-icon {
    --gds-icon-size: 24px;
    margin-left: -4px;
  }
}

.payment-history--item-icon {
  color: #6f7383;
  display: flex;
  align-items: center;
  font-weight: 800;
  font-size: 1rem;
}

.payment-history--item-details {
  flex-basis: 5%;
  margin-right: 1rem;
}

.payment-history--item-date {
  flex-basis: 25%;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.payment-history--item-type {
  flex-basis: 25%;
  font-weight: 400;
}

.payment-history--view-bill-wrap {
  flex-basis: 25%;
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
}
.payment-history--view-bill-wrap > .gds-button-text {
  --gds-button-text-color: #00704a;
}

.payment-history--item-amount {
  flex-basis: 20%;
  text-align: right;
  font-size: 1.5rem;
}
.payment-history--header .payment-history--item-amount {
  font-size: 0.875rem;
  font-weight: 800;
}

.payment-history--load-more-wrap {
  padding: 3rem 1rem;
}

.my-account__payment-plan-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  flex-grow: 1;
}

.my-account__payment-plan--status {
  padding: 0 1rem;
}

/* reports */
.my-account-billing-report__row {
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .my-account-billing-report__row {
    flex-wrap: nowrap;
  }
}

.my-account-billing-report__col3 {
  flex-basis: 50%;
}
@media (min-width: 1024px) {
  .my-account-billing-report__col3 {
    flex-basis: 25%;
  }
}

.my-account-billing-report__data-label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 800;
}
.my-account-billing-report__data-label span {
  display: block;
}

.my-account-billing-report__large-data {
  font-size: 2.5rem;
  font-weight: 200;
}

.my-account__billing-report-row {
  flex-wrap: wrap;
}

.my-account-billing-report__filtration-row {
  flex-wrap: wrap;
}

/* preferences */
.my-account__saved-pay-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  border: 1px solid #d8d8d8;
}

.my-account__saved-pay-icon {
  fill: #00704a;
}

.my-account__saved-pay-details {
  flex-basis: 63%;
}

.my-account__saved-pay-details--account {
  color: #6f7383;
}

.my-account__saved-pay-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 460px;
  height: 200px;
}

.my-account__description--limit-width {
  max-width: 700px;
}

.editor__header-wrap {
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media (min-width: 520px) {
  .editor__header-wrap {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }
}

.my-account-billing-report__filtration-date-box {
  width: 240px;
  border: 1px solid #d8d8d8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 520px) {
  .my-account-billing-report__filtration-date-box {
    width: 260px;
  }
}

.my-account-billing-report__filtration-date-icon {
  display: flex;
  padding: 0.75rem;
  border-right: 1px solid #d8d8d8;
  flex-basis: 46px;
}
.my-account-billing-report__filtration-date-icon svg {
  fill: #00704a;
}

.my-account-billing-report__filtration-date-text {
  display: flex;
  padding: 0.75rem;
}

.my-account-billing-report__edit-column-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #00704a;
}
.my-account-billing-report__edit-column-button:hover, .my-account-billing-report__edit-column-button:focus {
  color: #1a1a1a;
}

.my-account-billing-report__detailed-report-wrapper {
  width: 100%;
}
@media (min-width: 520px) {
  .my-account-billing-report__detailed-report-wrapper {
    width: 50%;
  }
}

.my-account-billing-report__custom-report-items {
  flex-basis: 33.333%;
  padding: 0.5rem;
}

.my-account-billing-report__custom-report-error-text {
  text-align: center;
}

.my-account-billing-report__custom-report-button {
  min-width: 100px;
}

.my-account__custom-report-container {
  max-width: 799px;
  height: auto;
  padding: 12px 10px 12px 10px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 520px) {
  .my-account__custom-report-container {
    flex-direction: row;
  }
}

.my-account__custom-report-flex-item {
  padding: 1rem;
}

.my-account__custom-report-button-container {
  display: flex;
  justify-content: space-around;
}

.my-account__custom-report-button {
  padding: 0 1rem 0 1rem;
}

.select-field-green {
  background-color: #00704a;
  border: none;
  color: #ffffff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogDQogICAgPHRpdGxlPmdseXBoL2Fycm93LWRyb3AtZG93bjwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGcgaWQ9ImdseXBoL2Fycm93LWRyb3AtZG93biIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgZmlsbD0iI2ZmZmZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxNi4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTE2LjAwMDAwMCwgLTE2LjAwMDAwMCkgIiBwb2ludHM9IjE2IDEzIDIxIDE5IDExIDE5Ij48L3BvbHlnb24+DQogICAgPC9nPg0KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  background-size: 2em auto;
}

.recurring-payments--no-saved-methods {
  width: 100%;
  max-width: 470px;
  padding: 2rem;
  text-align: center;
  border: 1px solid #d8d8d8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 2px 4px 8px 0 rgba(0, 0, 0, 0.04);
}

.gds-radio input[type=radio] + .bill-pay__method-box .gds-radio__faux::after {
  opacity: 0;
}

.gds-radio input[type=radio]:checked + .bill-pay__method-box .gds-radio__faux::after {
  opacity: 1;
}

.my-account__on-off-spacer-right {
  margin-right: 0.5rem;
}

.my-account__on-off-text {
  line-height: 1.8;
}

/*  NOTIFICATIONS  */
.notificaton__devices-container {
  padding-left: 2.5rem;
}
@media (max-width: 520px) {
  .notificaton__devices-container {
    padding-left: 0rem;
  }
}

.my-account__notifications-intro-button-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 520px) {
  .my-account__notifications-intro-button-wrap {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.notifications__intro {
  margin: 0.75rem 0 1.5rem 0;
  max-width: 35rem;
}
@media (min-width: 900px) {
  .notifications__intro {
    margin: 0.75rem 0 1rem 0;
  }
}

.notifications__app-badges {
  max-height: 3rem;
  width: auto;
}

.notifications__row-item {
  height: auto;
  padding: 2rem 0;
  border-top: 1px solid #d8d8d8;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 720px) {
  .notifications__row-item {
    padding: 1.5rem 0;
  }
}

.my-account__edit-contact-form--icon {
  fill: #6f7383;
  transform: translateY(3px);
}

.notifications__row-item-icon {
  flex-basis: 8%;
  padding: 0 8px 0 0;
}
.notifications__row-item-icon svg {
  fill: #6f7383;
}
@media (min-width: 720px) {
  .notifications__row-item-icon {
    flex-basis: 8%;
    padding: 0 16px;
  }
}

.notifications__row-item--inner-wrap {
  flex-basis: 86%;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .notifications__row-item--inner-wrap {
    flex-basis: 92%;
    flex-wrap: nowrap;
  }
}

.notifications__row-item-account {
  flex-basis: 100%;
  padding-bottom: 1rem;
}
@media (min-width: 720px) {
  .notifications__row-item-account {
    flex-basis: 38%;
    padding-bottom: 0;
  }
}

.notifications__row-item-account--details {
  padding-bottom: 0.3rem;
}

.notifications__row-item-account--unverified {
  padding: 2px 5px;
  border: 1px solid #d8d8d8;
  color: #6f7383;
  font-size: 0.875rem;
  margin-bottom: 0.3rem;
}

.notifications__row-item-notify-types {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .notifications__row-item-notify-types {
    flex-basis: 62%;
  }
}

.notifications__row-item-notify-type--item-label {
  display: block;
  padding-bottom: 0.6rem;
  text-align: center;
  font-size: 0.93rem;
}
@media (max-width: 720px) {
  .notifications__row-item-notify-type--item-label {
    text-align: left;
    height: 19px;
    overflow: hidden;
  }
}

.notifications__row-item-notify-type--fieldset {
  margin: 0;
  padding: 0;
  text-align: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 720px) {
  .notifications__row-item-notify-type--fieldset {
    text-align: left;
  }
}

.gds-fieldset .notifications__checkbox-label {
  margin-bottom: 1rem;
  flex-basis: 33%;
}

.notifications__checkbox__faux::before {
  left: 0;
}

.notifications__not-eligible {
  color: #6f7383;
  font-size: 0.875rem;
}

.notification__terms,
.my-account__full-width-section fieldset.notifications__long-fieldset {
  max-width: 600px;
}

.notifications__checkbox-label-with-link.gds-checkbox__label {
  display: inline;
  max-width: 600px;
  font-weight: 800;
}

.gds-button.gds-text-button .my-account__notifications--text-button.gds-button__text,
.gds-button.gds-text-button .gds-button__text.gds-button__text-m {
  font-size: 1rem;
}

.verify-contact__intro-image {
  width: 200px;
  height: 165px;
  margin: 0 auto 2rem;
}
.verify-contact__intro-image img {
  width: 100%;
  height: auto;
}
.verify-contact__intro-image svg {
  width: 146px;
  height: 165px;
}

/* notifications descriptions */
.notification-descriptions__icon {
  width: 80px;
  height: auto;
  margin-right: 1rem;
}
@media (min-width: 720px) {
  .notification-descriptions__icon {
    margin-right: 2rem;
  }
}

.notification-descriptions__texts {
  flex-grow: 1;
}

.my-account__edit-contact-form fieldset,
.my-account__dndisturb-form fieldset {
  padding-left: 0;
}

@media (max-width: 520px) {
  .my-account-dndisturb {
    flex-direction: column;
  }
}

/* account settings */
.my-account-settings__manage-button {
  transform: translateY(-2px);
}

.my-account__full-width-section fieldset {
  padding-left: 0;
  padding-right: 0;
  max-width: 374px;
}
.my-account__full-width-section fieldset.profile__edit-password---fieldset {
  min-width: 100%;
}
@media (min-width: 520px) {
  .my-account__full-width-section fieldset.profile__edit-password---fieldset {
    min-width: 374px;
  }
}

.my-account__settings__image-picker-flex {
  flex-wrap: wrap;
}
@media (min-width: 520px) {
  .my-account__settings__image-picker-flex {
    flex-wrap: nowrap;
  }
}

.my-account__settings__image-picker-flex-item {
  margin: 0 1rem 1rem 0;
}

.account-photo-picker {
  position: relative;
  width: 74px;
  min-width: 74px;
  height: 74px;
  margin-right: 0.5rem;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.account-photo-picker.selected::before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 50%;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 3px solid #00704a;
}

.profile__edit-password-row {
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .profile__edit-password-row {
    flex-wrap: nowrap;
  }
}

.profile__edit-password--requirements {
  padding-top: 0;
  flex-basis: 100%;
}
@media (min-width: 520px) {
  .profile__edit-password--requirements {
    flex-basis: auto;
  }
}
@media (min-width: 1024px) {
  .profile__edit-password--requirements {
    padding-top: 2rem;
  }
}

.my-account__section-settings__address-account-wrap {
  flex-wrap: wrap;
}
@media (min-width: 520px) {
  .my-account__section-settings__address-account-wrap {
    flex-wrap: nowrap;
  }
}

.my-account-settings__phone-display {
  width: 100%;
  max-width: 300px;
}

.my-account-settings__phone-type,
.my-account-settings__phone-type--number {
  flex-basis: 50%;
}

.my-account-dndisturb select {
  width: 156px;
}

.my-account__text-between-selects {
  padding: 1rem 1rem 1rem 0;
}

.my-account__dndisturb-submit {
  transition: all 0.3s ease-in-out;
  color: #d70d13;
  border-bottom: 2px solid transparent;
}
.my-account__dndisturb-submit:hover, .my-account__dndisturb-submit:focus {
  color: #1a1a1a;
  border-color: #1a1a1a;
}

.my-account__settings--detail-flex-item {
  flex-basis: 100%;
}
@media (min-width: 900px) {
  .my-account__settings--detail-flex-item {
    flex-basis: 33%;
    flex-grow: 2;
    padding-right: 3%;
  }
  .my-account__settings--detail-flex-item.primary-account {
    flex-basis: 20%;
    flex-grow: 1;
  }
  .my-account__settings--detail-flex-item.primary-account .user-profile__account-status-label {
    white-space: nowrap;
  }
}

.my-account__settings--detail-zip {
  flex-basis: 156px;
}

.my-account__settings--detail-state {
  flex-basis: 102px;
}

.my-account__settings--detail-remove-btn {
  color: #d70d13;
  transition: all 0.3s ease-in-out;
}
.my-account__settings--detail-remove-btn:hover, .my-account__settings--detail-remove-btn:focus {
  color: #1a1a1a;
}
.my-account__settings--detail-remove-btn:active {
  color: #6f7383;
}

.my-account__header-button-pairing {
  max-width: 460px;
}

/* Billing Preferences Modal */
.my-account__modal-box {
  position: relative;
  width: 94%;
  height: 200vh;
  max-width: 542px;
  margin: 5vh auto;
}
@media (min-width: 720px) {
  .my-account__modal-box {
    width: 80%;
  }
}
.my-account__modal-box.no-scroll-modal {
  height: 90vh;
}

.my-account__modal-box--header {
  position: relative;
  width: 100%;
  padding: 2rem 4rem;
  background-color: #f7f5f1;
}

.my-account__modal-box--icon {
  display: block;
  width: 200px;
  height: auto;
  margin: 0 auto;
}

.my-account__modal-box--body {
  padding: 2rem 1rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .my-account__modal-box--body {
    padding: 3rem 4rem;
  }
}

.my-account__modal-box--headline {
  margin: 0 0 1rem;
}

/* USAGE MODAL  and other modal styles closely associated */
.export-data__modal-box {
  position: relative;
  width: 94%;
  height: 110vh;
  max-width: 542px;
  margin: 5vh auto;
}
@media (min-width: 720px) {
  .export-data__modal-box {
    width: 80%;
    height: auto;
  }
}

.export-data__modal-box--header {
  position: relative;
  width: 100%;
  padding: 2rem;
  background-color: #f7f5f1;
}

.delete-user__modal-box--header {
  position: relative;
  width: 100%;
  padding: 3rem 3rem 1rem;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 1rem;
}
@media (min-width: 900px) {
  .delete-user__modal-box--header {
    padding: 4rem 4rem 1rem;
  }
}

.export-data__data-format-selection {
  background-color: #ffffff;
}
.export-data__data-format-selection.export-data__active {
  border-color: #00704a;
}

.export-data__modal-box--icon {
  display: block;
  width: 200px;
  height: auto;
  margin: 0 auto;
}

.export-data__modal-box--body {
  padding: 2rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .export-data__modal-box--body {
    padding: 2rem;
  }
}

.delete-user__modal-box--body {
  padding: 2rem 3rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .delete-user__modal-box--body {
    padding: 2rem 4rem;
  }
}

.export-data__modal-box--headline {
  margin: 0;
}

.export-data__fieldset {
  padding-left: 0;
  padding-right: 0;
}

.export-data__date {
  padding-left: 1rem;
  border: none;
  width: 100%;
}
@media (max-width: 520px) {
  .export-data__date {
    padding-left: 0.33rem;
  }
}

.export-data__filtration-date-box {
  border: 1px solid #d8d8d8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.green-xml-icon {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/green-button-xml-download.png) center center no-repeat;
  background-size: 24px auto;
}

.export-data__xml-green-button-description--icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  margin-right: 0.2rem;
  transform: translateY(5px);
}

/* datepicker for usage export */
@media (max-width: 900px) {
  .export-data__fieldset .vdp-datepicker__calendar {
    position: fixed;
    left: calc((100vw - 300px) / 2);
  }
}

/* NET METERING */
.net-meter-table {
  width: 100%;
  color: #1a1a1a;
}
.net-meter-table tr {
  border-bottom: 1px solid #d8d8d8;
}
.net-meter-table td,
.net-meter-table th {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.net-meter-table .net-meter-table__head {
  font-size: 11px;
  text-align: left;
}
@media (min-width: 720px) {
  .net-meter-table .net-meter-table__head {
    font-size: 14px;
  }
}
.net-meter-table .net-meter-table__body {
  font-size: 13px;
}
@media (min-width: 720px) {
  .net-meter-table .net-meter-table__body {
    font-size: 16px;
  }
}

/* MANAGE ACCOUNT SETTINGS */
.widget-account--single-row {
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .widget-account--single-row {
    flex-wrap: nowrap;
  }
}

.widget-account--single-row--left,
.widget-account--single-row--right {
  flex-basis: 100%;
  min-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 720px) {
  .widget-account--single-row--left,
  .widget-account--single-row--right {
    flex-basis: 50%;
    min-width: 50%;
    margin-bottom: 0;
  }
}

.widget-account--single-row--right {
  justify-content: flex-start;
}
@media (min-width: 720px) {
  .widget-account--single-row--right {
    justify-content: flex-end;
  }
}

.my-account__user-settings-intro {
  max-width: 700px;
}

/* Status Panel and Maintenance Warning Styles */
.global-flow-error--inner-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 460px;
  padding: 2rem;
  background-color: #ffffff;
  margin-top: 7%;
  margin-bottom: 10%;
}
@media (min-width: 720px) {
  .global-flow-error--inner-container {
    margin-top: 2%;
  }
}
@media (min-width: 900px) {
  .global-flow-error--inner-container {
    margin-top: 0;
  }
}
.global-flow-error--inner-container.with-report-outage-flow {
  max-width: 580px;
}
.global-flow-error--inner-container.with-report-outage-flow .maintenance-message {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

body.make-payment .global-flow-error--inner-container {
  max-width: 620px;
  margin-top: 1%;
  margin-bottom: 7%;
}
body.make-payment .maintenance-message.maintenance-message--main {
  font-size: 1.5rem;
}

body.account .global-flow-error--outer-container {
  background-color: #f7f5f1;
}
body.account .global-flow-error--inner-container {
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
body.account .usage-page--interior-status-container .global-flow-error--outer-container {
  background-color: #ffffff;
}
body.account .usage-page--interior-status-container .global-flow-error--inner-container {
  box-shadow: none;
  max-width: 382px;
  margin-top: 3%;
}

.payment-status-display {
  line-height: 1.7;
}
.payment-status-display .payment-status-pending {
  font-weight: 800;
}

.scheduled-payments-list {
  max-width: 927px;
}
.subpage-billing-payment--dashboard .scheduled-payments-list {
  max-width: 944px;
}

.maintenance-graphic {
  display: block;
  height: auto;
  width: 117px;
  margin: 2rem auto;
}

.maintenance-message {
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.25px;
  text-align: center;
  color: #1a1a1a;
}

.maintenance-message--phone {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.38;
  text-align: center;
  color: #1a1a1a;
}

.past-due-banner-option-link {
  text-align: right;
  align-self: flex-start;
}

.global-flow-error__button {
  width: 80%;
  max-width: 240px;
}

/* planned outage banner and other banners for my account */
.planned-outage-banner {
  width: 100%;
  max-width: calc(100vw - 2rem);
  padding: 1.5rem;
  margin: 0 1rem 1rem;
  color: #ffffff;
  background-color: #46515d;
}
@media (min-width: 932px) {
  .planned-outage-banner {
    max-width: 97.5%;
    margin: 0 2rem 1rem 0;
  }
}
@media (min-width: 1024px) {
  .planned-outage-banner {
    max-width: 98%;
  }
}
@media (min-width: 1200px) {
  .planned-outage-banner {
    max-width: 95%;
  }
}
@media (min-width: 1338px) {
  .planned-outage-banner {
    max-width: 928px;
  }
}
.planned-outage-banner .planned-outage-banner--message {
  max-width: 66%;
  padding-right: 2rem;
  font-weight: 400;
}
.planned-outage-banner a {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  font-weight: 800;
  text-decoration: none;
}
.planned-outage-banner a:hover, .planned-outage-banner a:focus {
  color: #d8d8d8;
  text-decoration: none;
}

.budget-billing-payarrange-warning-message {
  color: #d70d13;
  font-weight: 500;
}

.device-notifications__row-item-account--details {
  padding-left: 0.5rem;
}

.device-notifications__row-item-account--item-icon {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.quick-ghost__search-input {
  transform: translateX(-1rem);
  margin-top: 1rem;
  position: relative;
}

.quick-ghost-input-field {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%236f7383' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 1.65em auto;
  transform: translateX(-1rem);
  padding-right: 2.5rem;
  margin-top: 1rem;
  z-index: 999;
  position: relative;
  right: 2rem;
  cursor: pointer;
}
@media (max-width: 720px) {
  .quick-ghost-input-field {
    width: 95%;
  }
}

.custom-report-table {
  margin: 0 auto;
  padding: 2rem;
}

.report-items-flex-container {
  display: flex;
  align-items: baseline;
  flex-direction: column;
}

.account-billingStats-loading {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  min-height: 60%;
  position: absolute;
  top: 0;
  z-index: 999;
}

a.usage-detail__nav-item {
  flex-shrink: 0;
  margin: 0;
  min-width: 70px;
  padding: 0 6px 12px;
  font-size: 1rem;
  height: auto;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #6f7383;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  transition: box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}
a.usage-detail__nav-item .green-svg {
  display: none;
}
a.usage-detail__nav-item:hover, a.usage-detail__nav-item:focus {
  color: #1a1a1a;
  box-shadow: inset 0 -10px 1px -7px #00704a;
}
a.usage-detail__nav-item:focus {
  outline: 2px solid #1a1a1a;
}
a.usage-detail__nav-item.router-link-active {
  box-shadow: inset 0 -10px 1px -7px #00704a;
}
a.usage-detail__nav-item.router-link-active .non-green-svg {
  display: none;
}
a.usage-detail__nav-item.router-link-active .green-svg {
  display: block;
}
a.usage-detail__nav-item.router-link-active .usage-detail__nav-item__text {
  font-weight: 800;
  color: #00704a;
}

.usage-detail__router-link-container {
  display: flex;
  align-items: center;
  gap: var(--fluid-8-40);
  flex-shrink: 0;
}
.usage-detail__router-link-container:before, .usage-detail__router-link-container:after {
  content: "";
  display: block;
  flex-grow: 1;
  min-width: 1rem;
  flex-shrink: 0;
}
.usage-detail__router-link-container:after {
  min-width: 2rem;
}

.usage-detail__usage-detail-nav-back-button {
  position: absolute;
  left: 24px;
  top: 16px;
  height: 3rem;
}

.usage-detail__nav-container {
  overflow: scroll;
  margin-bottom: var(--fluid-16-32);
  padding-top: 1rem;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.16), 0 -1px 0px 0px rgba(0, 0, 0, 0.08);
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.usage-detail__nav-container::-webkit-scrollbar {
  display: none;
}

.usage-detail__container {
  width: 100%;
  padding: 2rem 0rem;
  background-color: #ffffff;
}

.usage-detail__nav-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.usage-detail__nav-item__text {
  color: #6f7383;
  font-size: var(--fluid-14-16);
}

.highcharts-axis-labels.highcharts-yaxis-labels.usage-graph-y-axis-label span {
  width: 100px !important;
}
.highcharts-axis-labels.highcharts-yaxis-labels.usage-graph-y-axis-label span .value {
  min-width: 100px;
  margin-left: 10px;
  padding: 4px 8px 4px 12px;
  color: #394852;
  background-color: #fff;
  font-style: normal;
  border: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 1px #d8d8d8;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .highcharts-axis-labels.highcharts-yaxis-labels.usage-graph-y-axis-label span .value {
    margin-left: 0px;
    padding: 4px 8px;
    font-size: 12px;
  }
}

.usage-detail__view-options-button {
  margin-left: auto;
  margin-right: 4rem;
}

.usage-detail__interval-frequency {
  display: inline-grid;
  padding-left: 1rem;
  width: 125px;
  align-items: center;
}

.usage-detail__interval-frequency-select {
  display: block;
  background: transparent url(/wp-content/themes/gmptwentynineteen/assets/images/caret-down.png) left center no-repeat;
  background-size: 14px 10px;
  border: none;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.usage-detail__date-controllers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

.usage-detail__date-controllers--date {
  text-align: center;
  min-width: 220px;
}

.usage-detail__usage-graph-key {
  overflow: hidden;
}

.usage-detail__usage-graph-help-text {
  max-width: 800px;
  margin: 0 auto 2rem;
}

.usage-detail__usage-graph-key--list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-left: 3rem;
  margin-right: 3rem;
}

.usage-detail__usage-graph-key--list-item {
  margin: 0 2rem 1rem;
}
.usage-detail__usage-graph-key--list-item::before, .usage-detail__usage-graph-key--list-item::after {
  content: none;
}

.usage-detail__usage-graph-key--color-box {
  width: 13px;
  height: 13px;
  border-radius: 2px;
  margin-right: 8px;
}

.usage-detail__component-container {
  margin: auto;
}

.usage-detail__usage-graph-container {
  position: relative;
}
@media (max-width: 720px) {
  .usage-detail__usage-graph-container {
    padding: 0 0.5rem;
  }
}
.usage-detail__usage-graph-container.dimmed {
  opacity: 0.25;
}

.settings-editor__title {
  font-size: var(--fluid-20-24);
}

#my-account__dashboard .delete-contact-error {
  margin-top: 1rem;
  color: #d70d13;
}

.delete-contact-table-loading {
  height: 50px;
  width: 100px;
}

body.make-payment #top-of-page,
body.stop-service #top-of-page,
body.report-outage #top-of-page,
body.arrange-payment #top-of-page {
  display: none;
}

.make-payment-header {
  position: relative;
  padding: 12px 24px 12px 12px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  .make-payment-header {
    margin-bottom: 5rem;
    padding: 12px 24px 12px 0;
  }
}

.bill-pay-login__main-headline {
  font-size: 2rem;
}
@media (min-width: 720px) {
  .bill-pay-login__main-headline {
    font-size: 1.5rem;
  }
}

.make-payment-header__title {
  margin: 0;
}

.make-payment-header__logo {
  display: none;
}
@media (min-width: 720px) {
  .make-payment-header__logo {
    display: inline-block;
  }
}

.make-payment-header__logo svg {
  width: 89px;
  height: 36px;
  padding-top: 0.5rem;
  margin-right: 1.5rem;
}

.make-payment-container {
  width: 100%;
  max-width: 1074px;
  margin: 0 auto 8rem;
  padding: 0 8px;
}
@media (min-width: 720px) {
  .make-payment-container {
    padding: 0 15px;
  }
}

.make-payment-floating-warning {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background-color: #ffffff;
}

.bill-pay__page-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background-color: #ffffff;
}

.bill-pay__page-loader--svg {
  height: 43px;
  width: auto;
}

.form-message-box.form-message-box--blue.make-payment-floating-warning__inner-message-box {
  width: 80%;
  max-width: 700px;
  color: #1a1a1a;
  padding: 2rem;
}
@media (min-width: 720px) {
  .form-message-box.form-message-box--blue.make-payment-floating-warning__inner-message-box {
    padding: 4rem;
  }
}

.bill-pay__speedpay-footer-text {
  margin: 4rem 0 2rem 0;
  max-width: 76.47rem;
  color: #6f7383;
  font-size: 0.875rem;
  padding: 1rem 5%;
}

.bill-pay__temp-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 76.47rem;
}

/* Bill Pay Login */
.bill-pay-login__main {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 76.47rem;
}
@media (min-width: 720px) {
  .bill-pay-login__main {
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0 5%;
  }
}
@media (min-width: 1024px) {
  .bill-pay-login__main {
    padding: 0 60px;
  }
}

.bill-pay-login__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .bill-pay-login__nav {
    padding-left: 0;
    padding-right: 0;
    flex-basis: 340px;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media (min-width: 720px) {
  .bill-pay-login__nav__inner-link-wrap {
    width: 100%;
  }
}

.bill-pay-login__nav-item {
  display: block;
  margin-bottom: 2rem;
  color: #6f7383;
  text-decoration: none;
}
.bill-pay-login__nav-item:hover, .bill-pay-login__nav-item:focus {
  color: #1a1a1a;
}
.bill-pay-login__nav-item.active {
  color: #1a1a1a;
  border-left: 2px solid #49b06b;
}

.bill-pay__external-link:hover, .bill-pay__external-link:focus {
  color: #1a1a1a;
}

@media (max-width: 719px) {
  .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button {
    padding: 1.2rem 1.8rem;
    color: #1a1a1a;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    border: solid 2px #d8d8d8;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    margin-bottom: 2rem;
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.125rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
  }
  .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button, .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:link, .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:visited {
    text-decoration: inherit;
    color: inherit;
  }
  .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button.router-link-active {
    color: #ffffff;
    background-color: #00704a;
    border-color: #00704a;
  }
  .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:hover, .bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:active {
    color: #ffffff;
    background-color: rgb(0, 86.5, 57.1517857143);
    border-color: rgb(0, 86.5, 57.1517857143);
  }
}

.bill-pay-login__login-type-container {
  flex-grow: 1;
}
@media (min-width: 720px) {
  .bill-pay-login__login-type-container {
    padding: 0 2rem;
  }
}

.bill-pay-login__login-section,
.bill-pay-login__one-time-section,
.bill-pay-login__account-select {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 2rem;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 720px) {
  .bill-pay-login__login-section,
  .bill-pay-login__one-time-section,
  .bill-pay-login__account-select {
    margin: 0 auto 2rem 2rem;
    float: right;
  }
}
.bill-pay-login__login-section form,
.bill-pay-login__one-time-section form,
.bill-pay-login__account-select form {
  max-width: 374px;
}

.bill-pay-login__form fieldset {
  padding-left: 0;
}

.bill-pay-login__form--radio-label-flex {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.bill-pay-login__form--radio-label-flex .gds-radio__faux {
  flex-basis: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0;
}
.bill-pay-login__form--radio-label-flex .gds-radio__faux::after {
  height: 12px;
  width: 12px;
  top: 25%;
}

.bill-pay-login__radio-label {
  max-width: 240px;
  padding-left: 0.5rem;
  line-height: 1.3;
}
@media (min-width: 520px) {
  .bill-pay-login__radio-label {
    max-width: 350px;
  }
}
.bill-pay-login__radio-label .bill-pay-login__green-check-container {
  margin-top: 0.5rem;
}

.bill-pay-login__green-check-cirlce {
  position: relative;
  margin-right: 0.5rem;
  min-width: 24px;
  min-height: 24px;
  border-radius: 12px;
  background-color: #49b06b;
}

.bill-pay-login__white-check-icon {
  font-size: 25px;
  display: block;
  fill: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bill-pay-login__blue-pending-circle {
  position: relative;
  margin-right: 0.5rem;
  min-width: 24px;
  min-height: 24px;
  border-radius: 12px;
  background-color: #007cbc;
}
.bill-pay-login__blue-pending-circle .gds-icon {
  display: block;
  fill: #ffffff;
  width: 140%;
  height: 140%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bill-pay-login__grey-minus-cirlce {
  position: relative;
  margin-right: 0.5rem;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #d8d8d8;
}

.bill-pay-login__green-check-message {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
}

.bill-pay-section {
  margin-bottom: 1rem;
}

.bill-pay-login__phone-address-section-mobile {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 720px) {
  .bill-pay-login__phone-address-section-mobile {
    display: none;
  }
}

.bill-pay-login__phone-address-section-desktop {
  width: 100%;
  margin: 0 0 2rem;
  padding: 0;
}
@media (max-width: 719px) {
  .bill-pay-login__phone-address-section-desktop {
    display: none;
  }
}

.bill-pay-login__phone-address-inner {
  background-color: #f7f5f1;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 720px) {
  .bill-pay-login__phone-address-inner {
    max-width: 275px;
  }
}

.bill-pay-login__phone-address-wide {
  background-color: #f7f5f1;
  padding: 1.5rem;
  width: 100%;
}

/* slats */
.bill-pay-slat {
  align-items: inherit;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  text-align: left;
  border: none;
  background-color: #ffffff;
}

.bill-pay__flex-container--left {
  justify-content: flex-start;
}

.bill-pay-slat__header {
  align-items: center;
  background: none;
  border: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
  height: 82px;
  background-color: #f7f5f1;
}

.bill-pay-slat__header-edit-button.gds-button {
  padding-top: calc(0.9rem - 8px);
  padding-bottom: calc(0.75rem - 8px);
}
@media (max-width: 520px) {
  .bill-pay-slat__header-edit-button.gds-button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px;
  }
}

.bill-pay-slat__number-with-circle {
  position: relative;
  width: 36px;
  height: 36px;
  border: solid 2px rgba(26, 26, 26, 0.2);
  border-radius: 18px;
  flex: 1 1 36px;
}
.bill-pay-slat__number-with-circle span {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #1a1a1a;
  font-weight: 800;
}

.bill-pay-slat__green-check-circle {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: #00704a;
  flex: 1 1 36px;
}
.bill-pay-slat__green-check-circle svg {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: 800;
}
.bill-pay-slat__green-check-circle svg path {
  fill: #ffffff;
}

.bill-pay-slat__header-left,
.bill-pay-slat__header-right {
  flex: 1 1 50%;
}

.bill-pay-slat__header-right {
  justify-content: flex-end;
}

.bill-pay-slat .gds-slat__title-wrapper {
  flex-basis: calc(100% - 36px);
}

.bill-pay-slat__title {
  padding-bottom: 0;
  padding-left: 0.5rem;
}
@media (max-width: 720px) {
  .bill-pay-slat__title {
    font-size: 1.2rem;
  }
}

@media (max-width: 720px) {
  .bill-pay-slat__header-summary > div {
    font-size: 0.95rem;
  }
}

.bill-pay-slat__lock-icon {
  width: 32px;
  height: 32px;
}
.bill-pay-slat__lock-icon svg {
  width: 100%;
  height: 100%;
  fill: #7d7d7d;
}

.bill-pay-slat__contents {
  padding: 1rem;
}
@media (min-width: 900px) {
  .bill-pay-slat__contents {
    padding: 2rem;
  }
}
@media (min-width: 900px) {
  .bill-pay-slat__contents {
    padding: 4rem;
  }
}
.bill-pay-slat__contents fieldset {
  padding-left: 0;
}

.bill-pay-slat__flex-container {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.bill-pay__amount-flex-container {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.bill-pay__amount-column {
  flex-basis: 100%;
  padding: 0 0 2rem 0;
}
@media (min-width: 900px) {
  .bill-pay__amount-column {
    flex-basis: auto;
    max-width: 25%;
    margin-right: auto;
    padding: 0;
  }
}

.bill-pay__fieldset-wrap {
  width: 100%;
  margin-right: 1rem;
}
@media (min-width: 720px) {
  .bill-pay__fieldset-wrap {
    width: 50.1%;
  }
}
@media (min-width: 1024px) {
  .bill-pay__fieldset-wrap {
    width: 37.5%;
  }
}

.bill-pay-slat__card-number {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .bill-pay-slat__card-number {
    flex-basis: 50.1%;
  }
}
@media (min-width: 1024px) {
  .bill-pay-slat__card-number {
    flex-basis: 37.5%;
  }
}

.bill-pay__fieldset--wide-hint {
  width: 100%;
}
@media (min-width: 720px) {
  .bill-pay__fieldset--wide-hint {
    width: 45%;
  }
  .bill-pay__fieldset--wide-hint input {
    max-width: 200px;
  }
}

.bill-pay-slat__small-flex {
  flex-basis: 142px;
}

.bill-pay-slat__small-input {
  width: 142px;
}

.bill-pay__credit-card-prefix.gds-input-field__prefix.gds-text {
  padding: 0.6rem 0.5rem;
}

.bill-pay__icon {
  width: 32px;
  height: 32px;
  fill: #7d7d7d;
}
.bill-pay__icon path {
  fill: #7d7d7d;
}

#wallet-selector-other {
  padding: 6px;
}

/* transition for blue message boxes in Slat 1, billing & payment, account dashboard */
.slat-message-fade-enter-active,
.slat-message-fade-leave-active {
  opacity: 1;
  max-height: 500px;
  transition: opacity 0.3s ease-in 0.9s, max-height 1s cubic-bezier(0.7, 0.08, 0.37, 0.93);
}

.slat-message-fade-enter, .slat-message-fade-leave-to {
  opacity: 0;
  max-height: 0;
  transition: opacity 0.3s ease-in 0.9s, max-height 1s cubic-bezier(0.7, 0.08, 0.37, 0.93);
}

.bill-pay__method-box {
  width: 100%;
  cursor: pointer;
  max-width: 475px;
  padding: 1rem;
  margin-bottom: 6px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}
.bill-pay__method-box.bill-pay__method-box--active {
  outline: 0;
  border: 2px solid #00704a;
}
.bill-pay__method-box.bill-pay__method-box--disabled {
  outline: 0;
  opacity: 0.5;
  background-color: #d8d8d8;
  cursor: default;
}
.bill-pay__method-box:focus {
  border-color: #1a1a1a;
  box-shadow: inset 0 0 0 1px #1a1a1a;
}
.bill-pay__method-box:focus .bill-pay__icon {
  fill: #1a1a1a;
}
.bill-pay__method-box:focus .bill-pay__icon path {
  fill: #1a1a1a;
}

.bill-pay__method-box--active .bill-pay__method-box {
  outline: 0;
  border: 2px solid #00704a;
}

.bill-pay__faux-radio-input:focus + .bill-pay__method-box {
  outline: 0;
  border: 2px solid #1a1a1a;
}

.bill-pay__faux-radio-input:checked + .bill-pay__method-box {
  outline: 0;
  border: 2px solid #00704a;
}

.bill-pay__method-box-icon {
  margin-right: 1rem;
}

.bill-pay__method-next-btn {
  margin-top: 1.5rem;
}

.bill-pay__existing-payment-description {
  max-width: 410px;
}

.bill-pay__existing-payment-method-box {
  justify-content: flex-start;
}

.bill-pay__existing-payment-method--left {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .bill-pay__existing-payment-method--left {
    flex-basis: 66%;
  }
}

.bill-pay__existing-payment-method--right {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .bill-pay__existing-payment-method--right {
    flex-basis: 33%;
    margin-top: 0;
  }
}

.bill-pay__edit-card-details {
  padding: 0.5rem 0 0 45px;
  font-size: 0.85rem;
}
.bill-pay__edit-card-details a,
.bill-pay__edit-card-details .clickable {
  color: #00704a;
  text-decoration: none;
  cursor: pointer;
}
.bill-pay__edit-card-details a:hover, .bill-pay__edit-card-details a:focus,
.bill-pay__edit-card-details .clickable:hover,
.bill-pay__edit-card-details .clickable:focus {
  color: #6f7383;
}

.bill-pay__paired-button {
  margin: 0 0.5rem 0.5rem 0;
}

.gds-input-field__suffix {
  right: 10px;
}

.bill-pay__edit-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzJweCcgaGVpZ2h0PSczMnB4JyB2aWV3Qm94PScwIDAgMzIgMzInIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHBhdGggZD0nTTE3LDcgTDE3LDkgTDgsOSBMOCwyNSBMMjQsMjUgTDI0LDE2IEwyNiwxNiBMMjYsMjUgQzI2LDI2LjEwNDU2OTUgMjUuMTA0NTY5NSwyNyAyNCwyNyBMOCwyNyBDNi44OTU0MzA1LDI3IDYsMjYuMTA0NTY5NSA2LDI1IEw2LDkgQzYsNy44OTU0MzA1IDYuODk1NDMwNSw3IDgsNyBMMTcsNyBaIE0yMS43NTA2NjI5LDcuMjQyNjQwNjkgTDI1LjI4NjE5NjgsMTAuNzc4MTc0NiBMMTQuOTMxODEyNiwyMS4xMzI1NTg4IEwxMS40Mzc5NDU4LDIxLjY1OTkxNTIgQzExLjE2NDg5NjMsMjEuNzAxMTI4NyAxMC45MTAxMzU3LDIxLjUxMzE4ODUgMTAuODY4OTIyMywyMS4yNDAxMzg5IEMxMC44NjE0NTU1LDIxLjE5MDY3IDEwLjg2MTQ1NTUsMjEuMTQwMzYwNiAxMC44Njg5MjIzLDIxLjA5MDg5MTcgTDExLjM5NjI3ODcsMTcuNTk3MDI0OSBMMjEuNzUwNjYyOSw3LjI0MjY0MDY5IFogTTI3LjA1Mzk2MzgsNC4wNjA2NjAxNyBMMjguNDY4MTc3Myw1LjQ3NDg3MzczIEMyOS4wNTM5NjM4LDYuMDYwNjYwMTcgMjkuMDUzOTYzOCw3LjAxMDQwNzY0IDI4LjQ2ODE3NzMsNy41OTYxOTQwOCBMMjYuNzAwNDEwNCw5LjM2Mzk2MTAzIEwyMy4xNjQ4NzY1LDUuODI4NDI3MTIgTDI0LjkzMjY0MzQsNC4wNjA2NjAxNyBDMjUuNTE4NDI5OSwzLjQ3NDg3MzczIDI2LjQ2ODE3NzMsMy40NzQ4NzM3MyAyNy4wNTM5NjM4LDQuMDYwNjYwMTcgWic+PC9wYXRoPjwvc3ZnPg==) no-repeat;
  background-position: left center;
}

a .bill-pay__edit-icon-inline,
.clickable .bill-pay__edit-icon-inline {
  transform: translateY(9px);
  fill: #00704a;
  transition: all 0.3s ease-in-out;
}

a:hover .bill-pay__edit-icon-inline,
a:focus .bill-pay__edit-icon-inline,
.clickable:hover .bill-pay__edit-icon-inline,
.clickable:focus .bill-pay__edit-icon-inline {
  fill: #6f7383;
}

.bill-pay__credit-card-number-last-four {
  height: 60px;
}

.bill-pay__credit-card-prefix {
  margin-right: 0.5rem;
}

.validation-error {
  margin: 0.5rem 0;
  color: #d70d13;
  font-weight: 500;
}

.form-message-box {
  width: 85%;
  padding: 1.5rem;
  font-size: 1rem;
  color: #d70d13;
  line-height: 1.25;
  border-radius: 2px;
  border: solid 1px #d70d13;
  background-color: #fcf5f4;
}
.form-message-box a {
  color: #d70d13;
}
.form-message-box.form-message-box--blue {
  color: #16439f;
  border: solid 1px rgba(22, 67, 159, 0.25);
  background-color: #ecf6fc;
}
.form-message-box.form-message-box--blue a {
  color: #16439f;
}
.form-message-box.form-message-box--green {
  color: #00704a;
  border: solid 1px #00704a;
  background-color: #edfae9;
}
.form-message-box.form-message-box--green a {
  color: #00704a;
}
.form-message-box.form-message-box--full-width {
  width: 100%;
}

.form-message-box--blue .gds-button.gds-text-button .gds-button__text {
  color: #16439f;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.form-message-box--blue .gds-button.gds-text-button .gds-button__text:hover, .form-message-box--blue .gds-button.gds-text-button .gds-button__text:focus {
  color: #1a1a1a;
}
.form-message-box--blue .gds-button.gds-text-button .gds-button__text:active {
  color: #6f7383;
}

.form-input-hint {
  margin: 1rem 0;
  color: #6f7383;
  font-size: 15px;
  line-height: 1.2;
}
.form-input-hint.form-input-hint--blue {
  color: #16439f;
}

.bill-pay-input-field__select, .usage-export__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
  width: 100%;
  margin-right: 1rem;
}
.bill-pay-input-field__select[disabled=disabled], [disabled=disabled].usage-export__select {
  opacity: 0.9;
  background-image: none;
}

/* Bill Pay Success Page */
.bill-pay-success-fail {
  width: 100%;
  max-width: 500px;
  padding: 4rem 0;
  margin: 4rem auto;
}
.bill-pay-success-fail .form-message-box {
  margin-left: auto;
  margin-right: auto;
}

.bill-pay-success__intro-image {
  width: 146px;
  height: 165px;
  margin: 0 auto 2rem;
}
.bill-pay-success__intro-image img {
  width: 100%;
  height: auto;
}
.bill-pay-success__intro-image svg {
  width: 146px;
  height: 165px;
}

.stop-service-success__intro-image {
  width: 194px;
  height: 102px;
  margin: 0 auto 2rem;
}
.stop-service-success__intro-image img {
  width: 100%;
  height: auto;
}
.stop-service-success__intro-image svg {
  width: 194px;
  height: 102px;
}

.bill-pay-fail__intro-image {
  width: 151px;
  height: 119px;
  margin: 0 auto 2rem;
}
.bill-pay-fail__intro-image svg {
  width: 100%;
  height: auto;
}

.bill-pay-fail__description {
  max-width: 425px;
  margin-left: auto;
  margin-right: auto;
}

.bill-pay-success__receipt {
  width: 100%;
  max-width: 350px;
  padding: 1.5rem 1rem;
  margin: 0.5rem auto 4rem;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/ripped-paper-box@2x.png) center top no-repeat;
  background-size: contain;
}

.bill-pay-success__button {
  min-width: 200px;
}
@media (min-width: 720px) {
  .bill-pay-success__button {
    min-width: 240px;
  }
}

.bill-pay-recurring-enroll__radio-label {
  line-height: 1.3;
}
@media (max-width: 720px) {
  .bill-pay-recurring-enroll__radio-label {
    max-width: 270px;
  }
}

.ssmove__mailing-address-wrap .my-account__section-with-bottom-border {
  border-bottom: none;
}
.ssmove__mailing-address-wrap .gds-fieldset {
  max-width: 370px;
}

.my-account-billing-report__filtration-date-box .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.my-account-billing-report__filtration-date-box .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.my-account-billing-report__filtration-date-box .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #00704a;
}
.my-account-billing-report__filtration-date-box .vdp-datepicker__calendar {
  top: 60px;
  left: 15px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.my-account-billing-report__filtration-date-box .vdp-datepicker__calendar .cell.selected {
  background-color: #00704a;
  color: #ffffff;
}

.ssmove-success__intro-image {
  width: 195px;
  height: auto;
  margin: 0 auto 2rem;
}

/** Pending payments */
.scheduled-payments-list.table-loading {
  height: auto;
}
.scheduled-payments-list.table-loading::after {
  background-color: rgba(255, 255, 255, 0.6);
}

.past-due-wizard-banner .scheduled-payments-list {
  max-width: 100%;
}

@media (max-width: 520px) {
  .usage-export__widget-container {
    flex-direction: column;
    margin-top: 5%;
  }
}

.usage-export__image-container {
  justify-content: flex-start;
  width: 31%;
}
@media (max-width: 520px) {
  .usage-export__image-container {
    margin-bottom: 6%;
  }
}

.usage-export__download-image {
  width: 90px;
  height: 90px;
  margin: 5px;
  padding: 0;
}
@media (max-width: 520px) {
  .usage-export__download-image {
    height: 50px;
    width: 50px;
  }
}

.usage-export__export-title {
  margin-bottom: 40px;
  word-wrap: break-word;
}
@media (max-width: 520px) {
  .usage-export__export-title {
    margin-top: 3%;
    margin-left: 2%;
    margin-bottom: 10%;
  }
}

.usage-export__select {
  display: inline-flex;
  padding: 0.78571rem 1.21429rem 0.78571rem 1.28571rem;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  height: 58px;
  border-radius: 3.57143rem;
  border: 2px solid rgba(32, 32, 32, 0.2);
}

.usage-export__export-container {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 520px) {
  .usage-export__export-container {
    margin-bottom: 5%;
    width: 60%;
  }
}

.usage-export__download-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/wp-content/themes/gmptwentynineteen/assets/images/usage-dashboard/export-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  margin-left: -5px;
}

.usage-export__options-link {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #6f7383;
}
.usage-export__options-link.underline {
  text-decoration: underline;
}

.usage-export__fieldset {
  flex-grow: 1;
  padding-left: 0rem;
  margin-right: 1rem;
}

.usage-export__field-label {
  color: #202020;
  cursor: default;
}

.usage-notification__widget-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  align-items: stretch;
}

.usage-notification__alert-container {
  height: auto;
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  background: #F7F5F1;
  border-radius: 6px;
  align-items: center;
  flex-basis: 150px;
  flex-grow: 1;
  flex-shrink: 0;
}

.usage-notification__alert-image {
  width: 75px;
  height: 75px;
  padding: 0;
  object-fit: contain;
}

.usage-notification__alert-content {
  flex-grow: 1;
  padding-top: 2rem;
}
@media (max-width: 520px) {
  .usage-notification__alert-content {
    padding-top: 1rem;
  }
}
.usage-notification__alert-content .usage-notification__alert-name {
  font-weight: bold;
  font-size: 1.25rem;
}
.usage-notification__alert-content .usage-notification__alert-description {
  font-weight: normal;
  font-size: 1rem;
  padding-top: 1rem;
}
@media (min-width: 519px) {
  .usage-notification__alert-content .usage-notification__alert-description {
    display: block;
  }
}
@media (max-width: 520px) {
  .usage-notification__alert-content .usage-notification__alert-description {
    display: none;
  }
}
.usage-notification__alert-content .usage-notification__alert-description-short {
  font-weight: normal;
  font-size: 1rem;
  padding-top: 1rem;
  display: none;
}
@media (max-width: 520px) {
  .usage-notification__alert-content .usage-notification__alert-description-short {
    display: block;
    margin-bottom: 1rem;
  }
}
@media (min-width: 521px) {
  .usage-notification__alert-content .usage-notification__alert-description-short {
    display: none;
  }
}
.usage-notification__alert-content .usage-notification__alert-indicator {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media (max-width: 520px) {
  .usage-notification__alert-content .usage-notification__alert-indicator {
    position: relative;
    margin: 1rem;
    display: flex;
  }
}

.usage-notification__manage-notifications-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 1rem;
}

.usage-notification__spinner {
  height: 1.5rem;
  padding-top: 5rem;
}

.usage-notification__error-container {
  display: flex;
  justify-items: center;
  justify-content: center;
}

.usage-detail__table-container {
  display: flex;
  flex-direction: column;
  top: 0;
  align-items: stretch;
  overflow: auto;
}
.usage-detail__table-container table {
  min-width: 1100px;
  min-width: clamp(900px, 100vw, 1100px);
  position: relative;
}
.usage-detail__table-container th {
  text-align: left;
}
.usage-detail__table-container tr {
  border-bottom: 1px solid #e6e6e6;
}
.usage-detail__table-container tr > :nth-child(2) {
  padding-left: 1rem;
}
.usage-detail__table-container thead {
  position: -webkit-sticky;
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  font-size: 1rem;
  box-shadow: 0 1px 0 0 #e6e6e6;
}
.usage-detail__table-container thead th {
  vertical-align: bottom;
}
.usage-detail__table-container tbody tr > :first-child,
.usage-detail__table-container thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background: inherit;
  /* adds shadow to the right of the first column */
}
.usage-detail__table-container tbody tr > :first-child:after,
.usage-detail__table-container thead th:first-child:after {
  content: "";
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  z-index: 4;
}
.usage-detail__table-container thead th:first-child {
  position: sticky;
  z-index: 5;
}
.usage-detail__table-container .grow-basis-20 {
  min-width: clamp(148px, 18vw, 400px);
}
.usage-detail__table-container .expand-toggle {
  cursor: pointer;
}
.usage-detail__table-container .expand-toggle svg {
  transition: transform 0.3s;
}
.usage-detail__table-container .expand-toggle.expanded svg {
  transform: rotate(135deg);
}

.usage-detail__daily-table .hourly-cell {
  border: 1px solid #F2F2F2;
  border-left: 0;
  border-right: 0;
}
.usage-detail__daily-table .hourly-cell > td {
  position: relative;
}
.usage-detail__daily-table .hourly-cell .usage-detail__table-container {
  overflow: hidden;
  max-height: unset;
  height: auto;
}
.usage-detail__daily-table tbody tr:not(.hourly-cell):nth-child(odd) {
  background-color: #F2F2F2;
  border-radius: 6px;
}
.usage-detail__daily-table thead tr,
.usage-detail__daily-table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.usage-detail__daily-table tr > * {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.usage-detail__daily-table tr > *:first-child {
  padding-left: 1rem;
}
.usage-detail__daily-table tr > *:last-child {
  padding-right: 1rem;
}
.usage-detail__daily-table tbody {
  font-size: var(--fluid-16-18);
}
.usage-detail__daily-table tbody .date {
  color: #1a1a1a;
  font-weight: 800;
  text-decoration: underline;
  width: 13ch;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.usage-detail__daily-table tbody .time {
  width: 12ch;
  font-size: var(--fluid-16-18);
}
.usage-detail__daily-table tbody .day-of-week {
  width: clamp(4ch, 10vw, 9ch);
}
.usage-detail__daily-table tbody .day-of-week {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.usage-detail__daily-table .net-use-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  line-height: 20px;
  font-size: 0.875rem;
  font-weight: 800;
  color: #ffffff;
  margin-right: 1rem;
  background-color: green;
}
.usage-detail__daily-table .net-use-circle.negative {
  background-color: gray;
}

.usage-detail__hourly-table thead {
  position: relative;
}

.usage-detail__hourly-table-heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.usage-detail__hourly-table-heading h3 {
  font-size: 20px;
  margin: 0;
}

.usage-detail__weather-image {
  width: 2rem;
  height: 2rem;
}

.usage-detail__data-series {
  font-size: var(--fluid-16-18);
}
.usage-detail__data-series .main-series {
  padding-right: 0.5rem;
}
.usage-detail__data-series .unit {
  color: #6f7383;
}
.usage-detail__data-series .sub-series,
.usage-detail__data-series .notice {
  font-size: 0.875rem;
  display: block;
  margin-bottom: 4px;
}
@media screen and (min-width: 1400px) {
  .usage-detail__data-series .sub-series,
  .usage-detail__data-series .notice {
    display: inline-block;
    max-width: 40ch;
  }
}
.usage-detail__data-series .sub-series > .sub-series {
  margin-bottom: 0;
}
.usage-detail__data-series .notice {
  margin-top: 4px;
}
@media screen and (min-width: 1400px) {
  .usage-detail__data-series .parenthesis-wide:after {
    content: ")";
    color: #6f7383;
  }
  .usage-detail__data-series .parenthesis-wide:before {
    content: "(";
    color: #6f7383;
  }
}

.usage-detail__data-series[data-series=totalEnergyUsed] {
  --series-1-color: #007CBC;
}

.usage-detail__data-series[data-series=consumedTotal] {
  --series-1-color: #FF7A04;
}

.usage-detail__data-series[data-series=generation] {
  --series-1-color: #49B06B;
  --series-2-color: #1d5d32;
}

.usage-detail__data-series[data-series=consumedTOU] {
  --series-2-color: #fcb900;
  --series-1-color: #ff6900;
}

.usage-detail__data-series[data-series=evCharger] {
  --series-2-color: #aca5c9;
  --series-1-color: #31284E;
}

.usage-detail__data-series .table-bar {
  display: flex;
  align-items: stretch;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  min-width: 4px;
  gap: 1px;
}
.usage-detail__data-series .table-bar .series1 {
  background-color: var(--series-1-color);
  width: 100%;
  border-radius: 2px;
}
.usage-detail__data-series .table-bar .series2 {
  background-color: var(--series-2-color);
  width: 100%;
  border-radius: 2px;
}

.usage-detail__error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.usage-detail__spark-chart-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1rem;
}

.usage-detail-table__hourly {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px #F2F2F2;
}
.usage-detail-table__hourly tr {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.usage-detail__hourly-table-footer-buttons {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.widget-daily-consumption__spinner {
  padding-top: 18rem;
}

.usage-detail__measured-value {
  color: #1a1a1a;
}

.widget-daily-consumption__data-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

.widget-daily-consumption {
  --table-padding-left: 1.5rem;
  --table-padding-right: 1.5rem;
  --table-row-gap-vertical:0.5rem;
  --table-divider-lines: 0 1px 0 0 #e6e6e6;
  --table-row-gap: 1rem;
}
.widget-daily-consumption .table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--table-row-gap);
  padding-left: var(--table-padding-left);
  padding-right: var(--table-padding-right);
  padding-bottom: var(--table-row-gap-vertical);
  padding-top: var(--table-row-gap-vertical);
  box-shadow: var(--table-divider-lines);
  min-height: 2.5rem;
}
.widget-daily-consumption .heading-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 4rem;
  gap: var(--table-row-gap);
  padding-top: 1rem;
  padding-bottom: var(--table-row-gap-vertical);
  padding-left: var(--table-padding-left);
  padding-right: var(--table-padding-right);
  box-shadow: var(--table-divider-lines);
}
.widget-daily-consumption .header-cell {
  color: #6f7383;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1;
}
.widget-daily-consumption .grow-basis-20 {
  flex-grow: 1;
  flex-basis: 20%;
}
.widget-daily-consumption .grow-basis-20 > * {
  width: 100%;
}
.widget-daily-consumption .grow-basis-10 {
  flex-grow: 1;
  flex-basis: 10%;
}
.widget-daily-consumption .grow-basis-10 > * {
  width: 100%;
}
.widget-daily-consumption .static-size-s {
  flex-basis: 2.5rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.widget-daily-consumption .static-size-m {
  flex-basis: 5rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.widget-daily-consumption .cell {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.widget-daily-consumption .cell.usage-detail__data-series {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.widget-daily-consumption .cell.usage-detail__data-series .sub-series {
  display: none;
}
.widget-daily-consumption .date {
  flex-direction: column;
  align-items: flex-start;
}
.widget-daily-consumption .date :first-child {
  font-weight: 600;
}
.widget-daily-consumption .date :last-child {
  color: #000;
}
.widget-daily-consumption .cell.conditions {
  gap: 0.5rem;
  font-weight: 400;
  color: #6f7383;
}
.widget-daily-consumption .cell .unit {
  color: #6f7383;
}

.usage-detail-mobile__top-nav-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  min-height: 42px;
  max-height: 42px;
  border-radius: 42px;
}
.usage-detail-mobile__top-nav-button:hover {
  background-color: #ffffff;
  cursor: pointer;
}

.usage-detail-mobile__top-nav-button__label {
  font-size: 16px;
  color: #1a1a1a;
}

.usage-detail-mobile__down-caret {
  margin: 0 4px;
  position: relative;
  height: 0;
  width: 0;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-top: solid 7px #6f7383;
}

.usage-detail__mobile-nav-container {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.16), 0 -1px 0px 0px rgba(0, 0, 0, 0.08);
}

.usage-detail__mobile-nav-container__left-column__back-arrow-wrapper {
  color: #1a1a1a;
  text-decoration: none;
}
.usage-detail__mobile-nav-container__left-column__back-arrow-wrapper .gds-icon {
  vertical-align: middle;
}

.usage-detail__date-navigation-mobile {
  margin-left: 1rem;
  margin-right: 1rem;
}

.usage-detail-mobile__modal-nav-select__header {
  margin-bottom: -1px;
  padding: 1.5rem 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.usage-detail-mobile__modal-nav-select__title {
  font-size: 20px;
  color: #1a1a1a;
}

.usage-detail-mobile__modal-nav-select__body {
  padding: 0 0 15px 0;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .usage-detail-mobile__modal-nav-select__body {
    padding: 3rem 4rem;
  }
}

.my-account__modal-box.my-account__modal-box--usage-detail {
  width: 95%;
  max-width: 700px;
}

.usage-detail-mobile__modal-nav-select__body__button-options {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.usage-detail-mobile__modal-nav-select-button__label {
  margin-left: 0.5rem;
  font-size: 16px;
  color: #1a1a1a;
}

.usage-detail-mobile__modal-nav-select-button__back-to-dashboard-link {
  display: block;
  margin: 1rem 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #00704a;
  text-decoration: underline;
}
.usage-detail-mobile__modal-nav-select-button__back-to-dashboard-link:hover {
  cursor: pointer;
}

.usage-detail-mobile__modal__body {
  padding: 24px 0 0 0;
  background-color: #ffffff;
}
.usage-detail-mobile__modal__body .usage-detail__datepicker .vdp-datepicker .vdp-datepicker__calendar {
  width: 100%;
  padding: 33px 39px 59px;
  border: none;
}
.usage-detail-mobile__modal__body .radio-label-flex {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 70px;
  padding: 21px;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
}
.usage-detail-mobile__modal__body .radio-label-flex.selected {
  border: 2px solid #00704a;
}
.usage-detail-mobile__modal__body .radio-label-flex .radio-label {
  position: relative;
  top: 3px;
  padding-left: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.usage-detail-mobile__modal__body .radio-label-flex .gds-radio__faux {
  flex-basis: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0;
}
.usage-detail-mobile__modal__body .radio-label-flex .gds-radio__faux::after {
  height: 12px;
  width: 12px;
  top: 25%;
}

.date-navigation__button-mobile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 1rem;
  background-color: #ffffff;
}
.date-navigation__button-mobile.add-background {
  background-color: rgba(111, 115, 131, 0.15);
}
.date-navigation__button-mobile.disabled {
  background-color: #ffffff;
}
.date-navigation__button-mobile.disabled .date-navigation__button-mobile__label {
  color: #d8d8d8;
}
.date-navigation__button-mobile.disabled .usage-detail-mobile__down-caret {
  border-top: #d8d8d8;
}

.date-navigation__button-mobile__label {
  font-weight: 600;
  font-size: 1rem;
  color: #6f7383;
}

.usage-detail__date-navigation-item-mobile__view-options {
  width: 130px;
  cursor: pointer;
}

usage-detail__date-navigation-item {
  margin-right: 0.5rem;
}

.usage-detail__date-navigation-item-mobile__view-options__caret {
  position: relative;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  height: 0;
  width: 0;
  left: 5px;
}
.usage-detail__date-navigation-item-mobile__view-options__caret.caret-down {
  top: 12px;
  border-top: solid 6px #6f7383;
}
.usage-detail__date-navigation-item-mobile__view-options__caret.caret-up {
  border-bottom: solid 6px #6f7383;
  bottom: 14px;
}

.usage-detail__date-navigation__comparison-container-mobile .comparison-sub-header {
  margin-bottom: 7px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21.5px;
  color: #6f7383;
}
.usage-detail__date-navigation__comparison-container-mobile .comparison-details {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.5px;
  color: #1a1a1a;
}

.usage-detail__date-navigation-mobile__selected-date-container__selected-date {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #1a1a1a;
}

.usage-detail__date-navigation-mobile__selected-date-container__selected-date-sub-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #6f7383;
}

.usage-detail__date-navigation-mobile__controls-container__wrapper {
  margin-bottom: 2rem;
}

.usage-detail__date-navigation-mobile__controls-container__row {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.usage-detail__date-navigation-mobile__controls-container__row.usage-detail__primary-controls {
  justify-content: space-between;
}

/* page styles */
.disconnect-banner {
  position: relative;
  min-width: 100%;
  flex-direction: row;
  background-color: #ffffff;
  padding: 1rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.08);
}

.disconnect-banner--icon {
  min-width: 32px;
  flex-basis: 32px;
  height: 32px;
}

.page-header {
  position: relative;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 900px) {
  .page-header {
    min-height: 204px;
    padding-bottom: 80px;
    flex-direction: row;
  }
  .page-header.page-header--menu {
    justify-content: left;
    text-align: left;
  }
}

.page-header .entry-title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 3.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  flex-grow: 1;
}
.gmp-color-mode--dark .page-header .entry-title {
  color: #ffffff;
}

.page-header-title {
  width: 100%;
}

.page-header--callout-text .entry-title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
}

.page-header--subtext .page-header-title {
  flex-direction: column;
}
.page-header--subtext .page-header-title__subtext {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-weight: 400;
  margin: 0;
  min-height: 4em;
  padding-bottom: 2rem;
}

.gmp-content-overlap .gmp-backdrop {
  margin-bottom: -2rem;
}
.gmp-content-overlap .entry-content {
  padding-top: 0;
  background-color: transparent;
}

@media (min-width: 900px) {
  .page-header--menu .page-header-title {
    margin-right: 16rem;
  }
}

.page-header__menu {
  display: block;
  text-align: left;
}
@media (max-width: 900px) {
  .page-header__menu {
    width: 100%;
    padding: 0 6rem;
  }
}
@media (max-width: 720px) {
  .page-header__menu {
    padding: 0;
  }
}
.page-header__menu a {
  font-weight: 700;
  padding-right: 4rem;
}
.gmp-color-mode--dark .page-header__menu a {
  color: #ffffff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") no-repeat center right;
  background-size: 35px 35px;
}
.gmp-color-mode--dark .page-header__menu .menu-accessory__title {
  color: #ffffff;
}
@media (max-width: 900px) {
  .page-header__menu .menu-accessory {
    max-width: none;
  }
}

.page-header.page-header--image {
  justify-content: left;
  text-align: left;
  align-items: flex-start;
}
.page-header.page-header--image .page-header-title {
  width: 100%;
}
@media (min-width: 900px) {
  .page-header.page-header--image .page-header-title {
    width: 50%;
    padding-right: 8rem;
  }
}
.page-header.page-header--image .page-header-image-accessory {
  width: 100%;
}
@media (min-width: 900px) {
  .page-header.page-header--image .page-header-image-accessory {
    width: 529px;
    position: absolute;
    width: 50%;
    padding-left: 8rem;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 1024px) {
  .page-header.page-header--image .page-header-image-accessory {
    margin-bottom: -3rem;
  }
}
.page-header.page-header--image .page-header-image-accessory__frame {
  transform: translateY(2rem);
}
.page-header.page-header--image .page-header-image-accessory__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.page-header .back-to-archive,
.entry-header .back-to-archive {
  display: none;
}
@media (min-width: 80.47rem) {
  .page-header .back-to-archive,
  .entry-header .back-to-archive {
    display: flex;
  }
}
.page-header .back-to-archive a,
.page-header .back-to-archive a:link,
.entry-header .back-to-archive a,
.entry-header .back-to-archive a:link {
  color: #1a1a1a;
  text-decoration: none;
}
.page-header .back-to-archive a::before,
.page-header .back-to-archive a:link::before,
.entry-header .back-to-archive a::before,
.entry-header .back-to-archive a:link::before {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  height: 32px;
  width: 32px;
}

.entry-content {
  max-width: 76.47rem;
  background-color: #ffffff;
  margin: 2rem 1rem;
  padding: 2rem 0;
}
@media (min-width: 720px) {
  .entry-content {
    margin: 0 2rem 0 2rem;
    padding: 4rem 8rem;
  }
}
@media (min-width: 80.47rem) {
  .entry-content {
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-column .entry-content {
  margin: 0 !important;
}

.alignwide {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .alignwide {
    margin-left: -4rem;
    margin-right: -4rem;
  }
}

.alignfull {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .alignfull {
    margin-left: -10rem;
    margin-right: -10rem;
  }
}
.wp-block-column .alignfull {
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .alignwide .wp-block-column > h1,
  .alignwide .wp-block-column > h2,
  .alignwide .wp-block-column > h3,
  .alignwide .wp-block-column > h4,
  .alignwide .wp-block-column > p,
  .alignwide .wp-block-column > .block-link,
  .alignwide .wp-block-column > .block-linked-slat,
  .alignwide .wp-block-column > .block-expanding-slat,
  .alignfull .wp-block-column > h1,
  .alignfull .wp-block-column > h2,
  .alignfull .wp-block-column > h3,
  .alignfull .wp-block-column > h4,
  .alignfull .wp-block-column > p,
  .alignfull .wp-block-column > .block-link,
  .alignfull .wp-block-column > .block-linked-slat,
  .alignfull .wp-block-column > .block-expanding-slat {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

@media (min-width: 720px) {
  body.home .entry-content {
    margin: 0 2rem;
  }
}
@media (min-width: 900px) {
  body.home .entry-content {
    padding-top: 50px;
  }
}
@media (min-width: 80.47rem) {
  body.home .entry-content {
    margin-left: auto;
    margin-right: auto;
  }
}

.section-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  width: 100vw;
  display: flex;
  flex-direction: column;
  margin-right: -1rem;
  margin-left: -1rem;
  background-color: #ffffff;
}
@media (min-width: 520px) {
  .section-navigation {
    position: absolute;
    bottom: -2rem;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.section-navigation-item {
  flex-grow: 1;
  border-right: none;
  border-bottom: 1px solid #d8d8d8;
}
@media (min-width: 520px) {
  .section-navigation-item {
    margin: 0.5rem;
    border-right: 1px solid #d8d8d8;
    border-bottom: none;
  }
}
.section-navigation-item:last-child {
  border-right: none;
  border-bottom: none;
}
.section-navigation-item a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-decoration: none;
  color: #6f7383;
  display: flex;
  width: 100%;
  height: 4rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.section-navigation-item a:hover {
  color: #00704a;
}

.single-post .entry-header,
.single-help_article .entry-header {
  background-color: #f7f5f1;
}
.single-post .entry-title,
.single-post .entry-header .back-to-archive,
.single-post .post-header__post-meta,
.single-post .post-header__post-info,
.single-post .post .entry-content,
.single-post .post-related-articles,
.single-post .post-entry-feature,
.single-help_article .entry-title,
.single-help_article .entry-header .back-to-archive,
.single-help_article .post-header__post-meta,
.single-help_article .post-header__post-info,
.single-help_article .post .entry-content,
.single-help_article .post-related-articles,
.single-help_article .post-entry-feature {
  max-width: 76.47rem;
  margin: 2rem 1rem;
  padding: 0;
}
@media (min-width: 720px) {
  .single-post .entry-title,
  .single-post .entry-header .back-to-archive,
  .single-post .post-header__post-meta,
  .single-post .post-header__post-info,
  .single-post .post .entry-content,
  .single-post .post-related-articles,
  .single-post .post-entry-feature,
  .single-help_article .entry-title,
  .single-help_article .entry-header .back-to-archive,
  .single-help_article .post-header__post-meta,
  .single-help_article .post-header__post-info,
  .single-help_article .post .entry-content,
  .single-help_article .post-related-articles,
  .single-help_article .post-entry-feature {
    padding: 0 4rem;
  }
}
@media (min-width: 80.47rem) {
  .single-post .entry-title,
  .single-post .entry-header .back-to-archive,
  .single-post .post-header__post-meta,
  .single-post .post-header__post-info,
  .single-post .post .entry-content,
  .single-post .post-related-articles,
  .single-post .post-entry-feature,
  .single-help_article .entry-title,
  .single-help_article .entry-header .back-to-archive,
  .single-help_article .post-header__post-meta,
  .single-help_article .post-header__post-info,
  .single-help_article .post .entry-content,
  .single-help_article .post-related-articles,
  .single-help_article .post-entry-feature {
    margin: -4rem auto 0 auto;
    padding: 4rem 8rem;
  }
}
.single-post .post-entry-feature,
.single-help_article .post-entry-feature {
  margin-top: -10rem;
}
.single-post .entry-title,
.single-help_article .entry-title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
}
@media (min-width: 80.47rem) {
  .single-post .back-to-archive,
  .single-post .post-related-articles,
  .single-help_article .back-to-archive,
  .single-help_article .post-related-articles {
    padding: 8rem 0 4rem 0;
  }
}
.single-post .post-header__post-meta,
.single-help_article .post-header__post-meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  display: flex;
  flex-direction: row;
  color: #1a1a1a;
  margin-top: 0;
  padding-top: 2rem;
}
@media (min-width: 80.47rem) {
  .single-post .post-header__post-meta,
  .single-help_article .post-header__post-meta {
    padding-bottom: 1.5rem;
    margin-top: -4rem;
  }
}
.single-post .post-header__post-info,
.single-help_article .post-header__post-info {
  display: flex;
  flex-direction: row;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 80.47rem) {
  .single-post .post-header__post-info,
  .single-help_article .post-header__post-info {
    padding-bottom: 8rem;
  }
}
.single-post .post-header__post-info--entry-author,
.single-help_article .post-header__post-info--entry-author {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  align-self: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 1rem;
  margin: 0;
  margin-right: 0.75rem;
  border-right: 2px solid #49b06b;
}
@media (min-width: 520px) {
  .single-post .post-header__post-info--entry-author,
  .single-help_article .post-header__post-info--entry-author {
    margin: 0.75rem;
  }
}
.single-post .post-entry__featured-image,
.single-help_article .post-entry__featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.single-post .post-entry__featured-image-container,
.single-help_article .post-entry__featured-image-container {
  height: 0;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.single-post .post-entry__caption,
.single-help_article .post-entry__caption {
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .single-post .post-related-articles,
  .single-help_article .post-related-articles {
    padding: 0;
  }
}
@media (max-width: 520px) {
  .single-post .post-related-articles,
  .single-help_article .post-related-articles {
    margin: 0;
  }
}
.single-post .post-related-articles .post-related-articles__articles,
.single-help_article .post-related-articles .post-related-articles__articles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 76.47rem;
  margin: auto;
  justify-content: flex-start;
}
.single-post .post-related-articles__headline,
.single-help_article .post-related-articles__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding: 1rem;
}
.single-post .post-related-articles .article-card,
.single-help_article .post-related-articles .article-card {
  margin: 0 0.25rem 3rem 0.25rem;
  max-width: 281.5px;
  width: 47%;
  height: auto;
}
@media (min-width: 900px) {
  .single-post .post-related-articles .article-card,
  .single-help_article .post-related-articles .article-card {
    margin: 0 0.5rem 8rem 0.5rem;
    width: 23%;
    height: 420px;
  }
}
@media (min-width: 1600px) {
  .single-post .post-related-articles .article-card,
  .single-help_article .post-related-articles .article-card {
    margin: 0 12px 8rem 12px;
  }
}
.single-post .post-related-articles .article-card.no-image-post,
.single-help_article .post-related-articles .article-card.no-image-post {
  padding: 1rem;
}
@media (min-width: 900px) {
  .single-post .post-related-articles .article-card.no-image-post,
  .single-help_article .post-related-articles .article-card.no-image-post {
    padding: 2rem;
  }
}
.single-post .post-related-articles .article-card__headline,
.single-help_article .post-related-articles .article-card__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
}
@media (min-width: 900px) {
  .single-post .post-related-articles .article-card__headline,
  .single-help_article .post-related-articles .article-card__headline {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.5rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
  }
}

body.home .top-title-account-display {
  color: #ffffff;
  min-height: 5.8rem;
}
@media (max-width: 520px) {
  body.home .top-title-account-display {
    padding: 0 1rem;
  }
}
@media (max-width: 520px) {
  body.home .gmp-backdrop .wrap {
    padding: 0;
  }
}

body.home.gmp-user-logged-in .top-title-account-display {
  min-height: 8.74rem;
}
@media (min-width: 720px) {
  body.home.gmp-user-logged-in .top-title-account-display {
    min-height: 9.5rem;
  }
}
@media (min-width: 900px) {
  body.home.gmp-user-logged-in .top-title-account-display {
    min-height: 9.5rem;
  }
}

.welcome-message {
  max-width: 780px;
}
.welcome-message.welcome-message--storm-mode {
  display: none;
}

.welcome-message__headline {
  font-size: 3.2rem;
  overflow-wrap: break-word;
  text-shadow: 0 0 21px rgba(70, 70, 70, 0.52);
}
.gmp-user-logged-in .welcome-message__headline {
  font-size: 2rem;
}
@media (min-width: 720px) {
  .gmp-user-logged-in .welcome-message__headline {
    font-size: 2.5rem;
  }
}
@media (min-width: 900px) {
  .gmp-user-logged-in .welcome-message__headline {
    font-size: 2.8rem;
  }
}
@media (min-width: 1024px) {
  .gmp-user-logged-in .welcome-message__headline {
    font-size: 3.2rem;
  }
}

.welcome-message__subheadline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 2rem;
}

.welcome-message__cta a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-decoration: underline;
  color: #ffffff;
  font-weight: 600;
  margin-top: 0;
}
.welcome-message__cta a:hover, .welcome-message__cta a:focus {
  border-color: transparent;
}
.welcome-message__cta a.gds-button-circle {
  text-decoration: none;
  --gds-button-text-color:#fff;
  --gds-button-border-color: rgba(255, 255, 255, 0.2);
  --gds-button-border-color-hover: rgba(255, 255, 255, 0.5);
}

body.home.gmp-storm-mode .gmp-backdrop {
  background-size: cover;
}

body:not(.gmp-user-logged-in) .top-card-display__single-card--report-issue {
  display: none;
}

body.home.gmp-storm-mode .welcome-message.welcome-message--storm-mode {
  display: block;
  padding-bottom: 1rem;
}
body.home.gmp-storm-mode .welcome-message.welcome-message--clear-day {
  display: none;
}
body.home.gmp-storm-mode:not(.gmp-user-logged-in) .top-card-display__single-card--report-issue {
  display: block;
}
body.home.gmp-storm-mode .top-card-display__single-card--report-issue .top-banner-card.gds-card.top-banner-card--logged-out {
  background-color: #ef6723;
}
body.home.gmp-storm-mode .top-card-display__single-card--report-issue .top-banner-card.gds-card.top-banner-card--logged-out .gds-card__title,
body.home.gmp-storm-mode .top-card-display__single-card--report-issue .top-banner-card.gds-card.top-banner-card--logged-out .gds-card__data-container {
  color: #ffffff;
}
body.home.gmp-storm-mode:not(.gmp-user-logged-in) .top-card-display__single-card--bill-pay-parent {
  order: 4;
  display: none;
}

.top-title-account-display__flex-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .top-title-account-display__flex-container {
    flex-direction: row;
    justify-content: space-between;
    margin: 60px 0 0;
  }
}

.top-title-account-display__welcome {
  order: 2;
  margin-right: auto;
}
@media (min-width: 900px) {
  .top-title-account-display__welcome {
    order: 1;
    margin-right: 0;
  }
}

.top-title-account-display__outages-widget {
  order: 1;
  text-align: right;
  margin-left: auto;
  margin-bottom: 4rem;
}
@media (min-width: 900px) {
  .top-title-account-display__outages-widget {
    order: 2;
    text-align: left;
    margin: 0;
  }
}

.widget-outage-forecast__outer {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .widget-outage-forecast__outer {
    flex-direction: row;
    align-items: flex-start;
  }
}

.widget-outage-forecast__image img {
  width: 43px;
  height: 43px;
}
@media (min-width: 900px) {
  .widget-outage-forecast__image img {
    width: 96px;
    height: 96px;
    transform: translateY(-12px);
    margin-right: 1rem;
  }
}

.widget-outage-forecast__teaser {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 900px) {
  .widget-outage-forecast__teaser {
    display: none;
  }
}

.widget-outage-forecast__text {
  font-size: 1rem;
}
@media (min-width: 900px) {
  .widget-outage-forecast__text {
    font-size: 1.5rem;
  }
}

.top-banner-card.gds-card {
  max-height: 320px;
  min-height: 290px;
  margin: 0;
}
.top-banner-card.gds-card .gds-button {
  --gds-button-top-padding: .75rem;
  --gds-button-min-height: 2.75rem;
  --gds-button-side-padding: .75rem;
  --gds-button-font-size:1rem;
}
.top-banner-card.gds-card a.gds-card__button.gds-button.gds-secondary {
  font-weight: 800;
  line-height: 1.1;
}
.top-banner-card.gds-card .card__data-container--large-text {
  line-height: 1.25;
  word-break: normal;
}

.homepage-cards__container {
  width: 100%;
  max-width: 1630px;
  padding-top: 100px;
  margin: 0 auto;
}
@media (min-width: 520px) {
  .homepage-cards__container {
    padding-top: 200px;
  }
}
@media (min-width: 720px) {
  .homepage-cards__container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 900px) {
  .homepage-cards__container {
    padding-top: 0;
  }
}
.gmp-user-logged-in .homepage-cards__container {
  padding-top: 0;
}
.homepage-cards__container .top-card-display {
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 298px;
  flex-wrap: wrap;
  transform: translateY(2rem);
}
.homepage-cards__container .top-card-display > * {
  flex-grow: 1;
  flex-shrink: 0;
}
@media (min-width: 520px) {
  .homepage-cards__container .top-card-display {
    width: 100%;
  }
}
@media (min-width: 780px) {
  .homepage-cards__container .top-card-display {
    min-height: 336px;
  }
}
@media (min-width: 900px) {
  .homepage-cards__container .top-card-display {
    transform: translateY(3rem);
  }
}
.homepage-cards__container .top-banner-card {
  margin: 0 4px;
}
@media (min-width: 375px) {
  .homepage-cards__container .top-banner-card {
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  }
}
@media (min-width: 900px) {
  .homepage-cards__container .top-banner-card {
    min-height: 320px;
    margin: 0 16px 0 0;
  }
}
.homepage-cards__container .top-card-display__single-card {
  width: 50%;
  min-width: 180px;
  padding-bottom: 8px;
  display: flex;
  align-items: stretch;
}
@media (min-width: 520px) {
  .homepage-cards__container .top-card-display__single-card {
    flex-basis: 190px;
    flex-shrink: 0;
  }
}
@media (min-width: 720px) {
  .homepage-cards__container .top-card-display__single-card {
    width: 33%;
    padding-bottom: 16px;
    flex-basis: 220px;
    flex-grow: 0;
    max-width: 246px;
  }
}
@media (min-width: 900px) {
  .homepage-cards__container .top-card-display__single-card {
    flex-grow: 1;
  }
}
.homepage-cards__container .top-card-display__single-card > div {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.homepage-cards__container .top-card-display__single-card .gds-card,
.homepage-cards__container .top-card-display__single-card .top-card-display__single-card--pay-bill-loggedout,
.homepage-cards__container .top-card-display__single-card .top-card-display__single-card--pay-bill-loggedin {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.top-card-display__single-card--report-issue .gds-card__caption {
  max-height: 86px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.5rem;
  padding-top: 0.25rem;
}
.top-card-display__single-card--report-issue .card__etr-text {
  margin: 0;
}
.top-card-display__single-card--report-issue .gds-card.gds-data-card .gds-card__data-container {
  margin: 0;
}

.homepage__marketing-card .gds-card .gds-card__image-container {
  min-height: 20px;
  flex-basis: 110px;
  flex-grow: 2;
  flex-shrink: 1;
}
@media (max-width: 520px) {
  .homepage__marketing-card .gds-card .gds-card__image-container {
    display: none;
  }
}
.homepage__marketing-card .gds-card .gds-card__image-container + .gds-card__contents {
  padding: 1rem 1.5rem 2rem;
}
.homepage__marketing-card .gds-card .gds-card__contents {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.homepage__marketing-card .gds-card .gds-card__title {
  word-break: break-word;
}
.homepage__marketing-card .gds-card .gds-card__body {
  word-break: break-word;
}
.homepage__marketing-card .gds-card .gds-card__button {
  min-height: 3rem;
  flex-shrink: 0;
}

.home-card__title--small-margin {
  margin: 0 0 1rem;
}

.home-card__content--small-padding {
  padding: 1rem 2rem 2rem;
}

.home-card__body--small-margin {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 1rem;
  line-height: 1.2;
  hyphens: none;
}

.card__data-container--flex-container {
  height: 100%;
}

.card__data-container--large-text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 0.65;
  letter-spacing: -0.5px;
}

.gds-card__data-container--status {
  font-size: 1.8rem;
}

.card__house-icon--outer-outer {
  height: 68px;
  width: 68px;
  padding: 2px;
  border: 2px solid #ffffff;
  border-radius: 34px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  margin-right: 0.7rem;
}

.card__house-icon--outer-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #49b06b;
}
.card__house-icon--outer-inner.power-out {
  border: 2px solid #ef6723;
}
.card__house-icon--outer-inner.power-out svg {
  fill: #ef6723;
}
.card__house-icon--outer-inner.power-off {
  border: 2px solid #7d7d7d;
}

.card__house-icon {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #7d7d7d;
}

.card__house-icon--house {
  fill: #7d7d7d;
}

.card__account-profile--figure {
  margin-top: 1.5rem;
}

.card__profile-image--outer-outer {
  width: 110px;
  height: 110px;
  border-radius: 55px;
  border: 3px solid #d8d8d8;
}

.card__profile-image--outer-inner {
  width: 100%;
  height: 100%;
  border-radius: 54px;
  border: 1px solid #ffffff;
}

.card__account-profile--text-details,
.card--outages-near-you__number,
.card__data-container--large-text {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

body.past-due-wizard #top-of-page {
  display: none;
}

.past-due-wizard-header {
  position: relative;
  padding: 12px 24px 12px 12px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  .past-due-wizard-header {
    margin-bottom: 5rem;
    padding: 12px 24px 12px 0;
  }
}

.past-due-ineligible {
  width: 100%;
  max-width: 611px;
  padding: 4rem 0;
  margin: 4rem auto;
}
.past-due-ineligible .gds-display-2 {
  max-width: 518px;
  margin: 2rem auto;
}

.past-due-wizard__amount-column {
  flex-basis: 100%;
  padding: 0 0 2rem 0;
}
@media (min-width: 900px) {
  .past-due-wizard__amount-column {
    flex-basis: 33%;
    padding: 0 2.5% 1rem 2.5%;
  }
}

.past-due-wizard__expand-icon {
  width: 100%;
  font-size: 0.85rem;
  align-items: center;
}

.past-due-wizard__installation-details-box {
  width: 100%;
  padding: 2rem;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  border-radius: 2px;
}
.past-due-wizard__installation-details-box.rebate__method-box--active {
  outline: 0;
  border: 2px solid #00704a;
}
.past-due-wizard__installation-details-box.rebate__method-box--disabled {
  outline: 0;
  opacity: 0.5;
  background-color: #d8d8d8;
  cursor: default;
}
.past-due-wizard__installation-details-box:focus {
  border-color: #1a1a1a;
  box-shadow: inset 0 0 0 1px #1a1a1a;
}
@media (max-width: 720px) {
  .past-due-wizard__installation-details-box {
    padding: 1rem;
  }
}

.past-due-wizard__installation-details-box-expanded {
  width: 100%;
  padding: 2rem;
  margin-bottom: 3rem;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.past-due-wizard__installation-details-box-expanded.rebate__method-box--active {
  outline: 0;
  border: 2px solid #00704a;
}
.past-due-wizard__installation-details-box-expanded.rebate__method-box--disabled {
  outline: 0;
  opacity: 0.5;
  background-color: #d8d8d8;
  cursor: default;
}
.past-due-wizard__installation-details-box-expanded:focus {
  border-color: #1a1a1a;
  box-shadow: inset 0 0 0 1px #1a1a1a;
}
@media (max-width: 720px) {
  .past-due-wizard__installation-details-box-expanded {
    padding: 1rem;
  }
}

.cursorPointer {
  cursor: pointer;
}

.past-due-wizard-header__logo {
  display: none;
}
@media (min-width: 720px) {
  .past-due-wizard-header__logo {
    display: inline-block;
  }
}

.past-due-wizard-success-fail {
  padding: 4rem 2rem;
}
@media (min-width: 720px) {
  .past-due-wizard-success-fail {
    width: 100%;
    max-width: 500px;
    padding: 4rem 0;
    margin: 4rem auto;
  }
  .past-due-wizard-success-fail .form-message-box {
    margin-left: auto;
    margin-right: auto;
  }
}

.past-due-wizard-header__logo svg {
  width: 89px;
  height: 36px;
  padding-top: 0.5rem;
  margin-right: 1.5rem;
}

#installment-options-button-green {
  color: #00704a;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  #installment-options-button-green {
    margin-left: auto;
  }
  #installment-options-button-green:hover {
    color: #6f7383;
  }
}

@media (max-width: 720px) {
  .slat1Summary-past-due-wizard {
    margin: 0;
  }
}

.past-due-wizard-slat__contents {
  padding: 0;
  padding-top: 1rem;
}
@media (min-width: 720px) {
  .past-due-wizard-slat__contents {
    padding: 2rem;
  }
}
.past-due-wizard-slat__contents fieldset {
  padding-left: 0;
}

#installment-options-button-grey {
  color: #6f7383;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  #installment-options-button-grey {
    margin-left: auto;
  }
}

a .past-due-wizard__edit-icon-inline-green {
  transform: translateY(9px);
  fill: #00704a;
  transition: all 0.3s ease-in-out;
}

a:hover .past-due-wizard__edit-icon-inline {
  fill: #6f7383;
}

.past-due-wizard__flex-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .past-due-wizard__flex-row {
    flex-direction: row;
  }
}

.past-due-wizard__modal-box--body {
  padding: 4rem 2rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .past-due-wizard__modal-box--body {
    padding: 3rem 4rem;
  }
}

.installation-details-list-item {
  width: 100%;
  margin: 21px 93px 0 2px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.25px;
  color: #6f7383;
}
@media (min-width: 720px) {
  .installation-details-list-item {
    width: 131.2%;
  }
}

.intstallation-options__flex-item {
  height: auto;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.25px;
  margin-right: 0;
}
.intstallation-options__flex-item.gds-flex-container--wrap {
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .intstallation-options__flex-item {
    width: 50%;
    margin-right: 0.5rem;
  }
}

#get-current {
  width: 101%;
}
@media (min-width: 720px) {
  #get-current {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .smallWidth {
    width: 85%;
  }
}

@media (max-width: 720px) {
  .agreeCheckBox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.installation-options__radio {
  font-weight: 400;
  margin-bottom: 1rem;
}
@media (max-width: 720px) {
  .installation-options__radio {
    width: 110%;
  }
}

.gds-radio__faux--disabled {
  position: relative;
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: -2px;
}
.gds-radio__faux--disabled::before {
  position: absolute;
  content: " ";
  display: inline-block;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 2px solid #a7a7a7;
  border-radius: 500px;
  left: 0;
}

.radio-button-container {
  margin-top: 1.5rem;
}
.radio-button-container .disabled {
  opacity: 50%;
  margin-bottom: 1rem;
}

.enrollment-details-item {
  margin: 0.25rem 0 0 2.5rem;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: -0.25px;
  color: #6f7383;
}

.past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  margin-right: 5px;
  font-size: 0.875rem;
}
@media (min-width: 720px) {
  .past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button {
    display: block;
    margin-bottom: 1rem;
    padding: 13px;
    font-size: 1.125rem;
    color: #6f7383;
  }
}
.past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button:hover, .past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button:focus {
  color: #ffffff;
}
@media (min-width: 720px) {
  .past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button:hover, .past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button:focus {
    color: #1a1a1a;
  }
}
@media (min-width: 720px) {
  .past-due-wizard-login__nav-item.past-due-wizard-login__nav-item--mobile-button:first-child {
    line-height: inherit;
  }
}

.past-due-wizard-login__nav-item {
  display: block;
  margin-bottom: 2rem;
  color: #6f7383;
  text-decoration: none;
}
.past-due-wizard-login__nav-item:hover, .past-due-wizard-login__nav-item:focus {
  color: #1a1a1a;
}
.past-due-wizard-login__nav-item.active {
  color: #1a1a1a;
  border-left: 2px solid #49b06b;
}

.div-active {
  display: flex;
  align-items: center;
  color: #1a1a1a !important;
}
@media (min-width: 720px) {
  .div-active {
    border-left: 2px solid #49b06b;
    color: #1a1a1a;
  }
}

#terms-conditions-expanded {
  display: none;
}

.max-width-cvv {
  max-width: 125px;
}

.past-due-wizard-input-field__input.gds-input-field__input {
  max-width: 304px;
  padding: 1rem 1rem 1rem 1rem;
}
@media (max-width: 720px) {
  .past-due-wizard-input-field__input.gds-input-field__input {
    max-width: 100%;
  }
}

body.make-payment #top-of-page,
body.stop-service #top-of-page,
body.arrange-payment #top-of-page,
body.electric-vehicle-rebate #top-of-page,
body.electric-vehicle-charger #top-of-page,
body.heat-pump-rebate #top-of-page,
body.ebike-rebate #top-of-page,
body.induction-cooktop-incentive #top-of-page,
body.electric-panel #top-of-page,
body.yard-care-rebate #top-of-page {
  display: none;
}

/* Rebate Login */
.eicproduct-login__main-headline {
  font-size: 2rem;
}
@media (min-width: 720px) {
  .eicproduct-login__main-headline {
    font-size: 1.5rem;
  }
}

.eicproduct-container {
  width: 100%;
  max-width: 1074px;
  margin: auto;
  padding: 4rem 8px;
}
@media (min-width: 720px) {
  .eicproduct-container {
    padding: 2rem 15px;
    margin: 0 auto 2rem;
  }
}

.eicproduct__page-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background-color: #ffffff;
}

.eicproduct__page-loader--svg {
  height: 43px;
  width: auto;
}

.eicproduct-login__main {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 76.47rem;
}
@media (min-width: 720px) {
  .eicproduct-login__main {
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0 5%;
  }
}

.eicproduct-login__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .eicproduct-login__nav {
    padding-left: 0;
    padding-right: 0;
    flex-basis: 340px;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.eicproduct-login__nav-item {
  display: block;
  margin-bottom: 2rem;
  color: #6f7383;
  text-decoration: none;
  cursor: pointer;
}
.eicproduct-login__nav-item:hover, .eicproduct-login__nav-item:focus {
  color: #1a1a1a;
}
.eicproduct-login__nav-item.active {
  color: #1a1a1a;
  border-left: 2px solid #49b06b;
}

@media (max-width: 720px) {
  .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button {
    padding: 1.2rem 1.8rem;
    color: #1a1a1a;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    border: solid 2px #d8d8d8;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
    margin-bottom: 2rem;
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.125rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
  }
  .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button, .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:link, .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:visited {
    text-decoration: inherit;
    color: inherit;
  }
  .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button.router-link-active {
    color: #ffffff;
    background-color: #00704a;
    border-color: #00704a;
  }
  .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:hover, .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:active {
    color: #ffffff;
    background-color: rgb(0, 86.5, 57.1517857143);
    border-color: rgb(0, 86.5, 57.1517857143);
  }
}

.eicproduct-login__login-type-container {
  flex-basis: 100%;
}
@media (min-width: 720px) {
  .eicproduct-login__login-type-container {
    flex-basis: calc(100% - 200px);
    padding: 0 2rem;
  }
}

.eicproduct-login__login-section,
.eicproduct-login__guest-section {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 2rem;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 720px) {
  .eicproduct-login__login-section,
  .eicproduct-login__guest-section {
    margin: 0 auto 2rem 2rem;
  }
}
@media (min-width: 1024px) {
  .eicproduct-login__login-section,
  .eicproduct-login__guest-section {
    margin: 0 auto 2rem 25%;
  }
}
@media (min-width: 1600px) {
  .eicproduct-login__login-section,
  .eicproduct-login__guest-section {
    margin: 0 auto 2rem 30%;
  }
}

.eicproduct-login__form fieldset {
  padding-left: 0;
}

.eicproduct-login__form--radio-label-flex {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.eicproduct-login__form--radio-label-flex .gds-radio__faux {
  flex-basis: 24px;
  height: 24px;
  margin: 0;
}
.eicproduct-login__form--radio-label-flex .gds-radio__faux::after {
  height: 12px;
  width: 12px;
  top: 25%;
}

.eicproduct-section {
  margin-bottom: 1rem;
}

/* slats */
.eicproduct-slat {
  align-items: inherit;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  text-align: left;
  border: none;
  background-color: #ffffff;
}

.accountInformation {
  align-items: flex-start !important;
  margin-right: 7.5%;
}

.eicproduct-slat__header {
  align-items: center;
  background: none;
  border: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
  height: 82px;
  background-color: #f7f5f1;
}

.eicproduct-slat__header-edit-button.gds-button {
  padding-top: calc(0.9rem - 8px);
  padding-bottom: calc(0.75rem - 8px);
}
@media (max-width: 520px) {
  .eicproduct-slat__header-edit-button.gds-button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px;
  }
}

.slat-title {
  height: 27px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  letter-spacing: -0.27px;
}

.slat-title-wrapper {
  margin-bottom: 2rem;
}

#rebate-total {
  margin: 8px 0 0;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.625rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: -0.58px;
}

.total-savings-flex-item {
  margin-left: auto;
}

.eicproduct-slat__header-left,
.eicproduct-slat__header-right {
  flex: 1 1 50%;
}

.eicproduct-slat__header-right {
  justify-content: flex-end;
}

.eicproduct-slat .gds-slat__title-wrapper {
  flex-basis: calc(100% - 36px);
}

.eicproduct-slat__title {
  padding-bottom: 0;
  padding-left: 0.5rem;
}
@media (max-width: 720px) {
  .eicproduct-slat__title {
    font-size: 1.2rem;
  }
}

@media (max-width: 720px) {
  .eicproduct-slat__header-summary > div {
    font-size: 0.95rem;
  }
}

.eicproduct-slat__lock-icon {
  width: 32px;
  height: 32px;
}
.eicproduct-slat__lock-icon svg {
  width: 100%;
  height: 100%;
  fill: #7d7d7d;
}

.eicproduct-slat__contents {
  padding: 1rem;
}
@media (min-width: 900px) {
  .eicproduct-slat__contents {
    padding: 2rem;
  }
}
@media (min-width: 900px) {
  .eicproduct-slat__contents {
    padding: 4rem;
  }
}
.eicproduct-slat__contents fieldset {
  padding-left: 0;
}

.flag {
  position: relative;
  top: 50%;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.eicproduct-row {
  display: flex;
  align-items: center;
  width: 100%;
}

.flex-item-l {
  flex-grow: 3;
  margin-right: 1rem;
  height: 100px;
}

.flex-item-s {
  flex-grow: 1;
  margin-right: 1rem;
  height: 100px;
}

.flex-item-m {
  flex-grow: 2;
  height: 100px;
}

.eicproduct__method-next-btn {
  margin-top: 0.25rem;
}

.choose-account-button {
  color: #00704a;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 720px) {
  .choose-account-button {
    margin-top: 16px;
    margin-bottom: none;
  }
}
.choose-account-button:hover, .choose-account-button:focus {
  color: #6f7383;
}

.gds-input-field__suffix {
  right: 10px;
}

a .eicproduct__edit-icon-inline,
.clickable .eicproduct__edit-icon-inline {
  transform: translateY(9px);
  fill: #00704a;
  transition: all 0.3s ease-in-out;
}

a:hover .eicproduct__edit-icon-inline,
a:focus .eicproduct__edit-icon-inline,
.clickable:hover .eicproduct__edit-icon-inline,
.clickable:focus .eicproduct__edit-icon-inline {
  fill: #6f7383;
}

.eicproduct-validation-error {
  margin: 0.5rem 0 2rem;
  color: #d70d13;
  font-weight: 500;
}

.form-message-box {
  width: 85%;
  padding: 1.5rem;
  font-size: 1rem;
  color: #d70d13;
  line-height: 1.25;
  border-radius: 2px;
  border: solid 1px #d70d13;
  background-color: #fcf5f4;
}
.form-message-box a {
  color: #d70d13;
}
.form-message-box.form-message-box--blue {
  color: #16439f;
  border: solid 1px rgba(22, 67, 159, 0.25);
  background-color: #ecf6fc;
}
.form-message-box.form-message-box--blue a {
  color: #16439f;
}
.form-message-box.form-message-box--green {
  color: #00704a;
  border: solid 1px #00704a;
  background-color: #edfae9;
}
.form-message-box.form-message-box--green a {
  color: #00704a;
}
.form-message-box.form-message-box--full-width {
  width: 100%;
}

.form-message-box--blue .gds-button.gds-text-button .gds-button__text {
  color: #16439f;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.form-message-box--blue .gds-button.gds-text-button .gds-button__text:hover, .form-message-box--blue .gds-button.gds-text-button .gds-button__text:focus {
  color: #1a1a1a;
}
.form-message-box--blue .gds-button.gds-text-button .gds-button__text:active {
  color: #6f7383;
}

.form-input-hint {
  margin: 1rem 0;
  color: #6f7383;
  font-size: 15px;
  line-height: 1.2;
}
.form-input-hint.form-input-hint--blue {
  color: #16439f;
}

.eicproduct-mailing-zip {
  width: 50%;
}
@media (max-width: 720px) {
  .eicproduct-mailing-zip {
    width: 95%;
  }
}

.eicproduct-input-field__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
  color: #1a1a1a;
}
.eicproduct-input-field__select[disabled=disabled] {
  opacity: 0.2;
  background-image: none;
  background-color: #d8d8d8;
}
@media (max-width: 720px) {
  .eicproduct-input-field__select {
    margin-bottom: 0;
  }
}

.eicproduct-input-field__select-s {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
  width: 50% !important;
  max-width: 123px;
}
.eicproduct-input-field__select-s[disabled=disabled] {
  opacity: 0.9;
  background-image: none;
  background-color: #d8d8d8;
}

#ev-charger-header,
#ev-rebate-header,
#yard-care-rebate-header,
#ebike-rebate-header,
#hp-rebate-header,
#induction-cooktop-incentive {
  position: relative;
  padding: 12px 24px 12px 12px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 2rem;
}
@media (min-width: 900px) {
  #ev-charger-header,
  #ev-rebate-header,
  #yard-care-rebate-header,
  #ebike-rebate-header,
  #hp-rebate-header,
  #induction-cooktop-incentive {
    margin-bottom: 5rem;
    padding: 12px 24px 12px 0;
  }
}

.eic-product-header__logo {
  display: none;
}
@media (min-width: 720px) {
  .eic-product-header__logo {
    display: inline-block;
  }
}

.eic-product-header__logo svg {
  width: 89px;
  height: 36px;
  padding-top: 0.5rem;
  margin-right: 1.5rem;
}

.eic-product-header__title {
  margin: 0;
}

@media (max-width: 720px) {
  #ev-eicproduct-header {
    padding: 2rem;
  }
}

.eicproduct-success-fail {
  width: 100%;
  max-width: 500px;
  padding: 4rem 0;
  margin: 4rem auto;
}
.eicproduct-success-fail .form-message-box {
  margin-left: auto;
  margin-right: auto;
}

.eicproduct-success__intro-image {
  width: 146px;
  height: 165px;
  margin: 0 auto 2rem;
}
.eicproduct-success__intro-image img {
  width: 100%;
  height: auto;
}
.eicproduct-success__intro-image svg {
  width: 146px;
  height: 165px;
}

.stop-service-success__intro-image {
  width: 194px;
  height: 102px;
  margin: 0 auto 2rem;
}
.stop-service-success__intro-image img {
  width: 100%;
  height: auto;
}
.stop-service-success__intro-image svg {
  width: 194px;
  height: 102px;
}

.eicproduct-success__button {
  min-width: 200px;
}
@media (min-width: 720px) {
  .eicproduct-success__button {
    min-width: 240px;
  }
}

.eicproduct-done__button {
  min-width: 100px;
  margin-left: 1rem;
}

.ssmove__mailing-address-wrap .my-account__section-with-bottom-border {
  border-bottom: none;
}
.ssmove__mailing-address-wrap .gds-fieldset {
  max-width: 370px;
}

.ssmove-success__intro-image {
  width: 195px;
  height: auto;
  margin: 0 auto 2rem;
}

.upload-container {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  background-color: #f7f5f1;
}

.uploaded-files-card {
  display: flex;
  justify-content: flex-start;
  width: 95.75%;
  height: 60px;
  padding: 15px 13px 14px 9px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

#card-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#submitAsGuest {
  color: #00704a;
  font: "MaisonNeue", "Helvetica", "sans-serif";
  cursor: pointer;
  font-weight: 800;
}

.eicproduct-login__nav__inner-link-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 720px) {
  .eicproduct-login__nav__inner-link-wrap {
    display: block;
    padding-right: 34%;
  }
}
.eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  margin-right: 5px;
  font-size: 0.875rem;
}
@media (min-width: 720px) {
  .eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button {
    display: block;
    margin-bottom: 1rem;
    padding: 13px;
    font-size: 1.125rem;
    color: #6f7383;
  }
}
.eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:hover, .eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:focus {
  color: #ffffff;
}
@media (min-width: 720px) {
  .eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:hover, .eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:focus {
    color: #1a1a1a;
  }
}
@media (min-width: 720px) {
  .eicproduct-login__nav__inner-link-wrap .eicproduct-login__nav-item.eicproduct-login__nav-item--mobile-button:first-child {
    line-height: inherit;
  }
}
.eicproduct-login__nav__inner-link-wrap .div-active {
  display: flex;
  align-items: center;
  color: #1a1a1a !important;
}
@media (min-width: 720px) {
  .eicproduct-login__nav__inner-link-wrap .div-active {
    border-left: 2px solid #49b06b;
    color: #1a1a1a;
  }
}
.eicproduct-login__nav__inner-link-wrap .inline {
  display: inline;
  display: flex;
  flex-basis: 1;
}

.typeAhead-text {
  margin: 1rem 0.5rem 1rem 0.5rem;
}

.item {
  margin-left: auto;
}

.account-info-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
@media (max-width: 720px) {
  .account-info-row {
    height: 12rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.eicproduct__edit-account-details {
  width: 100%;
  font-size: 0.85rem;
  align-items: center;
}
@media (max-width: 720px) {
  .eicproduct__edit-account-details {
    width: 95%;
  }
}

.row-m {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 174%;
}
@media (max-width: 720px) {
  .row-m {
    flex-direction: column;
    width: 114%;
  }
}

.eicproduct-input-field-l__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto;
}
.eicproduct-input-field-l__select[disabled=disabled] {
  opacity: 0.9;
  background-image: none;
  background-color: #d8d8d8;
}

#vin {
  font-family: monospace;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: none;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: none;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: none;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: none;
}

::placeholder {
  /* Recent browsers */
  text-transform: none;
}

#vin::placeholder {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  letter-spacing: normal;
}

.margin-right {
  margin-right: 1rem;
}

.flex-item {
  width: 100%;
}

.successBody {
  text-align: center;
}

.row-s {
  display: flex;
  justify-content: space-between;
  max-width: 545px;
  width: 100%;
}
@media (max-width: 720px) {
  .row-s {
    flex-direction: column;
  }
}

.row {
  display: flex;
  justify-content: space-between;
  max-width: 525px;
  width: 100%;
}
@media (max-width: 720px) {
  .row {
    flex-direction: column;
    height: 13rem;
  }
}

.fileupload-title {
  padding-left: 2rem;
}
@media (max-width: 720px) {
  .fileupload-title {
    margin: 1rem 0 1rem 0;
  }
}

.row-l {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 725px;
}
@media (max-width: 720px) {
  .row-l {
    flex-direction: column;
    justify-content: space-evenly;
  }
}

.savings-offers-column {
  display: flex;
  flex-direction: column;
}
@media (max-width: 720px) {
  .savings-offers-column {
    margin-bottom: 2rem;
  }
}

.eicproduct-input-field__input {
  max-width: 525px;
}

.eicproduct-purchasedate__date-box {
  max-width: 18rem;
  border: 1px solid #d8d8d8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 3rem;
}

.typeahead {
  position: relative;
}

.typeAhead-container {
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  margin: 0 auto;
  height: fit-content;
  max-height: 12rem;
  overflow: scroll;
  padding: 0.5rem;
  border-radius: 2px;
  box-shadow: 0 0.25rem 0.5rem -1px rgba(0, 0, 0, 0.1), 0 1px 2px -2px rgba(0, 0, 0, 0.24);
  border: solid 1px rgba(151, 151, 151, 0.21);
  background-color: #ffffff;
}

.typeAhead-card {
  max-height: 3rem;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--black);
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem 1rem 0.5rem;
  z-index: 99999;
}
.typeAhead-card:hover {
  color: #ffffff;
  background-color: #00704a;
  cursor: pointer;
}

.active-dealership {
  color: #ffffff;
  background-color: #00704a;
}

.slat3-body {
  width: 75%;
  color: #6f7383;
}
@media (max-width: 720px) {
  .slat3-body {
    width: 100%;
  }
}

.gds-flex-container.level2Charger {
  justify-content: space-between;
}
@media (max-width: 720px) {
  .gds-flex-container.level2Charger {
    flex-direction: column;
  }
}

#level2Charger {
  max-height: 15rem;
  margin: 1rem;
}

#eicproduct-slat-3__contents {
  display: flex;
}
@media (max-width: 720px) {
  #eicproduct-slat-3__contents {
    flex-direction: column-reverse;
    position: relative;
  }
}

#eicproduct-slat-3__contents-inner {
  width: 75%;
  padding: 1rem;
}
@media (max-width: 720px) {
  #eicproduct-slat-3__contents-inner {
    padding: none;
    width: 100%;
  }
}

.eicproduct-slat-3__contents {
  padding: 0 0 4rem 4rem;
}
@media (max-width: 720px) {
  .eicproduct-slat-3__contents {
    padding: 1rem;
  }
}

.preownedContainer {
  max-width: 350px;
}

.radioContainer {
  max-width: 20rem;
}

#total-savings-box {
  background: none;
  border: 0;
  margin: 0 auto;
  background-color: #f7f5f1;
  height: fit-content;
  padding: 29px 34px 32px 32px;
}
@media (max-width: 720px) {
  #total-savings-box {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.hideIfDesktop {
  display: none;
}
@media (max-width: 720px) {
  .hideIfDesktop {
    display: block;
  }
}

.hideIfMobile {
  position: sticky;
  top: 4rem;
  right: 4rem;
  height: 100%;
}
@media (max-width: 720px) {
  .hideIfMobile {
    display: none;
  }
}

#total-savings-box-no-state {
  background: none;
  border: 0;
  margin: 0 auto;
  background-color: #f7f5f1;
  height: fit-content;
  padding: 29px 34px 32px 32px;
  max-width: 430px;
}
@media (max-width: 720px) {
  #total-savings-box-no-state {
    width: 100%;
    margin-bottom: 4rem;
  }
}

.eicproduct-breakdown {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  letter-spacing: -0.18px;
}

#chargerCheckbox {
  flex-direction: row;
  align-items: center;
  display: flex;
  font-size: 0.75rem;
}
#chargerCheckbox .gds-checkbox__faux {
  width: 60px;
  height: 24px;
}
@media (max-width: 720px) {
  #chargerCheckbox .gds-checkbox__faux {
    width: 65%;
    max-width: 25px;
    max-height: 25px;
  }
}

.agreement {
  width: 80%;
}
@media (max-width: 720px) {
  .agreement {
    width: 100%;
  }
}

#level2Agreement {
  font-size: 1.125rem;
}
@media (max-width: 720px) {
  #level2Agreement {
    font-size: 1rem;
  }
}

.file-uploader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  padding: 1rem;
}
@media (max-width: 720px) {
  .file-uploader {
    flex-direction: column;
    align-items: flex-start;
    padding: none;
    bottom-margin: 40px;
  }
}

.file-uploaded {
  display: flex;
  flex-direction: row;
}

.uploaded-files-wrap {
  width: 66.666%;
  margin: auto 5%;
  height: auto;
  border-radius: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 720px) {
  .uploaded-files-wrap {
    justify-content: flex-start;
    width: 100%;
    margin: auto;
  }
}

.uploaded-files {
  width: 494px;
  height: 20px;
  margin: 5px 11px 6px 17px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: normal;
  color: #1a1a1a;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 720px) {
  .uploaded-files {
    display: flex;
    flex-direction: column;
    height: 50px;
    margin: 0 auto;
    width: 250px;
  }
}

.eicproduct-slat__number-with-circle, .fileupload__number-with-circle {
  position: relative;
  width: 36px;
  height: 36px;
  border: solid 2px rgba(26, 26, 26, 0.2);
  border-radius: 18px;
}
.eicproduct-slat__number-with-circle span, .fileupload__number-with-circle span {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #1a1a1a;
  font-weight: 800;
}

@media (max-width: 720px) {
  .fileupload__number-with-circle {
    margin: 1rem;
  }
}

.greenBoldText {
  color: #00704a;
  text-decoration: none;
  font-weight: 900;
  font-size: 1.25rem;
}

.accepted-file-types {
  padding: 1rem;
  color: #6f7383;
  font-size: 1rem;
}

.eicproduct-slat__green-check-circle {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: #00704a;
}
.eicproduct-slat__green-check-circle svg {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: 800;
}
.eicproduct-slat__green-check-circle svg path {
  fill: #ffffff;
}

ol {
  counter-reset: list;
}
ol li {
  list-style: none;
  position: relative;
}
ol li::before {
  content: counter(list) ")";
  counter-increment: list;
  left: -40px;
  padding-right: 10px;
  position: absolute;
  text-align: right;
  width: 40px;
}
@media (max-width: 720px) {
  ol {
    margin: 0;
  }
}

.eicproduct-title {
  display: block;
  width: 77%;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  letter-spacing: -0.27px;
}
@media (max-width: 720px) {
  .eicproduct-title {
    display: block;
    width: 100%;
  }
}

.eicproduct-input-field {
  width: 46%;
}
@media (max-width: 720px) {
  .eicproduct-input-field {
    width: 95%;
    height: 100%;
  }
}

.eicproduct-input-field__select-country-us {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkVFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDBoMzV2MjBIMHoiLz48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xIDF2MThoMzNWMXoiLz48cGF0aCBmaWxsPSIjNDM1REIwIiBkPSJNMCAwaDEzdjExSDB6Ii8+PHBhdGggZD0iTTEzIDJoMjJWMEgxM3Yyem0wIDNoMjJWM0gxM3Yyem0wIDNoMjJWNkgxM3Yyem0wIDNoMjJWOUgxM3Yyek0wIDE0aDM1di0ySDB2MnptMCAzaDM1di0ySDB2MnptMCAzaDM1di0ySDB2MnoiIGZpbGw9IiNFRDRDNDkiLz48cGF0aCBkPSJNMS4zIDEuNWEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMSAxYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0yLTZhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTItNmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMi02YS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0yLTZhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bS05LTVhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTItOGEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0yLThhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMi04YS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTItOGEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0yLThhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXptMCAyYS4yLjIgMCAxMTAtLjUuMi4yIDAgMDEwIC41em0wIDJhLjIuMiAwIDExMC0uNS4yLjIgMCAwMTAgLjV6bTAgMmEuMi4yIDAgMTEwLS41LjIuMiAwIDAxMCAuNXoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat, no-repeat;
  background-position: right 0.7em top 50%, left 0.7em top 50%;
  background-size: 0.65em auto, 1.65em auto;
  width: 46%;
  padding-left: 3.5rem !important;
}
.eicproduct-input-field__select-country-us[disabled=disabled] {
  opacity: 0.9;
  background-image: none;
  background-color: #d8d8d8;
}
@media (max-width: 720px) {
  .eicproduct-input-field__select-country-us {
    width: 95%;
  }
}

.eicproduct-input-field__select-country-ca {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1a1a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkVFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDBoMzV2MjBIMHoiLz48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xIDF2MThoMzNWMXoiLz48cGF0aCBmaWxsPSIjRTgyRTJFIiBkPSJNMCAwaDh2MjBIMHpNMjcgMGg4djIwaC04eiIvPjxwYXRoIGQ9Ik0xNy41IDNsLTEgMi41Yy0uMi4yLS40LjItLjYgMGwtMS0uNS44IDMuMmMuMS41LS4zLjUtLjUuM0wxNCA3bC0uMy44cy0uMS4yLS4zLjFMMTIgN2wuMiAyLjJjMCAuNC4xLjUtLjEuNmwtMS4xLjMgMy40IDIuNC4xLjQtLjUgMS4zYzEtLjIgMi0xIDMtMXYuNUwxNyAxNmguN2wuMi0yLjN2LS42YzEgLjEgMiAxIDMgMWwtLjUtMS4yLjEtLjRMMjQgMTBsLTEuMS0uM2MtLjMgMC0uMi0uMi0uMS0uNkwyMyA3bC0xLjQgMWMtLjIgMC0uMy0uMS0uMy0uMkwyMSA3bC0xLjMgMS41Yy0uMi4yLS41LjItLjQtLjNMMjAgNWwtMSAuNWMtLjEuMi0uMy4yLS41IDBsLTEtMi41eiIgZmlsbD0iI0U4MkUyRSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat, no-repeat;
  background-position: right 0.7em top 50%, left 0.7em top 50%;
  background-size: 0.65em auto, 1.65em auto;
  width: 46%;
  padding-left: 3.5rem !important;
}
.eicproduct-input-field__select-country-ca[disabled=disabled] {
  opacity: 0.9;
  background-image: none;
  background-color: #d8d8d8;
}
@media (max-width: 720px) {
  .eicproduct-input-field__select-country-ca {
    width: 95%;
  }
}

.fileSize {
  font-size: 1rem;
  color: #6f7383;
}

.eicproducts__modal-box--body {
  padding: 4rem 2rem;
  background-color: #ffffff;
}
@media (min-width: 900px) {
  .eicproducts__modal-box--body {
    padding: 3rem 4rem;
  }
}

.eicproducts-required-text {
  width: 100%;
  padding-bottom: 20px;
}

.eicproducts-income_share {
  max-width: 34rem;
}

.induction-cooktop-stove-fossil-fuel-replacement-checkbox {
  display: flex;
  align-items: center;
}

.my-account__modal-box--message {
  overflow-wrap: break-word;
}

a.ev-rebate__incentiveLinks::after {
  content: " ";
  display: inline-block;
  width: 32px;
  height: 32px;
  transform: translate(0, 11px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
}

a.ev-rebate__incentiveLinks {
  transform: translateY(-13px);
  display: block;
  padding-left: 0.5rem;
  margin-bottom: 1.5rem;
  color: #00704a;
  text-decoration: none;
}
a.ev-rebate__incentiveLinks:hover, a.ev-rebate__incentiveLinks:focus {
  color: #1a1a1a;
}
a.ev-rebate__incentiveLinks.active {
  color: #1a1a1a;
}

.fileUploader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  padding: 2rem;
}

.regulatory-text1 {
  font-size: 1rem;
}

.regulatory-text2 {
  margin-top: 1rem;
  font-size: 1rem;
}

#dealership {
  position: relative;
}

.my-account__modal-box .close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
}
.my-account__modal-box .close.banner__close {
  position: relative;
  top: 0px;
}
.my-account__modal-box .close.past-due-wizard__close {
  top: 12px;
  right: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 2px solid #d8d8d8;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 720px) {
  .my-account__modal-box .close.past-due-wizard__close {
    width: 48px;
    height: 48px;
  }
}
.my-account__modal-box .close.past-due-wizard__close:hover, .my-account__modal-box .close.past-due-wizard__close:focus {
  border: 2px solid #1a1a1a;
}
.my-account__modal-box .close.bill-pay__close {
  top: 12px;
  right: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 2px solid #d8d8d8;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 720px) {
  .my-account__modal-box .close.bill-pay__close {
    width: 48px;
    height: 48px;
  }
}
.my-account__modal-box .close.bill-pay__close:hover, .my-account__modal-box .close.bill-pay__close:focus {
  border: 2px solid #1a1a1a;
}

.eic-checkbox__faux-width {
  min-width: 24px;
}

/* onboarding, part of My Account */
.onboarding__account-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 1.5rem;
  border: 1px solid #d8d8d8;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.04), inset 0 2px 0 0 #ffffff;
}

.onboarding__account-row--profile-pic {
  background: url("/wp-content/themes/gmptwentynineteen/assets/images/default-account.png") center center/cover no-repeat;
}

.account-creation__button-margin {
  margin-bottom: 12px;
}

.onboarding__password-requirements-fieldset {
  margin-bottom: 0;
  padding-bottom: 0;
}

.enrollment__headline {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 720px) {
  .enrollment__headline {
    max-width: 66%;
  }
}

.enrollment-panel__flex {
  flex-wrap: wrap;
}
@media (min-width: 520px) {
  .enrollment-panel__flex {
    flex-wrap: nowrap;
  }
}

.enrollment-panel__flex--icon {
  flex-basis: 100%;
  min-width: 100%;
}
@media (min-width: 520px) {
  .enrollment-panel__flex--icon {
    flex-basis: 90px;
    min-width: 90px;
    margin: 0 2rem 0 0;
  }
}
.enrollment-panel__flex--icon img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 90px;
  max-width: 90px;
  margin: 0 auto 1.5rem;
}

.enrollment-panel__subheader {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.5;
}

.enrollment--input-field.gds-input-field__input {
  max-width: 278px;
  border-color: #d8d8d8;
}

.onboarding-form .gds-input-field__input {
  border-color: #d8d8d8;
}
.onboarding-form .create-password__requirements-single {
  font-size: 1rem;
  font-weight: 800;
}

.onboarding-form__two-button-wrap {
  gap: 1rem;
}

.enrollment-panel__next-button-wrap {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 520px) {
  .enrollment-panel__next-button-wrap button.gds-button {
    display: inline-block;
    width: 180px;
  }
}

.enrollment__complete-checklist--row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.enrollment__complete-checklist--row .gds-icon {
  margin-right: 7.5px;
  width: 24px;
  height: 24px;
}
.enrollment__complete-checklist--row > div {
  flex-grow: 8;
}

.my-account__login-form-wrap.account-creation.enrollment-complete {
  padding: 0;
}

.enrollment-complete--inner {
  width: 100%;
  padding: 2rem;
}
@media (min-width: 900px) {
  .enrollment-complete--inner {
    padding: 4rem;
  }
}

.enrollment-complete--footer {
  padding: 1.5rem;
  border-top: 1px solid #d8d8d8;
}
.enrollment-complete--footer > div {
  max-width: 350px;
  margin: 0 auto;
}

.page-header__info {
  flex-grow: 1;
}

.gmp-backdrop h1.help-article-overview__title {
  padding: 2rem 0 1rem 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .gmp-backdrop h1.help-article-overview__title {
    padding: 4rem 0 1rem 0;
  }
}

.help-article-overview__description {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
@media (max-width: 520px) {
  .help-article-overview__description {
    padding-bottom: 4rem;
  }
}

.help-center-header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .help-center-header {
    flex-direction: row;
    margin-bottom: unset;
  }
}

.help-center-search {
  width: 100%;
}
@media (min-width: 900px) {
  .help-center-search {
    width: 50%;
  }
}

.help-center-search .gds-search-results {
  margin: 0;
  padding: 0;
}

.help-center-search .gds-site-search__results-header {
  margin-left: 20px;
}

.help-center-search__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2.25rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0143em;
  margin: 2rem 1rem;
}
@media (min-width: 520px) {
  .help-center-search__headline {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 3.5rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    margin: 4rem 1rem;
  }
}

.help-center-search__form {
  position: relative;
  max-width: 500px;
}

.help-center-search__example {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  margin: 1rem;
}

.help-center-categories {
  display: flex;
  margin-top: 3rem;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 520px) {
  .help-center-categories {
    margin-top: 7rem;
  }
}
@media (min-width: 900px) {
  .help-center-categories {
    margin-right: -16rem;
  }
}

.help-center-category {
  height: calc(50vw - 0.5rem);
  width: calc(50vw - 0.5rem);
  padding: 0.5rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
@media (min-width: 520px) {
  .help-center-category {
    height: 202px;
    width: 202px;
    padding: 0;
    margin: 0.5rem;
  }
}

a.help-center-category__title {
  background-color: #00704a;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
@media (min-width: 520px) {
  a.help-center-category__title {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.5rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
    font-weight: 300;
    padding: 1.5rem;
  }
}
a.help-center-category__title::after {
  content: "";
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
  display: block;
  position: absolute;
  bottom: 1rem;
}
@media (min-width: 900px) {
  a.help-center-category__title::after {
    bottom: 1.5rem;
  }
}
.help-center-category:hover a.help-center-category__title::after {
  border: 2px solid #ffffff;
}

.help-center-contact-container {
  margin-right: -1rem;
  margin-left: -1rem;
}
@media (min-width: 900px) {
  .help-center-contact-container {
    width: 50%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 900px) {
  .help-center-contact {
    max-width: 500px;
    margin-left: 1rem;
    float: right;
    width: 100%;
  }
}

.help-center-contact__quote {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  background-color: #202737;
  color: #ffffff;
  position: relative;
  font-weight: 400;
  font-size: 1.34rem;
  padding: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: -3.7rem;
  z-index: 10;
}
.help-center-contact__quote::after {
  border-right: 2rem solid transparent;
  border-top: 2rem solid #202737;
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: 0;
  bottom: -1.5rem;
}
@media (min-width: 520px) {
  .help-center-contact__quote {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

a.help-center-contact__number {
  text-decoration: none;
  color: unset;
  white-space: nowrap;
}

.help-center-contact__image-container {
  height: 0;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-width: 100px;
  padding-top: 61.8%;
  background-color: #1a1a1a;
}
@media (min-width: 900px) {
  .help-center-contact__image-container {
    padding-top: 133.3%;
  }
}

.help-center-contact__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
@media (max-width: 900px) {
  .help-center-contact__image {
    object-position: top;
  }
}

@media (max-width: 720px) {
  .tax-help_article_categories .gmp-backdrop {
    margin-bottom: -5rem;
  }
}
.tax-help_article_categories .page-header {
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 81px;
}
@media (min-width: 900px) {
  .tax-help_article_categories .page-header__menu {
    margin-left: 16rem;
  }
}
.tax-help_article_categories .content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .tax-help_article_categories .content {
    flex-direction: row-reverse;
    padding-top: 2rem;
  }
}
.tax-help_article_categories .help-article-slats {
  flex-grow: 4;
  width: 100%;
}
.tax-help_article_categories .help-article-slats :first-child {
  margin-top: 0;
}
.tax-help_article_categories .help-article-slats h2 {
  margin-top: 6rem;
}
.tax-help_article_categories .help-article-slats .slat__header {
  padding-left: 0;
}
.tax-help_article_categories .help-article-media {
  width: 100%;
  margin-bottom: 4rem;
  margin-left: 0;
}
@media (min-width: 720px) {
  .tax-help_article_categories .help-article-media {
    min-width: 300px;
    margin-left: 4rem;
  }
}
@media (min-width: 80.47rem) {
  .tax-help_article_categories .help-article-media {
    min-width: 420px;
    margin-left: 8rem;
  }
}
.tax-help_article_categories .help-article__image-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.tax-help_article_categories .help-article__image {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
.tax-help_article_categories .footer-back-banner .back-to-archive a {
  margin-bottom: 0;
}

.user-profile__title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  margin-top: 0;
}
@media (min-width: 720px) {
  .user-profile__title {
    font-size: 30px;
  }
}
@media (min-width: 900px) {
  .user-profile__title {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .user-profile__title {
    font-size: 42px;
  }
}

.user-profile__linked-account-row {
  border-bottom: 1px solid #d8d8d8;
}

.user-profile__account-status-label {
  transform: translateY(3px);
}

.blog-headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 3.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  padding: 4rem 0 2rem 0;
}

.blog__filter {
  display: flex;
}

.blog .gmp-backdrop,
.archive.category .gmp-backdrop,
.archive.tag .gmp-backdrop,
.archive.date .gmp-backdrop {
  justify-content: center;
  z-index: -1;
  padding-bottom: 12rem;
  margin-bottom: 2rem;
}
.blog .content,
.archive.category .content,
.archive.tag .content,
.archive.date .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  margin-top: -12rem;
  justify-content: flex-start;
}
.blog .post,
.archive.category .post,
.archive.tag .post,
.archive.date .post {
  height: 100%;
}
.blog .post .entry-content,
.archive.category .post .entry-content,
.archive.tag .post .entry-content,
.archive.date .post .entry-content {
  height: 100%;
  padding: 0;
  background-color: unset;
  margin: 0;
}
.blog .article-card,
.archive.category .article-card,
.archive.tag .article-card,
.archive.date .article-card {
  width: 47%;
  height: 260px;
}
@media (min-width: 520px) {
  .blog .article-card,
  .archive.category .article-card,
  .archive.tag .article-card,
  .archive.date .article-card {
    height: 420px;
    width: 281.5px;
  }
}
.blog .article-card a,
.archive.category .article-card a,
.archive.tag .article-card a,
.archive.date .article-card a {
  text-decoration: none;
}
.blog .article-card__headline,
.archive.category .article-card__headline,
.archive.tag .article-card__headline,
.archive.date .article-card__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
}
.blog .post.has-post-thumbnail,
.blog .blog-featured-post,
.archive.category .post.has-post-thumbnail,
.archive.category .blog-featured-post,
.archive.tag .post.has-post-thumbnail,
.archive.tag .blog-featured-post,
.archive.date .post.has-post-thumbnail,
.archive.date .blog-featured-post {
  padding: 0 0.5rem;
}
@media (min-width: 520px) {
  .blog .gmp-backdrop,
  .archive.category .gmp-backdrop,
  .archive.tag .gmp-backdrop,
  .archive.date .gmp-backdrop {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
  }
  .blog .content,
  .archive.category .content,
  .archive.tag .content,
  .archive.date .content {
    margin-top: -1.5rem;
    max-width: 76.47rem;
  }
  .blog .article-card,
  .archive.category .article-card,
  .archive.tag .article-card,
  .archive.date .article-card {
    height: 420px;
    width: 281.5px;
  }
  .blog .article-card__headline,
  .archive.category .article-card__headline,
  .archive.tag .article-card__headline,
  .archive.date .article-card__headline {
    font-family: "MaisonNeue", "Helvetica", "sans-serif";
    font-size: 1.5rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.0125em;
  }
  .blog .post.has-post-thumbnail,
  .blog .blog-featured-post,
  .archive.category .post.has-post-thumbnail,
  .archive.category .blog-featured-post,
  .archive.tag .post.has-post-thumbnail,
  .archive.tag .blog-featured-post,
  .archive.date .post.has-post-thumbnail,
  .archive.date .blog-featured-post {
    padding: 0;
  }
}

a.article-card,
.blog-featured-post a {
  text-decoration: none;
}

.article-card,
.blog-featured-post {
  margin: 0 0.25rem 3rem 0.25rem;
}
@media (min-width: 520px) {
  .article-card,
  .blog-featured-post {
    margin: 0 12px 8rem 12px;
  }
}

.article-card.no-image-post .entry-content {
  background-color: transparent;
}

.article-card__headline {
  color: #1a1a1a;
}
.no-image-post .article-card__headline {
  color: #ffffff;
}

.article-card__meta,
.blog-featured-post__meta {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #1a1a1a;
  margin-top: 0;
  padding-bottom: 0.5rem;
}
@media (min-width: 520px) {
  .article-card__meta,
  .blog-featured-post__meta {
    padding-bottom: 1rem;
  }
}
.no-image-post .article-card__meta,
.no-image-post .blog-featured-post__meta {
  color: #ffffff;
}

.post-meta-dash {
  padding: 0 0.5rem;
}

.article-card .post-meta-dash,
.article-card .post-meta-date {
  display: none;
}
@media (min-width: 520px) {
  .article-card .post-meta-dash,
  .article-card .post-meta-date {
    display: flex;
  }
}

.article-card__arrow.page-arrow, .footer-back-banner a.article-card__arrow::after {
  margin: 0;
}

.article-card__featured-image,
.blog-featured-post__featured-image {
  width: 100%;
  max-height: 50%;
  object-fit: cover;
}

@media (min-width: 520px) {
  .article-card__featured-image,
  .blog-featured-post__featured-image-container {
    margin-bottom: 2rem;
  }
}

.blog-featured-post {
  width: 587px;
}

.blog-featured-post__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding-bottom: 1rem;
  color: #1a1a1a;
}
@media (min-width: 520px) {
  .blog-featured-post__headline {
    padding-bottom: 1.5rem;
  }
}

.blog-featured-post__content {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: #1a1a1a;
}

.no-image-post {
  color: #ffffff;
  padding: 1rem;
}
@media (min-width: 520px) {
  .no-image-post {
    padding: 2rem;
  }
}
.no-image-post:nth-of-type(2n+1) {
  background-color: #00704a;
}
.no-image-post:nth-of-type(2n+2) {
  background-color: #ef6723;
}
.no-image-post.green {
  background-color: #00704a !important;
}
.no-image-post.orange {
  background-color: #ef6723 !important;
}
.no-image-post .post .entry-content,
.no-image-post .post-related-articles__article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.archive-pagination {
  display: flex;
  flex-direction: row;
  margin-bottom: 4rem;
  justify-content: space-between;
}
.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
  text-decoration: none;
  color: #1a1a1a;
  padding: 1rem 1.5rem;
  border: solid 2px #d8d8d8;
}
@media (min-width: 520px) {
  .archive-pagination .pagination-previous a,
  .archive-pagination .pagination-next a {
    margin: 0 0.75rem;
  }
}
.archive-pagination .pagination-previous a:hover,
.archive-pagination .pagination-next a:hover {
  border-color: #6f7383;
}
.archive-pagination .pagination-previous a::before,
.archive-pagination .pagination-next a::after {
  content: " ";
  background-size: 35px 35px;
  display: inline-block;
  height: 35px;
  width: 35px;
  vertical-align: middle;
}
.archive-pagination .pagination-previous a {
  padding-right: 2rem;
}
.archive-pagination .pagination-previous a::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") center center;
}
.archive-pagination .pagination-next {
  margin-left: auto;
}
.archive-pagination .pagination-next a {
  padding-left: 2rem;
}
.archive-pagination .pagination-next a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E") center center;
}

.footer-back-banner a {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
  height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  color: #1a1a1a;
  font-weight: 500;
  background-color: #00704a;
  color: #ffffff;
}
.footer-back-banner a.block--dark {
  color: #ffffff;
}
@media (min-width: 520px) {
  .footer-back-banner a {
    flex-direction: row-reverse;
  }
}
.footer-back-banner a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M10.814 17h14.913v-2h-14.886l3.936-3.936-1.414-1.414-6.364 6.364 6.364 6.364 1.414-1.414-3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
  content: "";
  margin-top: 1.5rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 520px) {
  .footer-back-banner a::after {
    margin: 0 1.5rem;
  }
}
.footer-back-banner a:hover::after, .footer-back-banner a:focus::after, .footer-back-banner a:active::after {
  background-position: 30% center !important;
  border-color: #ffffff !important;
}

@media (min-width: 80.47rem) {
  body.single .footer-back-banner {
    display: none;
  }
}

body.service-area-map {
  height: 100%;
}
body.service-area-map .site-container {
  position: relative;
  width: 100%;
  height: 100%;
}
body.service-area-map #map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.service-area-map #map-overlay {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  padding: 1rem;
  background-color: #ffffff;
  z-index: 10;
}
@media (min-width: 900px) {
  body.service-area-map #map-overlay {
    max-width: 380px;
    top: 104px;
    left: 24px;
  }
}
body.service-area-map #map-overlay h3 {
  margin: 1rem 0;
}
body.service-area-map #map-overlay p {
  margin-bottom: 1rem;
}
body.service-area-map .site-footer {
  display: none;
}

.outage-center-main {
  width: 100%;
}
.outage-center-main > div {
  position: relative;
}

.outage-header {
  flex-direction: column;
  flex-wrap: wrap;
  padding: 24px;
  color: #ffffff;
  background-image: linear-gradient(171deg, rgba(47, 60, 73, 0.89) 35%, rgba(57, 65, 74, 0.92) 61%);
  background-blend-mode: multiply;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 1120px) {
  .outage-header {
    height: 97px;
    flex-direction: row;
    padding: 21px 24px;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
  }
}

.outage-header__left {
  flex-wrap: wrap;
  width: 100%;
}
@media (min-height: 480px) {
  .outage-header__left {
    align-items: stretch;
  }
}
@media (min-width: 900px) {
  .outage-header__left {
    margin-bottom: 24px;
  }
}
@media (min-width: 1120px) {
  .outage-header__left {
    width: auto;
    margin-bottom: 0;
  }
}

.outage-header__status {
  min-height: 100%;
  align-items: flex-start;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #6f7383;
}
.outage-header__status .gds-font-size-xxl {
  letter-spacing: -0.42px;
}
@media (max-width: 900px) {
  .outage-header__status {
    flex-basis: 100%;
    min-width: 100%;
    margin-bottom: 20px;
    border-width: 0;
  }
}
@media (max-width: 480px) {
  .outage-header__status {
    border-width: 0;
  }
}

.outage-header__data-column {
  padding-right: 24px;
  margin-right: 24px;
  margin-bottom: 20px;
}
.outage-header__data-column .gds-font-size-xxl {
  letter-spacing: -0.42px;
}
@media (max-width: 480px) {
  .outage-header__data-column {
    flex-basis: 49%;
    min-width: 49%;
    padding-right: 0;
    margin-right: 0;
  }
}
@media (min-width: 900px) {
  .outage-header__data-column {
    margin-bottom: 0;
  }
}

@media (min-width: 480px) {
  .outage-header__border-right {
    border-right: 1px solid #6f7383;
  }
}

.outage-header__right {
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1120px) {
  .outage-header__right {
    justify-content: flex-end;
    width: auto;
  }
}

@media (max-width: 720px) {
  .outage-header__login {
    flex-basis: 50%;
  }
  .outage-header__login button.gds-text-button {
    transform: translateY(-1px);
  }
  .outage-header__login button.my-status.gds-button {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0;
  }
}
.outage-header__login .outage-header__login--button-wrap {
  padding-right: 1rem;
}
@media (min-width: 720px) {
  .outage-header__login .outage-header__login--button-wrap {
    padding-right: 2rem;
  }
}

@media (max-width: 520px) {
  .outage-header__login button.my-status.gds-button {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
  }
  .outage-header__login button.my-status.gds-button::after {
    display: none;
  }
}

.gds-button.gds-secondary.outage-header__white-secondary-button,
.gds-button.gds-secondary.outage-header__login-locations-button {
  color: #ffffff;
  border-color: #ffffff;
  margin-left: 11px;
  background-color: transparent;
  border: 2px solid #6f7383;
  transition: all 0.3s ease-in-out;
}
.gds-button.gds-secondary.outage-header__white-secondary-button:hover, .gds-button.gds-secondary.outage-header__white-secondary-button:focus,
.gds-button.gds-secondary.outage-header__login-locations-button:hover,
.gds-button.gds-secondary.outage-header__login-locations-button:focus {
  color: #d8d8d8;
  border-color: #ffffff;
  background-color: transparent;
}

.outage-header__report-button.gds-button.gds-compact {
  min-width: 160px;
  margin-left: 7px;
}
@media (max-width: 720px) {
  .outage-header__report-button.gds-button.gds-compact {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.outage-map-wrapper {
  position: relative;
}

.outage-map {
  width: 100%;
}
.outage-map.homepage-map {
  height: 75vh;
}
@media (min-width: 901px) {
  .outage-map.homepage-map {
    height: calc(100vh - 230px);
  }
}
@media (min-width: 1024px) {
  .outage-map.homepage-map {
    height: calc(100vh - 240px);
  }
}
@media (min-width: 1120px) {
  .outage-map.homepage-map {
    height: calc(100vh - 160px);
  }
}
@media (min-width: 1197px) {
  .outage-map.homepage-map {
    height: calc(100vh - 80px);
  }
}
.outage-map.town-map, .outage-map.incident-map, .outage-map.planned-map {
  height: calc(100vh - 138px);
}
@media (min-width: 1100px) {
  .outage-map.town-map, .outage-map.incident-map, .outage-map.planned-map {
    height: calc(100vh - 154px);
  }
}
@media (min-width: 1120px) {
  .outage-map.town-map .mapboxgl-ctrl-bottom-right, .outage-map.incident-map .mapboxgl-ctrl-bottom-right, .outage-map.planned-map .mapboxgl-ctrl-bottom-right {
    top: 16px;
    right: 16px;
  }
}
.outage-map .mapboxgl-popup-close-button {
  display: flex;
  top: 13px;
  right: 13px;
  width: 22px;
  height: 22px;
  padding: 0 0 0 5.25px;
  background-color: #6f7383;
  border-radius: 11px;
  color: #ffffff;
  font-size: 22px;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s ease-in-out;
}
.outage-map .mapboxgl-popup-close-button:hover, .outage-map .mapboxgl-popup-close-button:focus {
  background-color: #1a1a1a;
}
@media (max-width: 520px) {
  .outage-map .mapboxgl-popup-close-button {
    color: #6f7383;
    background-color: transparent;
    padding: 5px;
    top: 0;
    right: 0;
    font-size: 16px;
  }
}
.outage-map .map-hover-town,
.outage-map .map-hover-street {
  margin: 0 25px 0 0;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.25px;
  text-transform: capitalize;
}
@media (max-width: 520px) {
  .outage-map .map-hover-town,
  .outage-map .map-hover-street {
    font-size: 1rem;
    font-weight: 400;
  }
}
.outage-map .map-hover-town {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.outage-map .map-hover-text {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.38;
  letter-spacing: normal;
  color: #6f7383;
}
.outage-map .map-hover-text:last-child {
  margin-bottom: 8px;
}
@media (max-width: 520px) {
  .outage-map .map-hover-text {
    font-size: 0.813rem;
  }
}
.outage-map .map-hover-alert-text {
  margin: 8px 0;
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #1a1a1a;
}
.outage-map .map-hover-alert-text.space-left {
  margin-left: 30px;
}
.outage-map .map-hover__outage-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-small-orange-alert-with-shadow.svg) center center no-repeat;
  background-size: contain;
}
@media (max-width: 520px) {
  .outage-map .map-hover__outage-icon {
    width: 17px;
    height: 17px;
    margin-right: 5px;
  }
}
.outage-map .mapboxgl-popup-content {
  width: 270px;
  padding: 23px 28px;
  border-radius: 6px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
@media (max-width: 520px) {
  .outage-map .mapboxgl-popup-content {
    padding: 11px 14px;
    width: 204px;
  }
}
.outage-map .mapboxgl-ctrl-bottom-right {
  top: 13px;
  right: 6px;
}
@media (min-width: 1120px) {
  .outage-map .mapboxgl-ctrl-bottom-right {
    top: 110px;
    right: 16px;
  }
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group {
  border: 0 solid transparent;
  -webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.15);
  border-radius: 27px;
  background-color: transparent;
  margin: 10px;
  padding: 0;
}
.outage-map .mapboxgl-ctrl-bottom-right button {
  width: 54px;
  height: 54px;
  background: #ffffff;
}
.outage-map .mapboxgl-ctrl-bottom-right button:not(:disabled):hover {
  background-color: rgba(255, 255, 255, 0.85);
}
.outage-map .mapboxgl-ctrl-bottom-right button .mapboxgl-ctrl-icon {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 60%;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-in,
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-in:focus {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-in:focus .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M15 15v-9h2v9h9v2h-9v9h-2v-9h-9v-2h9z' %3E%3C/path%3E%3C/svg%3E");
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-out,
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-out:focus {
  border-bottom-left-radius: 27px;
  border-bottom-right-radius: 27px;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-zoom-out:focus .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M6 15h20v2h-20v-2z' %3E%3C/path%3E%3C/svg%3E");
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-compass {
  display: none;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib {
  display: block;
  position: absolute;
  bottom: -2px;
  right: 15px;
  opacity: 0.5;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib:hover {
  opacity: 1;
}
.outage-map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib .mapboxgl-ctrl-attrib-inner {
  width: 260px;
}

.map-info-button {
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 60%;
  -webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.15);
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.map-info-button:not(:disabled):hover {
  background-color: rgba(255, 255, 255, 0.85);
}
.map-info-button.layers {
  top: 148px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M17.74 22.14a4.86 4.86 0 01-3.48 0L3.93 17.8a1.55 1.55 0 01.01-2.84l1.3-.54a.8.8 0 11.65 1.44l-.41.17a.4.4 0 00-.01.7l9.21 3.85.08.03a3.23 3.23 0 002.47 0l.1-.03 9.2-3.84a.4.4 0 000-.7l-.41-.18a.8.8 0 11.65-1.44l1.3.55a1.55 1.55 0 010 2.84l-10.33 4.34zm-.01-5.27a4.86 4.86 0 01-3.45 0L3.92 12.5a1.55 1.55 0 010-2.83l10.36-4.36a4.86 4.86 0 013.45 0l10.34 4.36c.34.1.48.7.48 1.06 0 .45-.3.35-.74.35-.14 0-.27.06-.39 0L17.31 6.9l-.08-.02a3.23 3.23 0 00-2.47 0l-.06.02-9.23 3.85a.4.4 0 00-.2.35c0 .15.07.28.2.36l9.23 3.85a3.25 3.25 0 002.54.03l.07-.04 9.22-3.84a.4.4 0 00.21-.36.4.4 0 00-.21-.35l-1.25-.52a.8.8 0 11.68-1.43l2.11.89a1.55 1.55 0 010 2.83l-10.34 4.36zm-12.5 2.82a.8.8 0 011.2.69.8.8 0 01-.56.76l-.4.16a.4.4 0 000 .7l9.23 3.86.06.02a3.25 3.25 0 002.47 0l.08-.02L26.53 22a.4.4 0 000-.7l-.4-.17a.8.8 0 11.63-1.46l1.3.56c.18.07.34.18.49.32a1.55 1.55 0 01-.47 2.51l-10.35 4.36a4.85 4.85 0 01-3.46 0L3.92 23.07a1.55 1.55 0 01.02-2.84l1.3-.54z' %3E%3C/path%3E%3C/svg%3E");
}
@media (min-width: 1120px) {
  .map-info-button.layers {
    top: 244px;
    right: 26px;
  }
}
.map-info-button.legend {
  top: 219px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M15 12c1 0 2 1 2 2v8.4c0 .3.3.6.6.6h1c.2 0 .4.2.4.4v1.2c0 .2-.2.4-.4.4h-5.2a.4.4 0 01-.4-.4v-1.2c0-.2.2-.4.4-.4h1c.3 0 .6-.3.6-.6v-7.8c0-.3-.3-.6-.6-.6h-1.1a.3.3 0 01-.3-.3v-1.4c0-.2.1-.3.3-.3zm1-5.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3z' %3E%3C/path%3E%3C/svg%3E");
}
@media (min-width: 1120px) {
  .map-info-button.legend {
    top: 314px;
    right: 26px;
  }
}

.outage-my-status-popout {
  position: relative;
}

.outage-my-status {
  position: absolute;
  width: 346px;
  background-color: #ffffff;
  color: #1a1a1a;
  z-index: 21;
  top: 68px;
  left: 0;
  max-height: 50vh;
  box-shadow: 0 9px 20px -1px rgba(0, 0, 0, 0.21), 0 1px 2px -2px rgba(0, 0, 0, 0.24);
  border: solid 1px rgba(151, 151, 151, 0.21);
  animation: panel-slide-up 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
@media (min-width: 1120px) {
  .outage-my-status {
    min-width: 470px;
    left: auto;
    right: 23px;
    max-height: 500px;
  }
}
.outage-my-status .outage-my-status__inner {
  width: 100%;
  max-height: 50vh;
  padding: 8px;
  overflow-y: auto;
}
@media (min-width: 1120px) {
  .outage-my-status .outage-my-status__inner {
    padding: 16px;
    max-height: 500px;
  }
}
.outage-my-status::after {
  left: 60px;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-width: 0 10px 8px 10px;
  border-color: transparent transparent #fff transparent;
  margin-top: -8px;
  -webkit-filter: drop-shadow(0 2px 12px #ddd);
  filter: drop-shadow(0 2px 12px #ddd);
  z-index: 2;
}
@media (min-width: 1120px) {
  .outage-my-status::after {
    left: auto;
    right: 60px;
  }
}
.outage-my-status .outage-my-account {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 8px;
  border-bottom: solid 1px #d8d8d8;
}
@media (min-width: 1120px) {
  .outage-my-status .outage-my-account {
    padding: 24px 8px 24px 8px;
    flex-wrap: nowrap;
  }
}
.outage-my-status .outage-my-account:first-child {
  padding-top: 8px;
}
.outage-my-status .outage-my-account .outage-my-account__detail {
  padding-right: 10px;
  flex-basis: 70%;
  min-width: 70%;
}
@media (min-width: 1120px) {
  .outage-my-status .outage-my-account .outage-my-account__detail {
    flex-basis: 45%;
    min-width: 45%;
  }
}
.outage-my-status .outage-my-account:last-child {
  border-color: transparent;
}
.outage-my-status .outage-my-account .nickname {
  margin: 0 0 0.25rem 0;
  font-weight: 800;
}
.outage-my-status .outage-my-account .address {
  color: #6f7383;
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}
.outage-my-status .outage-my-account .outage-status {
  display: flex;
  font-size: 0.875rem;
  font-weight: 800;
}
.outage-my-status .outage-my-account .outage-status-link {
  padding-left: 21%;
  margin-top: 15px;
  flex-basis: 100%;
  min-width: 100%;
  text-align: left;
}
@media (min-width: 1120px) {
  .outage-my-status .outage-my-account .outage-status-link {
    flex-basis: 40%;
    min-width: 40%;
    padding-left: 0;
    margin-top: 0;
    text-align: right;
  }
}

.map-hover-link a,
.outage-status-link a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 24px;
  min-height: 36px;
  height: 36px;
  border-radius: 24px;
  border: 1px solid #d8d8d8;
  background-color: transparent;
  transition: background-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06), border-color 0.3s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.map-hover-link a, .map-hover-link a:link, .map-hover-link a:visited,
.outage-status-link a,
.outage-status-link a:link,
.outage-status-link a:visited {
  text-decoration: inherit;
  color: inherit;
}
.map-hover-link a:hover, .map-hover-link a:focus,
.outage-status-link a:hover,
.outage-status-link a:focus {
  color: #1a1a1a;
  border-color: #6f7383;
  background-color: transparent;
}
@media (max-width: 520px) {
  .map-hover-link a,
  .outage-status-link a {
    padding: 6px 21px;
    min-height: 29px;
    height: 29px;
    font-size: 0.813rem;
    line-height: 1.4;
  }
}

.map-layer-list {
  position: absolute;
  width: 260px;
  height: 140px;
  padding: 20px;
  background-color: #ffffff;
  z-index: 3;
  top: 150px;
  right: 90px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 1120px) {
  .map-layer-list {
    top: 245px;
    right: 100px;
  }
}
.map-layer-list::after {
  left: 100%;
  top: 24px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 10px solid hsla(0, 0%, 100%, 0);
  border-left-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  margin-top: -10px;
  -webkit-filter: drop-shadow(0 2px 12px #ddd);
  filter: drop-shadow(0 2px 12px #ddd);
}

.outage-map-legend {
  position: relative;
  background-color: #ffffff;
  width: auto;
  max-width: 90%;
  padding-top: 30px;
  padding-bottom: 30px;
  height: auto;
  margin: 10% auto auto;
}
@media (min-width: 720px) {
  .outage-map-legend {
    max-width: 700px;
  }
}
.outage-map-legend .outage-map-legend__title {
  padding: 0 20px 20px;
}
@media (min-width: 720px) {
  .outage-map-legend .outage-map-legend__title {
    padding: 0 30px 20px 20px;
  }
}
.outage-map-legend .outage-map-legend__col {
  flex-basis: 100%;
  min-width: 100%;
  padding: 20px;
}
@media (min-width: 720px) {
  .outage-map-legend .outage-map-legend__col {
    flex-basis: 50%;
    min-width: 50%;
    padding: 20px 30px 30px 30px;
  }
  .outage-map-legend .outage-map-legend__col.first {
    border-right: 1px solid #d8d8d8;
  }
}
.outage-map-legend .legend-txt-wrap {
  min-height: 130px;
}
.outage-map-legend .legend-img-wrap {
  min-height: 150px;
  text-align: center;
}

.outage-header__alert-icon {
  margin-right: 5px;
  width: 22px;
  height: 22px;
  position: relative;
}
@media (max-width: 520px) {
  .outage-header__alert-icon {
    width: 17px;
    height: 17px;
  }
}
.outage-header__alert-icon img {
  width: 100%;
  height: auto;
}

#mapview-homepage,
#listview-homepage {
  display: block;
  width: 100%;
  height: 60px;
}
@media (min-width: 900px) {
  #mapview-homepage,
  #listview-homepage {
    display: none;
  }
}

/* outage list for outage center data table list */
.outage-list-slideout {
  position: absolute;
  width: 100%;
  max-width: 375px;
  top: 0;
  left: 0;
  max-height: calc(100vh - 346px);
  transform: translateX(-375px);
  z-index: 3;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #ffffff;
  background-image: linear-gradient(to bottom, rgba(47, 60, 73, 0.89) 0%, rgba(57, 65, 74, 0.92) 82%);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 481px) {
  .outage-list-slideout {
    max-height: calc(100vh - 277px);
  }
}
@media (max-width: 520px) {
  .outage-list-slideout {
    background-image: linear-gradient(to bottom, #2a343f 0%, #262b32 82%);
  }
}
@media (min-width: 901px) {
  .outage-list-slideout {
    max-height: calc(100vh - 230px);
  }
}
@media (min-width: 1024px) {
  .outage-list-slideout {
    max-height: calc(100vh - 240px);
  }
}
@media (min-width: 1120px) {
  .outage-list-slideout {
    max-height: calc(100vh - 257px);
    top: 97px;
  }
}
@media (min-width: 1197px) {
  .outage-list-slideout {
    max-height: calc(100vh - 177px);
  }
}
.outage-list-slideout.listopen {
  transform: translateX(0);
}
.outage-list-slideout .vgt-global-search {
  background: transparent;
  border: none;
  max-width: 100%;
}
.outage-list-slideout .vgt-global-search .vgt-global-search__input {
  padding-left: 10px;
  padding-top: 0px;
}
@media (min-width: 520px) {
  .outage-list-slideout .vgt-global-search .vgt-global-search__input {
    padding-top: 6px;
  }
}
.outage-list-slideout .vgt-global-search .vgt-global-search__input label {
  display: none;
}
.outage-list-slideout .vgt-global-search .vgt-global-search__input .vgt-input {
  border: none;
  border-radius: 2px;
  color: #d8d8d8;
  height: 48px;
  padding-left: 40px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background: rgba(27, 27, 29, 0.37) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.32 19.906l4.337 4.337-1.414 1.414-4.337-4.337c-1.355 1.053-3.057 1.68-4.906 1.68-4.418 0-8-3.582-8-8s3.582-8 8-8c4.418 0 8 3.582 8 8 0 1.849-0.627 3.551-1.68 4.906zM15 21c3.314 0 6-2.686 6-6s-2.686-6-6-6c-3.314 0-6 2.686-6 6s2.686 6 6 6z' %3E%3C/path%3E%3C/svg%3E") 5px/30px no-repeat;
}
.outage-list-slideout .vgt-global-search .vgt-global-search__input .vgt-input::placeholder {
  color: #ffffff;
  font-weight: 800;
  opacity: 0.75;
}

@keyframes outage-list-toggle-fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.outage-slide-out-toggle {
  position: absolute;
  left: 14px;
  top: 16px;
  min-height: 48px;
  padding: 12px 2rem 12px 1rem;
  font-size: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M11.293 7.707l1.414-1.414 9.707 9.707-9.707 9.707-1.414-1.414 8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 95% no-repeat;
  background-size: 24px 24px;
  background-color: rgba(45, 59, 66, 0.9);
  border-radius: 2px;
  z-index: 3;
  transition: position 0.2s ease;
  transition: background-color 0.2s ease;
  animation: outage-list-toggle-fade 0.75s ease;
}
.outage-slide-out-toggle .gds-button__text {
  white-space: nowrap;
}
@media (min-width: 1120px) {
  .outage-slide-out-toggle {
    top: 108px;
  }
}

.town-collapse-toggle {
  position: absolute;
  top: 12px;
  left: 374px;
  right: 120px;
  height: 48px;
  width: 42px;
  padding: 0;
  z-index: 3;
  cursor: pointer;
  min-height: 48px;
  padding: 12px 2rem 12px 1rem;
  font-size: 1rem;
  background: rgba(45, 59, 66, 0.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M20.121 7.414l-1.414-1.414-9.707 9.707 9.707 9.707 1.414-1.414-8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 45% no-repeat;
  background-size: 24px 24px;
  border: none;
  border-left: solid 1px rgba(26, 26, 26, 0.12);
  border-radius: 0 2px 2px 0;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease-in-out;
}
.town-collapse-toggle:hover {
  background-color: #1a1a1a;
}
@media (min-width: 1120px) {
  .town-collapse-toggle {
    top: 110px;
  }
}
@media (max-width: 519px) {
  .town-collapse-toggle {
    display: none;
  }
}

.outage-list__slide-in-mobile {
  margin: 8px 0 0 8px;
  vertical-align: middle;
  padding: 1rem 2rem 1rem;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M20.121 7.414l-1.414-1.414-9.707 9.707 9.707 9.707 1.414-1.414-8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 5% no-repeat;
  background-size: 24px 24px;
  background-color: transparent;
}
@media (min-width: 520px) {
  .outage-list__slide-in-mobile {
    display: none;
  }
}

table.vgt-table.outage-table {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  color: #1a1a1a;
  font-size: 0.875rem;
}
table.vgt-table.outage-table thead {
  box-shadow: none;
  border-bottom: solid 2px #d8d8d8;
}
table.vgt-table.outage-table thead th:first-child {
  padding-left: 15px;
  padding-right: 0;
}
table.vgt-table.outage-table thead th:last-child {
  padding-right: 25px;
}
table.vgt-table.outage-table td,
table.vgt-table.outage-table th {
  background-color: #ffffff;
  color: #1a1a1a;
  text-align: left;
}
table.vgt-table.outage-table td.sorting-asc button, table.vgt-table.outage-table td.sorting button,
table.vgt-table.outage-table th.sorting-asc button,
table.vgt-table.outage-table th.sorting button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233e73dd' d='M24.146 10.439l1.414 1.414-9.707 9.707-9.707-9.707 1.414-1.414 8.293 8.293z' %3E%3C/path%3E%3C/svg%3E") 95% 80% no-repeat;
  background-size: 24px 24px;
}
table.vgt-table.outage-table td.sorting-desc button,
table.vgt-table.outage-table th.sorting-desc button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233e73dd' d='M8.561 20.561l-1.414-1.414 9.707-9.707 9.707 9.707-1.414 1.414-8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 95% 80% no-repeat;
  background-size: 24px 24px;
}
table.vgt-table.outage-table td.sorting span,
table.vgt-table.outage-table th.sorting span {
  color: #3e73dd;
}
table.vgt-table.outage-table td button::before, table.vgt-table.outage-table td button::after,
table.vgt-table.outage-table th button::before,
table.vgt-table.outage-table th button::after {
  display: none;
}
table.vgt-table.outage-table th.vgt-right-align span {
  display: block;
  max-width: 70px;
}
table.vgt-table.outage-table tr td {
  border-bottom: solid 1px rgba(151, 151, 151, 0.3);
  vertical-align: middle;
}
table.vgt-table.outage-table tr.clickable td:first-child {
  padding-left: 15px;
  padding-right: 0;
}
table.vgt-table.outage-table tr.clickable td:nth-child(2) {
  padding-left: 0;
  font-weight: 800;
}
table.vgt-table.outage-table tr.clickable td:nth-child(3),
table.vgt-table.outage-table tr.clickable td:nth-child(4) {
  padding-left: 0;
}
table.vgt-table.outage-table tr.clickable td:last-child {
  text-align: right;
  padding-right: 15px;
}
table.vgt-table.outage-table tr.clickable:hover {
  background-color: #d8d8d8;
}
table.vgt-table.outage-table .gds-icon {
  --gds-icon-size: 24px;
  font-size: 24px;
  display: block;
  float: right;
}
table.vgt-table.outage-table .alert-icon {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-small-green-check-with-shadow.svg) center center no-repeat;
  background-size: contain;
}
table.vgt-table.outage-table .alert-icon.active {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-small-orange-alert-with-shadow.svg) center center no-repeat;
  background-size: contain;
  border-radius: 0;
}
@media (min-width: 900px) {
  .town-incident__column--details table.vgt-table.outage-table .alert-icon {
    width: 20px;
    height: 20px;
  }
}

.town-table.outage-table.vgt-table {
  position: relative;
  width: 96%;
  max-width: 96%;
  margin: 0 auto 0;
  background-color: transparent;
  color: #ffffff;
}
.town-table.outage-table.vgt-table thead {
  box-shadow: none;
  border-bottom: solid 1px rgba(151, 151, 151, 0.3);
}
.town-table.outage-table.vgt-table th:nth-child(2) span:nth-child(1) {
  transform: translateX(-14px);
}
.town-table.outage-table.vgt-table tr.clickable td:first-child {
  padding-left: 10px;
}
.town-table.outage-table.vgt-table td,
.town-table.outage-table.vgt-table th {
  background-color: transparent;
  color: #ffffff;
}
.town-table.outage-table.vgt-table td.sorting-asc button, .town-table.outage-table.vgt-table td.sorting button,
.town-table.outage-table.vgt-table th.sorting-asc button,
.town-table.outage-table.vgt-table th.sorting button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M24.146 10.439l1.414 1.414-9.707 9.707-9.707-9.707 1.414-1.414 8.293 8.293z' %3E%3C/path%3E%3C/svg%3E") 95% 80% no-repeat;
  background-size: 24px 24px;
}
.town-table.outage-table.vgt-table td.sorting-desc button,
.town-table.outage-table.vgt-table th.sorting-desc button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M8.561 20.561l-1.414-1.414 9.707-9.707 9.707 9.707-1.414 1.414-8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 95% 80% no-repeat;
  background-size: 24px 24px;
}
.town-table.outage-table.vgt-table td.sorting span,
.town-table.outage-table.vgt-table th.sorting span {
  color: #ffffff;
}
.town-table.outage-table.vgt-table tr td {
  border-bottom: solid 1px rgba(151, 151, 151, 0.3);
}
.town-table.outage-table.vgt-table tr.clickable td:nth-child(2) {
  padding-left: 0.5em;
}
.town-table.outage-table.vgt-table tr.clickable td:last-child {
  text-align: left;
  padding-right: 0.75em;
}
.town-table.outage-table.vgt-table tr.clickable:hover {
  background-color: rgba(42, 60, 68, 0.75);
}

.vgt-wrap__footer {
  padding: 1rem 0;
}

.vgt-wrap__footer .footer__navigation__page-btn {
  padding: 0;
}
.vgt-wrap__footer .footer__navigation__page-btn span {
  font-size: 0.875rem;
  font-weight: 400;
}
.vgt-wrap__footer .footer__navigation__page-btn span.chevron.right {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/outage-center/chevron-right.svg) center center no-repeat;
  background-size: contain;
}
.vgt-wrap__footer .footer__navigation__page-btn span.chevron.right::after {
  display: none;
}
.vgt-wrap__footer .footer__navigation__page-btn span.chevron.left {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/outage-center/chevron-left.svg) center center no-repeat;
  background-size: contain;
}
.vgt-wrap__footer .footer__navigation__page-btn span.chevron.left::after {
  display: none;
}

/* outage town and incident styles for the outage center */
.outage-breadcrumb-header {
  height: 74px;
  padding: 24px;
  background-image: linear-gradient(168deg, rgba(47, 60, 73, 0.89) 40%, rgba(57, 65, 74, 0.92) 57%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
}
@media (min-width: 720px) {
  .outage-breadcrumb-header {
    font-size: 1.125rem;
  }
}
.outage-breadcrumb-header .gds-icon {
  --gds-icon-size: 22px;
  font-size: 22px;
}
.outage-breadcrumb-header a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.outage-breadcrumb-header a:hover, .outage-breadcrumb-header a:focus {
  color: #d8d8d8;
}
.outage-breadcrumb-header a:active {
  color: rgb(190.5, 190.5, 190.5);
}

.outage-incident__data-column--large-text {
  font-size: 1.625rem;
}

.town-incident__column--town-title-wrap {
  margin: 1rem 1rem 1rem 1.5rem;
}

.town-title {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-transform: capitalize;
  margin: 0 0.5rem 0 0;
}

.outage-yes-icon {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-small-orange-alert-with-shadow.svg) center center no-repeat;
  background-size: contain;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 0;
}

.outage-no-icon {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-small-green-check-with-shadow.svg) center center no-repeat;
  background-size: contain;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.gds-button.outage-compact-flat-button, .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .outage-messages__notification-button {
  padding: 0.9rem;
  min-width: 160px;
  height: 48px;
  line-height: 1.4;
}

.town-incident__row {
  flex-direction: column;
}
.town-incident__row.collapsed .mapboxgl-canvas {
  width: 100vw !important;
}
@media (min-width: 720px) {
  .town-incident__row {
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.town-incident__column--details {
  flex-basis: 100%;
  min-width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.town-incident__column--details.town-page {
  padding: 0;
}
@media (min-width: 720px) {
  .town-incident__column--details {
    flex-basis: 50%;
    min-width: 50%;
    box-shadow: 2px 0 9px 0 rgba(0, 0, 0, 0.14);
    z-index: 2;
  }
  .town-incident__column--details.incident-details {
    padding: 48px;
  }
  .collapsed .town-incident__column--details.incident-details {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .town-incident__column--details {
    flex-basis: 600px;
    min-width: 600px;
  }
}
.town-incident__column--details .outage-compact-flat-button, .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .outage-messages__notification-button {
  padding: 0.9rem;
  min-width: 160px;
  height: 48px;
  line-height: 1.4;
}
.town-incident__column--details .outage-messages__button-container, .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .outage-messages__notification-button {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  background: #f8fafb;
  cursor: pointer;
}
.town-incident__column--details .outage-messages__button-text, .town-incident__column--details .outage-messages__notification-button {
  color: black;
  text-decoration: none;
}
.town-incident__column--details .outage-messages__notification-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem;
}
.town-incident__column--details .outage-messages__notification-icon {
  padding: 0.5rem;
}
.town-incident__column--details .outage-messages__detail-button {
  height: auto;
  text-align: left;
  margin-bottom: 0.5rem;
}
.town-incident__column--details .outage-messages__flex-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.town-incident__column--details .outage-messages__collapsible-menu {
  border: none;
  background-color: #ffffff;
  color: #3e73dd;
  font-weight: 500;
  margin: 1rem 0;
}
.town-incident__row.collapsed .town-incident__column--details {
  flex-basis: 0;
  min-width: 0;
  max-width: 0;
  width: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
.town-incident__column--details .vgt-inner-wrap {
  box-shadow: none;
}
.town-incident__column--details .vgt-wrap__footer {
  border: none;
  background: transparent;
}
.town-incident__column--details .vgt-wrap__footer .footer__navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.town-incident__column--details .vgt-wrap__footer button:first-of-type {
  order: -1;
}
.town-incident__column--details .vgt-wrap__footer .footer__navigation__page-info {
  color: #1a1a1a;
  font-size: 0.875rem;
  margin-top: 2px;
}
.town-incident__column--details .vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
  border-left: 6px solid #1a1a1a;
}
.town-incident__column--details .vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
  border-right: 6px solid #1a1a1a;
}

.incident-row-collapse-toggle {
  position: absolute;
  top: 24px;
  left: 0;
  height: 48px;
  width: 42px;
  padding: 0;
  z-index: 3;
  cursor: pointer;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M20.121 7.414l-1.414-1.414-9.707 9.707 9.707 9.707 1.414-1.414-8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 45% no-repeat;
  background-size: 24px 24px;
  border: none;
  border-left: solid 1px rgba(26, 26, 26, 0.12);
  border-radius: 0 2px 2px 0;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.06);
}
@media (max-width: 719px) {
  .incident-row-collapse-toggle {
    display: none;
  }
}
.incident-row-collapse-toggle.collapsed {
  left: 16px;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M11.293 7.707l1.414-1.414 9.707 9.707-9.707 9.707-1.414-1.414 8.293-8.293z' %3E%3C/path%3E%3C/svg%3E") 95% no-repeat;
  background-size: 24px 24px;
  width: 180px;
}
.incident-row-collapse-toggle.collapsed.incident-page {
  width: 205px;
}
.incident-row-collapse-toggle.collapsed .incident-row-collapse-toggle--text {
  opacity: 1;
}
.incident-row-collapse-toggle .incident-row-collapse-toggle--text {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
  text-align: left;
  padding: 13px 24px 13px 13px;
  opacity: 0;
}
@media (max-width: 719px) {
  .incident-row-collapse-toggle .incident-row-collapse-toggle--text {
    display: none;
  }
}

.town-incident__column--details--no-outages {
  flex-grow: 1;
  padding: 1rem;
}
@media (min-width: 720px) {
  .town-incident__column--details--no-outages {
    display: flex;
    align-items: center;
    background-color: #f8fafb;
  }
  .town-incident__column--details--no-outages .gds-font-size-l {
    margin-bottom: 1rem;
  }
}
.town-incident__column--details--no-outages > div {
  justify-content: flex-start;
}
.town-incident__column--details--no-outages > div .gds-button, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__button-container, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__notification-button, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__notification-button, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__detail-button {
  display: none;
}
@media (min-width: 720px) {
  .town-incident__column--details--no-outages > div {
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .town-incident__column--details--no-outages > div > * {
    width: 100%;
    flex-basis: 100%;
  }
  .town-incident__column--details--no-outages > div .gds-button, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__button-container, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__button-container, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__notification-button, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__notification-button, .town-incident__column--details--no-outages > div .town-incident__column--details .outage-messages__detail-button, .town-incident__column--details .town-incident__column--details--no-outages > div .outage-messages__detail-button {
    display: block;
    width: auto;
    flex-basis: auto;
  }
}
.town-incident__column--details--no-outages .no-outage-icon img {
  margin-right: 1rem;
}
@media (min-width: 720px) {
  .town-incident__column--details--no-outages .no-outage-icon img {
    display: block;
    width: 50px;
    height: auto;
    margin: 0 auto 1rem;
  }
}

.town-incident__column--map {
  position: relative;
  flex-basis: 100%;
  min-width: 100%;
}
@media (min-width: 720px) {
  .town-incident__column--map {
    flex-basis: 50%;
    min-width: 50%;
  }
}
@media (min-width: 1200px) {
  .town-incident__column--map {
    flex-basis: calc(100% - 600px);
    min-width: calc(100% - 600px);
  }
}
.town-incident__row.collapsed .town-incident__column--map {
  flex-basis: 100%;
  min-width: 100%;
}
.town-incident__column--map #recenter-button.gds-button, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__button-container, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__button-container, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__notification-button, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__notification-button, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__detail-button, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__detail-button {
  position: absolute;
  top: 24px;
  left: 55px;
  z-index: 4;
  line-height: 1.5;
  border: none;
  padding-right: 50px;
  background: #ffffff url(/wp-content/themes/gmptwentynineteen/assets/images/icon-map-center.svg) 93% center no-repeat;
  background-size: 26px 26px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}
@media (min-width: 720px) {
  .town-incident__column--map #recenter-button.gds-button.collapsed, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.outage-messages__button-container, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.outage-messages__button-container, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.outage-messages__notification-button, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.outage-messages__notification-button, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.outage-messages__detail-button, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.outage-messages__detail-button {
    top: 24px;
    left: 220px;
  }
}
@media (min-width: 720px) {
  .town-incident__column--map #recenter-button.gds-button.collapsed.incident-recenter, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.incident-recenter.outage-messages__button-container, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.incident-recenter.outage-messages__button-container, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.incident-recenter.outage-messages__notification-button, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.incident-recenter.outage-messages__notification-button, .town-incident__column--map .town-incident__column--details #recenter-button.collapsed.incident-recenter.outage-messages__detail-button, .town-incident__column--details .town-incident__column--map #recenter-button.collapsed.incident-recenter.outage-messages__detail-button {
    top: 24px;
    left: 245px;
  }
}
.town-incident__column--map #recenter-button.gds-button:hover, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__button-container:hover, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__button-container:hover, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__notification-button:hover, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__notification-button:hover, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__detail-button:hover, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__detail-button:hover, .town-incident__column--map #recenter-button.gds-button:focus, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__button-container:focus, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__button-container:focus, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__notification-button:focus, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__notification-button:focus, .town-incident__column--map .town-incident__column--details #recenter-button.outage-messages__detail-button:focus, .town-incident__column--details .town-incident__column--map #recenter-button.outage-messages__detail-button:focus {
  background-color: #ffffff;
}

.outage-incident__data-column {
  padding-right: 24px;
}
.outage-incident__data-column .gds-font-size-s {
  display: block;
  max-width: 100px;
}

.town-incident__street-name {
  margin-bottom: 32px;
}

.town-incident__single-incident-wrapper,
.town-incident__affected-account,
.town-incident__affected-towns {
  margin-bottom: 24px;
}
@media (min-width: 720px) {
  .town-incident__single-incident-wrapper,
  .town-incident__affected-account,
  .town-incident__affected-towns {
    margin-bottom: 32px;
  }
}

.town-incident__column--details--home-icon {
  display: block;
  width: 50px;
  margin-right: 10px;
}

.resolved-outage-info-box {
  padding: 21px 66px 34px 28px;
  border-radius: 2px;
  border: solid 1px #e6e6e6;
  background-color: #f8fafb;
}

.resolved-incident-icon {
  margin-right: 24px;
}

/* progress-indicator */
.pi-graph-bkgr {
  position: relative;
  width: 100%;
  background-image: linear-gradient(to right, #e0e0e0 13%, #eee 26%);
  height: 30px;
  border-radius: 18px;
}

.pi-section {
  position: absolute;
  top: -2px;
  left: 0;
  border-radius: 18px;
  border: 3px solid #ffffff;
  height: 34px;
  background-color: #49b06b;
}
.pi-section .pi-section-checkmark {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  margin: 2px 2px;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/outage-center/icon-checkmark-white-bkgr.svg) center center no-repeat;
  background-size: 24px 24px;
}

.pi-section-half {
  width: 53%;
  z-index: 2;
}

.pi-section-full {
  width: 100%;
  z-index: 1;
}

.pi-graph__restored {
  color: #6f7383;
}
.pi-graph__restored.active {
  color: #1a1a1a;
}

.town-incident__affected-towns-list {
  border-bottom: 1px solid #d8d8d8;
}
.town-incident__affected-towns-list:last-child {
  border: none;
}
.town-incident__affected-towns-list .gds-flex-container {
  padding: 0.5rem 0;
}
.town-incident__affected-towns-list a {
  color: #3e73dd;
  font-weight: 800;
  font-size: 1rem;
  text-decoration: none;
}
.town-incident__affected-towns-list a:hover, .town-incident__affected-towns-list a:focus {
  color: #1a1a1a;
}

.outage-center-main .outage-message__back-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
  text-decoration: none;
}

.outage-message__container {
  padding: 2rem 0;
  width: 40%;
  margin: auto;
}
@media (max-width: 720px) {
  .outage-message__container {
    width: 60%;
  }
}

/* report an outage flow */
.report-outage-flow-container {
  max-width: 580px;
  margin: 0 auto;
  padding: 0 15px 8rem;
}
.report-outage-flow-container form.bill-pay-login__form {
  max-width: 450px;
  margin: 0 auto;
}

.report-outage-info_login {
  color: #6f7383;
  font-size: 0.875rem;
  padding: 0 60px;
}
@media (max-width: 720px) {
  .report-outage-info_login {
    padding: 0 15px;
  }
}

.outage-login__nav__inner-link-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 720px) {
  .outage-login__nav__inner-link-wrap {
    display: block;
    padding-right: 34%;
  }
}
.outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  margin-right: 5px;
  font-size: 0.875rem;
}
@media (min-width: 720px) {
  .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button {
    display: block;
    margin-bottom: 1rem;
    padding: 13px;
    font-size: 1rem;
    color: #6f7383;
  }
}
.outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:hover, .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:focus {
  color: #ffffff;
}
@media (min-width: 720px) {
  .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:hover, .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:focus {
    color: #1a1a1a;
  }
}
.outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button.router-link-active {
  display: flex;
  align-items: center;
}
@media (min-width: 720px) {
  .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button.router-link-active {
    border-left: 2px solid #49b06b;
    color: #1a1a1a;
  }
}
@media (min-width: 720px) {
  .outage-login__nav__inner-link-wrap a.bill-pay-login__nav-item.bill-pay-login__nav-item--mobile-button:first-child {
    line-height: inherit;
  }
}

.report-outage-page .bill-pay-login__login-type-container {
  margin-bottom: 2rem;
}
.report-outage-page .bill-pay-login__login-type-container a {
  text-decoration: none;
  font-weight: 800;
}
.report-outage-page .bill-pay-login__login-type-container a:hover, .report-outage-page .bill-pay-login__login-type-container a:focus {
  color: #6f7383;
}

.report-outage-info_flow {
  color: #6f7383;
  font-size: 0.875rem;
}

.report-outage__offwhite-message-box {
  background-color: #f7f5f1;
  padding: 1.5rem 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  .report-outage__offwhite-message-box {
    flex-wrap: nowrap;
  }
}

.report-outage__offwhite-message-box__by-phone,
.report-outage__offwhite-message-box__by-text {
  padding: 0 1rem;
  width: 100%;
  flex-basis: 100%;
}
@media (min-width: 520px) {
  .report-outage__offwhite-message-box__by-phone,
  .report-outage__offwhite-message-box__by-text {
    flex-basis: 50%;
    width: 50%;
  }
}

.report-outage-page .make-payment-container {
  max-width: 450px;
}
.report-outage-page .make-payment-container a {
  text-decoration: none;
}

.outage-double-button-row button {
  flex-grow: 2;
}

.outage-house-circle-icon {
  position: relative;
  min-width: 37px;
  height: 37px;
  border-radius: 19px;
  border: 1px solid #d8d8d8;
  margin-right: 8px;
}
.outage-house-circle-icon img {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 5.5px;
  left: 6.5px;
}

.outage-reporting__alert-icon img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.outage-reported-success {
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  max-width: 590px;
  line-height: 1.33;
}

.outage-reported-success-graphic {
  display: block;
  width: 132px;
  height: auto;
  margin: 0 auto 64px;
}

.outage-reported-success__address-box-wrap {
  max-width: 380px;
  margin: 1rem auto;
}

.outage-reported-success__address-box {
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 24px;
  margin-bottom: 64px;
}

.outage-report-success__button {
  width: 210px;
  display: block;
  margin: 0 auto;
}

.outage-reporting-error-message-box {
  width: 100%;
  max-width: 700px;
  color: #d70d13;
  padding: 1.5rem;
  border-radius: 2px;
  border: solid 1px #d70d13;
  font-size: 1rem;
  line-height: 1.25;
}

/* outage-planned.scss */
.planned-outage-list-wrapper {
  width: 100%;
  padding: 2rem 1.5rem 2rem 0.75rem;
}

.planned-outage-list__helper-left-margin {
  margin-left: 0.75rem;
}

.planned-outage-list__headline-instructions {
  margin-bottom: 2rem;
  padding-left: 0.75rem;
}
@media (min-width: 900px) {
  .planned-outage-list__headline-instructions {
    margin-bottom: 3rem;
  }
}
.planned-outage-list__headline-instructions h1 {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  margin: 0;
}
.planned-outage-list__headline-instructions .planned-outages__notifications-link {
  padding-right: 1rem;
}
@media (max-width: 520px) {
  .planned-outage-list__headline-instructions .planned-outages__notifications-link {
    flex-basis: 40%;
  }
  .planned-outage-list__headline-instructions .planned-outages__notifications-link a {
    float: right;
  }
}

.planned-outage__top-label-and-icon {
  padding-left: 27px;
  margin-bottom: 0.5rem;
}
.planned-outage__top-label-and-icon.planned-outage {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/planned-outage-info-icon.svg) left top no-repeat;
  background-size: 22px 22px;
}
.planned-outage__top-label-and-icon.active-outage {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-alert-orange.svg) left top no-repeat;
  background-size: 20px 20px;
}
.planned-outage__top-label-and-icon.complete-outage {
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-check-large.svg) left top no-repeat;
  background-size: 20px 20px;
}

.planned-outage__message-box {
  width: calc(100% - 2rem);
  padding: 1.5rem;
  margin: 1rem;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.25;
  border-radius: 2px;
  background-color: #46515d;
}

.planned-outage__message-box--text {
  max-width: 75%;
  padding-right: 2rem;
}

a.planned-outage__message-box--link {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
a.planned-outage__message-box--link:hover, a.planned-outage__message-box--link:focus {
  color: #d8d8d8;
  text-decoration: none;
}

/* planned outage table styles inherit stles from .outage-table, overrides below. */
.vgt-inner-wrap {
  border-radius: 0;
  box-shadow: none;
}

table.vgt-table.outage-table.planned-outage-table {
  table-layout: fixed;
  width: 99%;
  max-width: 99%;
  margin-left: 0;
}
table.vgt-table.outage-table.planned-outage-table thead th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
table.vgt-table.outage-table.planned-outage-table thead th:first-child {
  padding-right: 0.75rem;
  width: 20% !important;
}
table.vgt-table.outage-table.planned-outage-table thead th:first-child span {
  padding-right: 1.5rem;
}
table.vgt-table.outage-table.planned-outage-table thead th:nth-child(2) {
  width: 15% !important;
}
table.vgt-table.outage-table.planned-outage-table thead th:nth-child(4) {
  width: 25% !important;
}
@media (max-width: 520px) {
  table.vgt-table.outage-table.planned-outage-table thead th {
    font-size: 0.7rem;
  }
}
@media (min-width: 720px) {
  table.vgt-table.outage-table.planned-outage-table thead th {
    padding: 1rem 0.75rem;
  }
  table.vgt-table.outage-table.planned-outage-table thead th span {
    padding-right: 0;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:first-child {
    width: 16% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:nth-child(2) {
    width: 13.5% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:nth-child(3) {
    width: 25% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:nth-child(4) {
    width: 28% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:last-child {
    width: 17.5% !important;
  }
}
@media (min-width: 900px) {
  table.vgt-table.outage-table.planned-outage-table thead th:nth-child(4) {
    width: 26% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:last-child {
    width: 19.5% !important;
  }
}
@media (min-width: 1024px) {
  table.vgt-table.outage-table.planned-outage-table thead th:nth-child(4) {
    width: 28% !important;
  }
  table.vgt-table.outage-table.planned-outage-table thead th:last-child {
    width: 17.5% !important;
  }
}
@media (min-width: 1200px) {
  table.vgt-table.outage-table.planned-outage-table thead th:first-child {
    width: 20% !important;
  }
}
table.vgt-table.outage-table.planned-outage-table thead th.sorting button {
  background-position: 50px 50%;
}
@media (min-width: 470px) {
  table.vgt-table.outage-table.planned-outage-table thead th.sorting button {
    background-position: 60px 70%;
  }
}
@media (min-width: 529px) {
  table.vgt-table.outage-table.planned-outage-table thead th.sorting button {
    background-position: 70px 70%;
  }
}
@media (min-width: 893px) {
  table.vgt-table.outage-table.planned-outage-table thead th.sorting button {
    background-position: 80px 50%;
  }
}
table.vgt-table.outage-table.planned-outage-table tr td {
  vertical-align: top;
  padding: 1rem 0.75rem;
  font-size: 0.75rem;
}
@media (min-width: 520px) {
  table.vgt-table.outage-table.planned-outage-table tr td {
    font-size: 0.875rem;
  }
}
@media (min-width: 720px) {
  table.vgt-table.outage-table.planned-outage-table tr td {
    padding: 1.5rem 0.75rem;
    font-size: 1rem;
  }
}
table.vgt-table.outage-table.planned-outage-table tr:last-child td {
  border-bottom: none;
}
table.vgt-table.outage-table.planned-outage-table .alert-icon.active {
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/icon-alert-orange.svg) center center no-repeat;
  background-size: auto;
  background-size: contain;
  border-radius: 0;
}
@media (max-width: 900px) {
  table.vgt-table.outage-table.planned-outage-table .alert-icon.active {
    float: none;
  }
}
table.vgt-table.outage-table.planned-outage-table .alert-icon.inactive {
  float: left;
  width: 22px;
  height: 22px;
  margin: 0 6px 0 0;
  transform: translateY(-3px);
  background: url(/wp-content/themes/gmptwentynineteen/assets/images/planned-outage-info-icon.svg) center center no-repeat;
  background-size: auto;
  background-size: contain;
  border-radius: 0;
}
@media (max-width: 900px) {
  table.vgt-table.outage-table.planned-outage-table .alert-icon.inactive {
    float: none;
  }
}
table.vgt-table.outage-table.planned-outage-table .planned-outage-table__outage-date {
  margin-bottom: 5px;
}
table.vgt-table.outage-table.planned-outage-table .small-round-img {
  height: 46px;
  width: 46px;
  min-width: 46px;
}
@media (max-width: 720px) {
  table.vgt-table.outage-table.planned-outage-table .small-round-img {
    display: none;
  }
}
table.vgt-table.outage-table.planned-outage-table.gds-space-stack-xl {
  margin-bottom: 4rem;
}

a.planned-outage-table__details-btn.gds-button.gds-compact.gds-secondary {
  padding: 10px 24px 8px;
  min-height: 42px;
  float: right;
}
@media (max-width: 720px) {
  a.planned-outage-table__details-btn.gds-button.gds-compact.gds-secondary {
    min-height: 0.75rem;
    border: none;
    padding: 0 0 0 4px;
    font-size: 0.75rem;
    color: #00704a;
    text-decoration: underline;
    text-align: left;
  }
  a.planned-outage-table__details-btn.gds-button.gds-compact.gds-secondary:hover, a.planned-outage-table__details-btn.gds-button.gds-compact.gds-secondary:focus {
    color: #1a1a1a;
    text-decoration: none;
  }
}

.planned-outage-list__status-button {
  display: inline-block;
  margin: 6px 0 0;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  letter-spacing: normal;
  color: #ffffff;
  line-height: 1;
  background-color: #ef6723;
  border-radius: 2px;
}

.planned-outage__list-details-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #d8d8d8;
}
.planned-outage__list-details-row:last-child {
  border-bottom: none;
}

.planned-outages__message {
  width: 99%;
  display: block;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.33;
  padding: 2.5rem;
  margin: 1rem 0 1rem 0.75rem;
  border: solid 1px #e6e6e6;
  background-color: #f8fafb;
  border-radius: 2px;
}
.planned-outages__message a.gds-button {
  margin-top: 1rem;
}

.planned-outages__message--inner-short {
  max-width: 284px;
  margin: auto;
}

.planned-outages__message--inner-long {
  max-width: 428px;
  margin: auto;
}

/* account ghosting styles */
.ghost__container {
  width: 90vw;
  margin: 0 auto;
  padding: 1rem;
}

.ghost__top-container {
  padding-top: 2rem;
}

.ghost__accounts-table {
  width: 90vw;
  margin: 0 auto;
  padding: 1rem;
}

.ghost__search-input {
  flex-shrink: 1;
}

.ghost__search-button {
  flex-basis: 120px;
}

.ghost__loading-full {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' fill='%23A0A0A0' id='gds-loader'%3E%3Cstyle%3E%0A.lobe %7B -webkit-animation: scale 4s cubic-bezier(.49,.05,.32,1.04) infinite; animation: scale 1s cubic-bezier(.49,.05,.32,1.04) infinite; opacity:0.6;%0A%7D%0A.lobe-1 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 10%25 50%25; animation-delay: 0.16s;%0A%7D%0A.lobe-2 %7B transform-origin: 2.5px 11.5px; -webkit-transform-origin: 50%25 50%25; animation-delay: 0.32s;%0A%7D .lobe-3 %7B transform-origin: 22.5px 11.5px; -webkit-transform-origin: 90%25 50%25; animation-delay: 0.48s;%0A%7D @-webkit-keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D%0A@keyframes scale %7B 20%25 %7B transform: scaleY(1.3); opacity:1; %7D 40%25 %7B transform:scaleY(1); opacity:0.6; %7D%0A%7D %3C/style%3E%3Cg%3E%3Cpath class='lobe lobe-3' d='M26.5,7L26.5,7C27.88,7,29,8.12,29,9.5v12c0,1.38-1.12,2.5-2.5,2.5S24,22.88,24,21.5v-12C24,8.12,25.12,7,26.5,7z'/%3E%3Cpath class='lobe lobe-1' d='M6.5,7L6.5,7C7.88,7,9,8.12,9,9.5v12C9,22.88,7.88,24,6.5,24S4,22.88,4,21.5v-12C4,8.12,5.12,7,6.5,7z'/%3E%3Cpath class='lobe lobe-2' d='M16.5,7L16.5,7C17.88,7,19,8.12,19,9.5v12c0,1.38-1.12,2.5-2.5,2.5S14,22.88,14,21.5v-12C14,8.12,15.12,7,16.5,7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 2;
}

/* gmp style overrides */
table.vgt-table {
  border: none;
}
table.vgt-table thead {
  box-shadow: 0 1px 4px 0 #111;
  border-bottom: 1px solid #d8d8d8;
}
table.vgt-table td {
  color: #1a1a1a;
  border-bottom: none;
}

.vgt-table thead th {
  padding: 0.75rem 1.5rem 0.75rem 0;
  background: #ffffff;
  border-bottom: none;
}
.vgt-table thead th:last-child {
  padding-right: 0;
}

.vgt-table th.filter-th {
  padding: 0 0.75rem 1.5rem 0;
}

.vgt-table.striped tbody tr:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}

table.vgt-table tr.clickable {
  transition: all 0.3s ease-in-out;
}
table.vgt-table tr.clickable:hover, table.vgt-table tr.clickable:focus {
  background-color: #d8d8d8;
}

.vgt-input,
.vgt-select {
  font-size: 1rem;
  border: 1px solid #a7a7a7;
  padding: 1rem 1rem 0.8rem 1rem;
  border-radius: 2px;
  height: auto;
  transition: box-shadow 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06), border 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
}
.vgt-input:hover, .vgt-input:focus,
.vgt-select:hover,
.vgt-select:focus {
  border: 1px solid #1a1a1a;
}

.post-type-archive-rates .content {
  max-width: 76.47rem;
  margin-left: auto;
  margin-right: auto;
}

.rates-subheader {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
@media (min-width: 520px) {
  .rates-subheader {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media (min-width: 1024px) {
  .rates-subheader {
    flex-direction: row;
  }
}

.rates-subheader__search {
  border: 1px solid #d8d8d8;
  max-width: 600px;
  box-shadow: none;
}
.rates-subheader__search:hover {
  border: 1px solid #6f7383;
}
@media (max-width: 1024px) {
  .rates-subheader__search {
    margin-left: 0;
    margin-bottom: 1rem;
  }
}
@media (max-width: 80.47rem) {
  .rates-subheader__search {
    max-width: 500px;
  }
}

.rates-subheader__toggle {
  display: flex;
}
@media (max-width: 1024px) {
  .rates-subheader__toggle {
    margin-left: 0;
  }
}

.rates-no-results-found {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #00704a;
  padding: 1em;
  display: none;
}

.rate-category-toggle.gds-button.gds-secondary, .price-options__form-control select.rate-category-toggle {
  --gds-button-text-color: #6f7383;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 520px) {
  .rate-category-toggle.gds-button.gds-secondary, .price-options__form-control select.rate-category-toggle {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.rate-category-toggle.gds-button.gds-secondary.active, .price-options__form-control select.rate-category-toggle.active, .rate-category-toggle.gds-button.gds-secondary:hover, .price-options__form-control select.rate-category-toggle:hover {
  --gds-button-background-color: #00704a;
  --gds-button-text-color: #ffffff;
  --gds-button-border-color: #00704a;
}
.rate-category-toggle.gds-button.gds-secondary:first-child, .price-options__form-control select.rate-category-toggle:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rate-category-toggle.gds-button.gds-secondary:last-child, .price-options__form-control select.rate-category-toggle:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rates-category-toggle,
.rates-category-toggle:hover {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rates {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
@media (min-width: 520px) {
  .rates {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
.rates .slat__content {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1024px) {
  .rates .slat__content {
    flex-direction: column;
    margin: 0;
  }
}
.rates .slat__content--no-table {
  flex-direction: column;
}
.rates .slat__content--no-table a.rate-file-link {
  align-self: flex-start;
}
.rates .rate-description,
.rates .rate-detail {
  margin: 1rem;
}

.rate-description {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-weight: 300;
}

.price-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 520px) {
  .price-options__form {
    width: 90%;
  }
}

.price-options__row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .price-options__row {
    flex-direction: row;
  }
}

.price-options__form-group {
  display: flex;
  flex-direction: column;
}
.price-options__form-group label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  padding: 0.5rem 0;
}

@media (min-width: 900px) {
  .price-options__form-group--effective-dates {
    margin-left: 2rem;
  }
}

.price-options__form-control select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
@media (min-width: 520px) {
  .price-options__form-control select {
    width: 19rem;
  }
}
.price-options__form-control select:hover {
  background-color: unset;
}

.price-options__form-control::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237d7d7d' d='M16 19l5-6h-10z' %3E%3C/path%3E%3C/svg%3E") center center;
  background-size: 35px 35px;
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  vertical-align: middle;
  pointer-events: none;
  margin-left: -3rem;
  background-color: #ffffff;
}

.price-table {
  margin-left: -3rem;
  margin-right: -3rem;
}
@media (min-width: 720px) {
  .price-table {
    margin-left: 0;
    margin-right: 0;
  }
}
.price-table__row {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d8d8d8;
  padding: 1rem 2rem;
}
@media (min-width: 520px) {
  .price-table__row {
    flex-direction: row;
    padding: 1rem;
  }
}
.price-table__row:last-child {
  border-bottom: none;
}
.price-table__header {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding: 2rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid #d8d8d8;
  width: 100%;
}
.price-table__header:first-child {
  border-top: none;
}
.price-table__column {
  width: 15rem;
  padding: 1rem 0;
}
@media (min-width: 520px) {
  .price-table__column {
    padding: 1rem;
  }
}
.price-table__unit,
.price-table td.price-table__unit {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}
.price-table__value {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  font-weight: 300;
  padding-top: 0.5rem;
  padding-left: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
}

.slat__content--simple-rates-column .rate-detail {
  margin-left: 1rem;
  min-width: 20rem;
}
.slat__content--simple-rates-column .price-table {
  margin-bottom: 1rem;
}
.slat__content--simple-rates-column .rate-file-link {
  padding-bottom: 4rem;
}

.rates .slat__content--has-legacy-rates,
.rates .slat__content--is-lighting-rate,
.rates .slat__content--simple-rates-full-width {
  flex-direction: column;
}
@media (min-width: 520px) {
  .rates .slat__content--has-legacy-rates,
  .rates .slat__content--is-lighting-rate,
  .rates .slat__content--simple-rates-full-width {
    flex-direction: column;
  }
}
@media (min-width: 520px) {
  .rates .slat__content--has-legacy-rates .price-table,
  .rates .slat__content--is-lighting-rate .price-table,
  .rates .slat__content--simple-rates-full-width .price-table {
    padding: 1rem;
  }
}
.rates .slat__content--has-legacy-rates .price-table__row,
.rates .slat__content--is-lighting-rate .price-table__row,
.rates .slat__content--simple-rates-full-width .price-table__row {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .rates .slat__content--has-legacy-rates .price-table__row,
  .rates .slat__content--is-lighting-rate .price-table__row,
  .rates .slat__content--simple-rates-full-width .price-table__row {
    flex-direction: row;
  }
}
.rates .slat__content--has-legacy-rates .price-table__header,
.rates .slat__content--is-lighting-rate .price-table__header,
.rates .slat__content--simple-rates-full-width .price-table__header {
  border-top: none;
  padding: 1rem 0;
}
.rates .slat__content--has-legacy-rates .price-table__column,
.rates .slat__content--is-lighting-rate .price-table__column,
.rates .slat__content--simple-rates-full-width .price-table__column {
  width: 11rem;
  padding: 1rem 0;
}
@media (min-width: 900px) {
  .rates .slat__content--has-legacy-rates .price-table__column,
  .rates .slat__content--is-lighting-rate .price-table__column,
  .rates .slat__content--simple-rates-full-width .price-table__column {
    padding: 1rem;
  }
}
@media (min-width: 80.47rem) {
  .rates .slat__content--has-legacy-rates .price-table__column,
  .rates .slat__content--is-lighting-rate .price-table__column,
  .rates .slat__content--simple-rates-full-width .price-table__column {
    width: 13rem;
    padding: 1rem;
  }
}
.rates .slat__content--has-legacy-rates .price-table__value,
.rates .slat__content--is-lighting-rate .price-table__value,
.rates .slat__content--simple-rates-full-width .price-table__value {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.lighting-rates {
  background-color: #f7f5f1;
  padding: 1rem;
}
.lighting-rates td.price-table__value,
.lighting-rates .price-table__lighting-option {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}
.lighting-rates td.price-table__value {
  padding-top: 0;
  border-bottom: none;
}
.lighting-rates .price-table__lighting-option {
  padding-top: 1.5rem;
  font-weight: 600;
}
.lighting-rates td.price-table__value,
.lighting-rates .price-table__label {
  width: 13rem;
}
@media (max-width: 80.47rem) {
  .lighting-rates td.price-table__value,
  .lighting-rates .price-table__label {
    width: 10rem;
  }
}
.lighting-rates .price-table__row {
  display: flex;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-right: 0;
  margin-left: 0;
}

.lighting-rates__row {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d8d8d8;
  width: 100%;
}
@media (min-width: 900px) {
  .lighting-rates__row {
    flex-direction: row;
  }
}
.lighting-rates__row:first-child, .lighting-rates__row:nth-child(2) {
  border-top: none;
}
.lighting-rates__row--lables {
  padding-bottom: 1.5rem;
}

.price-table__label {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .price-table__label {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .lighting-rates,
  .rates .slat__content--has-legacy-rates .price-table,
  .rates .slat__content--simple-rates-full-width .price-table {
    width: 100vw;
    margin-left: -3rem;
    margin-right: -3rem;
  }
}
@media (min-width: 1600px) {
  .lighting-rates,
  .rates .slat__content--has-legacy-rates .price-table,
  .rates .slat__content--simple-rates-full-width .price-table {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.rates .slat__content--has-legacy-rates .price-table__header,
.rates .slat__content--simple-rates-full-width .price-table__header,
.price-table__label:first-child,
.price-table__lighting-option {
  width: 100%;
  margin-right: 2rem;
}

@media (min-width: 1024px) {
  .rates .slat__content--has-legacy-rates .price-table__header,
  .rates .slat__content--simple-rates-full-width .price-table__header {
    width: 4rem;
    margin-right: 6rem;
  }
}
@media (min-width: 900px) {
  .rates .slat__content--has-legacy-rates .price-table__header,
  .rates .slat__content--simple-rates-full-width .price-table__header {
    margin-right: 4rem;
  }
}

@media (min-width: 1024px) {
  .price-table__label:first-child {
    width: 17rem;
  }
}

.price-table__label:first-child,
.price-table__lighting-option {
  padding-left: 0.5rem;
  padding-right: 2rem;
}
@media (min-width: 520px) {
  .price-table__label:first-child,
  .price-table__lighting-option {
    flex-direction: row;
  }
}
@media (min-width: 720px) {
  .price-table__label:first-child,
  .price-table__lighting-option {
    width: 6rem;
  }
}
@media (min-width: 900px) {
  .price-table__label:first-child,
  .price-table__lighting-option {
    padding-left: 2rem;
  }
}
@media (min-width: 1024px) {
  .price-table__label:first-child,
  .price-table__lighting-option {
    width: 9rem;
    margin-right: 2rem;
  }
}

a.rate-file-link {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-decoration: none;
  margin-top: 2rem;
  margin-left: 0.5rem;
  margin-bottom: 2rem;
  margin-right: 0;
  align-self: center;
}
@media (min-width: 520px) {
  a.rate-file-link {
    margin-left: 1rem;
  }
}
a.rate-file-link::after {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 32px;
  width: 32px;
}
a.rate-file-link:hover::after {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231a1a1a' d='M19.628 10l-11.628 11.628 1.414 1.414 11.586-11.586v7.544h2v-11h-11v2h7.628z' %3E%3C/path%3E%3C/svg%3E");
  background-size: 32px 32px;
}
@media (max-width: 520px) {
  a.rate-file-link--desktop {
    display: none;
  }
}
@media (min-width: 520px) {
  a.rate-file-link--mobile {
    display: none;
  }
}

.search .gmp-backdrop,
.page-template-search .gmp-backdrop {
  margin-bottom: 0;
}
.search .page-header,
.page-template-search .page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 900px) {
  .search .page-header,
  .page-template-search .page-header {
    flex-direction: column;
  }
}
.search .entry-title,
.page-template-search .entry-title {
  text-align: left;
}
.search .search,
.page-template-search .search {
  width: 100%;
}
.search .search-form,
.page-template-search .search-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 1rem 0;
}
@media (min-width: 720px) {
  .search .search-form,
  .page-template-search .search-form {
    flex-direction: row;
  }
}
.search .search-form-input,
.page-template-search .search-form-input {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  margin-right: 0;
  margin-bottom: 1rem;
  max-width: 600px;
  width: -webkit-fill-available;
}
@media (min-width: 720px) {
  .search .search-form-input,
  .page-template-search .search-form-input {
    margin-right: 0.5rem;
    margin-bottom: 0;
    max-width: 500px;
  }
}

.search-subheadline {
  text-align: left;
}

.search-subheadline__example {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #6f7383;
  margin: 1rem;
}

.search-subheadline__result-count {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  color: #00704a;
  font-weight: 700;
}

.search-no-results .content,
.page-template-search .content {
  height: 15rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #f7f5f1;
}
.search-no-results .content p,
.page-template-search .content p {
  display: none;
}

.gmp-search-results {
  margin-top: 2rem;
}
.gmp-search-results .slat-group {
  margin-right: -1rem;
  margin-left: -1rem;
}
.gmp-search-results .slat__header {
  padding: 1rem;
}
@media (min-width: 720px) {
  .gmp-search-results .slat__header {
    padding: 1rem;
  }
}
.gmp-search-results .slat__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}
.gmp-search-results .slat__text-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 720px) {
  .gmp-search-results .slat__text-container {
    flex-direction: row;
  }
}
.gmp-search-results .slat__headline {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding-bottom: 1rem;
  align-self: flex-start;
}
@media (min-width: 720px) {
  .gmp-search-results .slat__headline {
    width: 90%;
    padding-bottom: 0;
  }
}
.gmp-search-results .slat__label {
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 4px;
  line-height: 13px;
  color: #1a1a1a;
  align-self: flex-start;
}
@media (min-width: 720px) {
  .gmp-search-results .slat__label {
    align-self: flex-end;
  }
}

.error-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 8rem 0;
}

.error-404__message {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  padding: 1.5rem 0;
}

a.error-404__link {
  font-family: "MaisonNeue", "Helvetica", "sans-serif";
  font-size: 1.125rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.0125em;
  text-decoration: none;
}
a.error-404__link:hover {
  color: #00704a;
}
a.error-404__link:hover::after {
  transform: translateX(0.5rem);
}
a.error-404__link::after {
  content: " ";
  transition: transform 0.2s cubic-bezier(0.29, -0.09, 0.18, 1.06);
  background-size: 35px 35px;
  display: inline-block;
  height: 35px;
  width: 35px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300704a' d='M21.913 17h-14.913v-2h14.886l-3.936-3.936 1.414-1.414 6.364 6.364-6.364 6.364-1.414-1.414 3.964-3.964z' %3E%3C/path%3E%3C/svg%3E");
}

.bill-report_cell-border_light {
  border: 1px solid;
}

.banner-container {
  width: 100%;
}

.banner-container .scheduled-payments-list {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  box-sizing: border-box;
  transform-origin: center;
  transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
  left: -4px;
}

.mx-icon-double-right:before {
  left: 4px;
}

.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
  transform: rotate(135deg) scale(0.7);
}

.mx-btn {
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #73879c;
  white-space: nowrap;
}
.mx-btn:hover {
  border-color: #1284e7;
  color: #1284e7;
}
.mx-btn:disabled, .mx-btn.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-scrollbar {
  height: 100%;
}
.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.24s ease-out;
}
.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-enter-from,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  transform: scaleY(0);
}

.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}
.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mx-datepicker-range {
  width: 320px;
}

.mx-datepicker-inline {
  width: auto;
}

.mx-input-wrapper {
  position: relative;
}

.mx-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.mx-input:hover, .mx-input:focus {
  border-color: #409aff;
}
.mx-input:disabled, .mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}
.mx-input:focus {
  outline: none;
}
.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar,
.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}

.mx-icon-clear {
  cursor: pointer;
}
.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
  color: #73879c;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}

.mx-datepicker-sidebar {
  float: left;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}

.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid #e8e8e8;
}

.mx-datepicker-body {
  position: relative;
  user-select: none;
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: flex;
}
@media (max-width: 750px) {
  .mx-range-wrapper {
    flex-direction: column;
  }
}

.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid #e8e8e8;
}

.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
}

.mx-calendar {
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}
.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-header, .mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}

.mx-calendar-header-label {
  font-size: 14px;
}

.mx-calendar-decade-separator {
  margin: 0 2px;
}
.mx-calendar-decade-separator:after {
  content: "~";
}

.mx-calendar-content {
  position: relative;
  height: 224px;
  box-sizing: border-box;
}
.mx-calendar-content .cell {
  cursor: pointer;
}
.mx-calendar-content .cell:hover {
  color: #73879c;
  background-color: rgb(243.15, 248.85, 253.8);
}
.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #1284e7;
}
.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
  color: #73879c;
  background-color: rgb(219.45, 236.55, 251.4);
}
.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: rgb(243.15, 248.85, 253.8);
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: rgb(219.45, 236.55, 251.4);
}
.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}
.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}
.mx-table th {
  padding: 0;
  font-weight: 500;
  vertical-align: middle;
}
.mx-table td {
  padding: 0;
  vertical-align: middle;
}

.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
}
.mx-table-date .today {
  color: rgb(41.7, 144.3, 233.4);
}
.mx-table-date .cell.not-current-month {
  color: #ccc;
  background: none;
}

.mx-time {
  flex: 1;
  width: 224px;
  background: #fff;
}
.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}

.mx-time-content {
  height: 224px;
  box-sizing: border-box;
  overflow: hidden;
}

.mx-time-columns {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mx-time-column {
  flex: 1;
  position: relative;
  border-left: 1px solid #e8e8e8;
  text-align: center;
}
.mx-time-column:first-child {
  border-left: 0;
}
.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}
.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: rgb(243.15, 248.85, 253.8);
}
.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.mx-time-option:hover {
  color: #73879c;
  background-color: rgb(243.15, 248.85, 253.8);
}
.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #00704a;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Special Case Modifiers
--------------------------------------------------------------*/
.gmp-reverse-columns {
  flex-direction: row-reverse;
}
@media (max-width: 900px) {
  .gmp-reverse-columns .wp-block-column {
    flex-basis: 100% !important;
  }
}
.gmp-reverse-columns .wp-block-column .wp-block-columns {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .gmp-reverse-columns .wp-block-column .wp-block-columns {
    flex-direction: column;
  }
}
.gmp-reverse-columns .wp-block-column .wp-block-column {
  margin-left: 0;
}
@media (max-width: 900px) {
  .gmp-reverse-columns .wp-block-column .wp-block-column {
    flex-wrap: wrap;
  }
}

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
.entry-content > ul li,
.entry-content > ol li,
.entry-content .wp-block-column > ul li,
.entry-content .wp-block-column > ol li,
.slat__content > ul li,
.slat__content > ol li,
.gds-slide__content > ul li,
.gds-slide__content > ol li,
.preheader-modal-alert__message > ul li,
.preheader-modal-alert__message > ol li,
.block-library-list > ul li,
.block-library-list > ol li,
.wp-block > ul li,
.wp-block > ol li {
  padding: 0.5rem 0;
}
.entry-content > ul ul,
.entry-content > ul ol,
.entry-content > ol ul,
.entry-content > ol ol,
.entry-content .wp-block-column > ul ul,
.entry-content .wp-block-column > ul ol,
.entry-content .wp-block-column > ol ul,
.entry-content .wp-block-column > ol ol,
.slat__content > ul ul,
.slat__content > ul ol,
.slat__content > ol ul,
.slat__content > ol ol,
.gds-slide__content > ul ul,
.gds-slide__content > ul ol,
.gds-slide__content > ol ul,
.gds-slide__content > ol ol,
.preheader-modal-alert__message > ul ul,
.preheader-modal-alert__message > ul ol,
.preheader-modal-alert__message > ol ul,
.preheader-modal-alert__message > ol ol,
.block-library-list > ul ul,
.block-library-list > ul ol,
.block-library-list > ol ul,
.block-library-list > ol ol,
.wp-block > ul ul,
.wp-block > ul ol,
.wp-block > ol ul,
.wp-block > ol ol {
  margin: 1rem;
}
.entry-content > ol,
.entry-content .wp-block-column > ol,
.slat__content > ol,
.gds-slide__content > ol,
.preheader-modal-alert__message > ol,
.block-library-list > ol,
.wp-block > ol {
  list-style: decimal;
}
.entry-content > ol > li > ol,
.entry-content .wp-block-column > ol > li > ol,
.slat__content > ol > li > ol,
.gds-slide__content > ol > li > ol,
.preheader-modal-alert__message > ol > li > ol,
.block-library-list > ol > li > ol,
.wp-block > ol > li > ol {
  list-style: lower-alpha;
}
.entry-content > ol > li > ol > li > ol,
.entry-content .wp-block-column > ol > li > ol > li > ol,
.slat__content > ol > li > ol > li > ol,
.gds-slide__content > ol > li > ol > li > ol,
.preheader-modal-alert__message > ol > li > ol > li > ol,
.block-library-list > ol > li > ol > li > ol,
.wp-block > ol > li > ol > li > ol {
  list-style: lower-roman;
}

/*# sourceMappingURL=styles.2ac80bd.css.map*/