@charset "UTF-8";
/* https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;500;700&display=swap */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("roboto-400-latin.15fa3062f892.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("roboto-500-latin.07db243db21e.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("roboto-700-latin.a59072f93316.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("roboto-condensed-400-latin.e31e130d9ebb.woff2") format("woff2");
}
/* latin */
@font-face {
  font-display: swap;
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("roboto-condensed-700-latin.b024feb9b6da.woff2") format("woff2");
}
html,
body {
  color: #1a1f2f;
  font-family: roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
}

h2,
table caption {
  font-size: 26px;
  font-weight: 400;
  line-height: 35.75px;
}

h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24.75px;
}

h4,
figcaption {
  color: #76767a;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.25px;
  text-transform: uppercase;
}

h5 {
  font-family: roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

small,
footer,
.small-text {
  font-size: 14px;
  line-height: 19.25px;
}

a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}

table th {
  font-family: "Roboto Condensed", "Arial Narrow", roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
table td {
  font-family: "Roboto Condensed", "Arial Narrow", roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.centered-text {
  text-align: center;
}

/* stylelint-disable
    no-descending-specificity,
    selector-no-qualifying-type,
 */
.form-control-wrapper {
  margin: 40px 0;
  max-width: 462px;
}

input,
select,
textarea,
button,
label {
  font-family: roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

input,
textarea,
select,
.dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #1a1f2f;
  border-radius: 0;
  box-shadow: inset 1px 1px 4px rgba(26, 31, 47, 0.1);
  box-sizing: border-box;
  color: #1a1f2f;
  margin: 0;
  padding: 13px 10px;
  width: 100%;
}
input:focus, input.focus,
textarea:focus,
textarea.focus,
select:focus,
select.focus,
.dropdown:focus,
.dropdown.focus {
  border-width: 2px;
  padding: 12px 9px;
}

label {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}
label input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
label img,
label svg {
  bottom: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-left: -0.4ex;
  margin-right: 0.6ex;
  position: relative;
  width: 20px;
}
label[for] {
  cursor: pointer;
}
label.error {
  color: #eb1500;
}

.checkbox-wrapper label {
  margin: 16px 0;
}

input[type=checkbox] {
  background: #fff;
  color: #1a1f2f;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 42.4px;
  margin-right: 10.4px;
  padding: 0;
  text-align: center;
  width: 32px;
}
input[type=checkbox]:checked {
  background-color: #e5e0d0;
  background-image: url("check.16ce7526a708.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-color: #e5e0d0;
  box-shadow: none;
  filter: invert(1);
}

input[type=radio] {
  background-color: #fff;
  border-radius: 16px;
  color: #1a1f2f;
  cursor: pointer;
  display: block;
  height: 32px;
  margin-right: 10.4px;
  padding: 0;
  width: 32px;
}
input[type=radio]:checked {
  background-image: radial-gradient(circle at 50%, #1a1f2f, #1a1f2f 50%, transparent 50%);
}

select,
.dropdown {
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: 16px auto;
  padding-right: 36px;
  background-image: url("chevron-down.5234a224911d.svg");
  cursor: pointer;
}
select:focus, select.focus,
.dropdown:focus,
.dropdown.focus {
  padding-right: 35px;
}

.radio-button-list-wrapper ul {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}
.radio-button-list-wrapper ul li {
  display: inline-block;
}
.radio-button-list-wrapper ul label {
  margin: 0;
  padding-right: 50px;
}

.error-wrapper input,
.error-wrapper .dropdown {
  border-color: #eb1500;
  border-width: 2px;
  padding: 12px 9px;
}
.error-wrapper .dropdown {
  padding-right: 34px;
}
.error-wrapper input[type=checkbox] {
  padding: 0;
}

.htmx-request input:not([type=checkbox]),
.htmx-request textarea,
.htmx-request select,
.htmx-request .dropdown {
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: 16px auto;
  padding-right: 36px;
  background-image: url("loader.9b7a8fcd45cf.svg");
}
.htmx-request input:not([type=checkbox]):focus, .htmx-request input:not([type=checkbox]).focus,
.htmx-request textarea:focus,
.htmx-request textarea.focus,
.htmx-request select:focus,
.htmx-request select.focus,
.htmx-request .dropdown:focus,
.htmx-request .dropdown.focus {
  padding-right: 35px;
}
.htmx-request input[type=checkbox] {
  background: #fff;
  background-image: url("loader.9b7a8fcd45cf.svg");
  background-position: center;
  background-repeat: no-repeat;
  color: #1a1f2f;
}

/* stylelint-disable
    selector-no-qualifying-type,
    no-descending-specificity,
    max-nesting-depth,
 */
button,
.button,
input[type=submit],
input[type=button],
input[type=reset] {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #1a1f2f;
  border-radius: 24px;
  box-shadow: 1px 1px 4px rgba(26, 31, 47, 0.1);
  cursor: pointer;
  display: inline-block;
  font-family: roboto, helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
  padding: 11.8px 31px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
button:active,
.button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active {
  box-shadow: 1px 1px 8px rgba(26, 31, 47, 0.1);
  transition: 0.3s;
}
button img,
button svg,
.button img,
.button svg,
input[type=submit] img,
input[type=submit] svg,
input[type=button] img,
input[type=button] svg,
input[type=reset] img,
input[type=reset] svg {
  height: 22px;
  margin-bottom: -4.4px;
  margin-right: 0.5ex;
}

button.primary,
input.primary,
.button.primary,
button[type=submit],
input[type=submit] {
  background: linear-gradient(to right bottom, #018556, #018556, #035451, #035451);
  background-size: 300% 300%;
  border-color: #018556;
  color: #fff;
  transition: 0.3s;
}
button.primary:hover, button.primary:focus,
input.primary:hover,
input.primary:focus,
.button.primary:hover,
.button.primary:focus,
button[type=submit]:hover,
button[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  background-position: 50% 50%;
  transition: 0.3s;
}
button.primary:active,
input.primary:active,
.button.primary:active,
button[type=submit]:active,
input[type=submit]:active {
  background-position: 100% 100%;
  transition: 0.3s;
}
button.primary img,
input.primary img,
.button.primary img,
button[type=submit] img,
input[type=submit] img {
  filter: invert(1);
}
button.primary.danger,
input.primary.danger,
.button.primary.danger,
button[type=submit].danger,
input[type=submit].danger {
  background: #eb1500;
  border-color: #eb1500;
}

button.secondary,
input.secondary,
.button,
button,
input[type=button] {
  background: linear-gradient(to right bottom, #1a1f2f, #1a1f2f, #035451, #035451);
  background-size: 300% 300%;
  color: #fff;
  transition: 0.3s;
}
button.secondary:hover, button.secondary:focus,
input.secondary:hover,
input.secondary:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus {
  background-position: 50% 50%;
  transition: 0.3s;
}
button.secondary:active,
input.secondary:active,
.button:active,
button:active,
input[type=button]:active {
  background-position: 100% 100%;
  transition: 0.3s;
}
button.secondary img,
input.secondary img,
.button img,
button img,
input[type=button] img {
  filter: invert(1);
}

button.tertiary,
.button.tertiary,
input[type=reset],
button[type=reset] {
  background: linear-gradient(to right bottom, #fff, #fff, #e8e9ea, #e8e9ea);
  background-size: 300% 300%;
  color: #1a1f2f;
  font-weight: 700;
}
button.tertiary:hover, button.tertiary:focus,
.button.tertiary:hover,
.button.tertiary:focus,
input[type=reset]:hover,
input[type=reset]:focus,
button[type=reset]:hover,
button[type=reset]:focus {
  background-position: 50% 50%;
  transition: 0.3s;
}
button.tertiary:active,
.button.tertiary:active,
input[type=reset]:active,
button[type=reset]:active {
  background-position: 100% 100%;
  transition: 0.3s;
}
button.tertiary img,
.button.tertiary img,
input[type=reset] img,
button[type=reset] img {
  filter: invert(0);
}
button.tertiary.danger,
.button.tertiary.danger,
input[type=reset].danger,
button[type=reset].danger {
  border-color: #eb1500;
  color: #eb1500;
}
button.tertiary.danger svg,
.button.tertiary.danger svg,
input[type=reset].danger svg,
button[type=reset].danger svg {
  stroke: #eb1500;
}

.button-bar {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -12px;
  max-width: 486px;
}
.button-bar > * {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 12px;
}

/* stylelint-disable
    selector-max-id,
    selector-no-qualifying-type,
    max-nesting-depth,
 */
body.single-column-text main {
  margin: 0 auto;
  max-width: 620px;
}
@media (min-width: 748px) {
  body.single-column-text main {
    max-width: none;
    width: 748px;
  }
}
@media (min-width: 1088px) {
  body.single-column-text main {
    box-sizing: content-box;
    max-width: 620px;
    padding-right: 404px;
    position: relative;
  }
  body.single-column-text main #messages,
body.single-column-text main .break-out {
    width: 960px;
  }
  body.single-column-text main .sidebar-float {
    float: right;
    margin-right: -340px;
    position: sticky;
    top: 0;
    width: 320px;
  }
}

html,
body {
  height: 100%;
  width: 100%;
}

body {
  background-color: #fff;
  color: #1a1f2f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0;
}
body > header,
body > footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body > main {
  box-sizing: border-box;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 16px;
  width: 100%;
}
@media (min-width: 748px) {
  body > main {
    padding: 64px;
  }
}

.half-paragraph-margin {
  margin: 0.5em auto;
}

/* stylelint-disable
    max-nesting-depth,
    selector-max-compound-selectors,
    selector-no-qualifying-type,
 */
.card {
  -ms-flex-align: stretch;
      align-items: stretch;
  background: linear-gradient(to right bottom, #00ab5b, #018556 48px, #035451);
  border-radius: 24px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 400;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 16px;
  text-decoration: none;
}
.card.muted {
  background: linear-gradient(to right bottom, #135179, #1a1f2f);
}
.card .card-icon-and-text {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.card .card-icon-and-text .card-icon {
  display: none;
}
.card .card-icon-and-text .card-icon svg {
  fill: #fff;
}
.card .card-icon-and-text .card-icon svg[fill=none] {
  fill: none;
  stroke-color: #fff;
}
.card .card-icon-and-text .card-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: left;
}
.card .card-icon-and-text .card-text > * {
  margin: 0.33em 0;
  max-width: 500px;
}
.card .card-stats {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-left: 16px;
}
.card .card-stats dl {
  margin: 0;
  text-align: right;
}
.card .card-stats dd {
  font-size: 26px;
  font-weight: 700;
  line-height: 35.75px;
  margin: 0;
}
.card a {
  color: #fff;
}
@media (min-width: 547px) {
  .card {
    background: linear-gradient(to right bottom, #00ab5b, #018556 124px, #035451);
    padding: 32px;
  }
  .card .card-icon-and-text {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .card .card-icon-and-text .card-icon {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12px;
    padding-right: 44px;
  }
  .card .card-icon-and-text .card-icon img,
.card .card-icon-and-text .card-icon svg {
    height: 44px;
    width: 44px;
  }
  .card .card-icon-and-text .card-text {
    width: 351px;
  }
}
.card .button-bar {
  width: auto;
}
.card .button.tertiary {
  border-color: #fff;
}

.crumbtrail {
  list-style: none;
  margin: 0;
  padding: 0;
}

.crumbtrail__item {
  display: inline-block;
}
.crumbtrail__item::after {
  content: ">";
  padding: 0 0.5ex 0 1ex;
}
.crumbtrail__item:last-of-type::after {
  display: none;
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
 */
body > header {
  background: #1a1f2f;
  background-image: linear-gradient(to right, #00ab5b, #035451);
  background-repeat: no-repeat;
  background-size: 100% 44px;
  color: #fff;
  display: grid;
  grid-template-areas: "logo user-nav-desktop" "logo site-nav-desktop" "user-nav-mobile user-nav-mobile" "site-nav-mobile site-nav-mobile";
  grid-template-columns: 264px 1fr;
  grid-template-rows: 44px 85px auto auto;
}
body > header a {
  color: inherit;
}
body > header #logo {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  grid-area: logo;
  -ms-flex-pack: center;
      justify-content: center;
}
body > header #logo img {
  height: 87%;
  width: 87%;
}
body > header #hamburger {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  grid-area: site-nav-desktop;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-right: 16px;
}
body > header #hamburger svg {
  cursor: pointer;
  height: 32px;
}
@media (min-width: 640px) {
  body > header #hamburger {
    display: none;
  }
}
body > header #user-nav {
  -ms-flex-align: stretch;
      align-items: stretch;
  background-image: linear-gradient(to right, #1a1f2f, #76767a);
  border-top: 1px solid #c6c7cb;
  display: none;
  grid-area: user-nav-mobile;
  height: 44px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  overflow: hidden;
}
body > header #user-nav.expanded {
  display: -ms-flexbox;
  display: flex;
}
body > header #user-nav a,
body > header #user-nav span {
  display: block;
  font-weight: 500;
  padding: 12px 16px;
  white-space: nowrap;
}
body > header #user-nav span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 640px) {
  body > header #user-nav {
    background-image: none;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    grid-area: user-nav-desktop;
  }
}
body > header #site-nav {
  display: none;
  grid-area: site-nav-mobile;
}
body > header #site-nav.expanded {
  display: block;
}
@media (min-width: 640px) {
  body > header #site-nav {
    display: block;
    grid-area: site-nav-desktop;
  }
}
body > header #site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  body > header #site-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
body > header #site-nav ul li a {
  background-image: linear-gradient(#ffc300, #ffc300);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 8px;
  border-top: 1px solid #c6c7cb;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 44px 16px 20px;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: background-size 0.3s;
  white-space: nowrap;
}
@media (min-width: 640px) {
  body > header #site-nav ul li a {
    border-left: 1px solid #c6c7cb;
    border-top-width: 0;
    width: 160px;
  }
}
body > header #site-nav ul li a:hover {
  background-size: 100% 8px;
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
 */
#messages {
  list-style: none;
  margin: 0;
  padding: 0;
}
#messages li {
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(26, 31, 47, 0.1);
  border-left: 16px solid #1a1f2f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 16px 0;
}
#messages li .message-icon {
  -ms-flex-align: center;
      align-items: center;
  background-color: #1a1f2f;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 20px;
  width: 40px;
}
#messages li .message-icon svg {
  height: 24px;
  stroke: #fff;
  width: 24px;
}
#messages li .message-text {
  padding: 16px;
}
#messages li.success {
  border-color: #00ab5b;
}
#messages li.success .message-icon {
  background-color: #00ab5b;
}
#messages li.warning {
  border-color: #ffc300;
}
#messages li.warning .message-icon {
  background-color: #ffc300;
}
#messages li.error {
  border-color: #eb1500;
}
#messages li.error .message-icon {
  background-color: #eb1500;
}
#messages li.info {
  border-color: #135179;
}
#messages li.info .message-icon {
  background-color: #135179;
}

footer {
  background: #1a1f2f;
  color: #fff;
  display: grid;
  font-weight: 700;
  grid-template-areas: "logo" "link-list" "social-media-links" "copyright" "do-not-sell-info";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto;
  padding: 16px 32px;
  row-gap: 16px;
  text-align: center;
}
footer a {
  color: inherit;
}
@media (min-width: 970px) {
  footer {
    grid-template-areas: "logo logo link-list link-list" "do-not-sell-info copyright copyright social-media-links";
    grid-template-columns: 226px 140px 1fr 300px;
    grid-template-rows: 93px auto;
    padding: 40px 64px;
    text-align: left;
  }
}

.footer-logo {
  grid-area: logo;
}
@media (min-width: 970px) {
  .footer-logo img {
    height: 93px;
    width: 226px;
  }
}

.footer-social-media-links {
  border-bottom: 1px solid #fff;
  grid-area: social-media-links;
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
}
.footer-social-media-links li {
  display: inline-block;
  margin: 0 8px;
}
.footer-social-media-links .footer-social-media-links-label {
  display: none;
}
@media (min-width: 970px) {
  .footer-social-media-links .footer-social-media-links-label {
    display: inline-block;
  }
}
@media (min-width: 970px) {
  .footer-social-media-links {
    border-bottom-width: 0;
    border-top: 1px solid #fff;
    line-height: 32px;
    padding-bottom: 0;
    padding-top: 16px;
    text-align: right;
  }
  .footer-social-media-links img {
    vertical-align: middle;
  }
}

.footer-link-list {
  grid-area: link-list;
  margin: 0;
  padding: 0;
}
.footer-link-list li {
  border-right: 1px solid #fff;
  display: inline-block;
  margin: 4px 8px 4px 0;
  padding-right: 8px;
}
@media (min-width: 970px) {
  .footer-link-list li {
    border-width: 0;
    display: list-item;
    list-style: none;
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
  }
}
.footer-link-list li:last-of-type {
  border-right-width: 0;
  margin-right: 0;
  padding-right: 0;
}
@media (min-width: 970px) {
  .footer-link-list {
    -moz-columns: 208px;
         columns: 208px;
    max-width: 208px;
  }
}

.footer-copyright {
  grid-area: copyright;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (min-width: 970px) {
  .footer-copyright {
    border-top: 1px solid #fff;
    line-height: 32px;
    padding-top: 16px;
  }
}

.footer-do-not-sell-info {
  grid-area: do-not-sell-info;
  margin: 0;
  padding: 0;
}
@media (min-width: 970px) {
  .footer-do-not-sell-info {
    border-top: 1px solid #fff;
    line-height: 32px;
    padding-top: 16px;
  }
}

.feather-loader line {
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-name: loader-line;
}
.feather-loader line:nth-of-type(1) {
  animation-delay: 0s;
}
.feather-loader line:nth-of-type(2) {
  animation-delay: 0.1s;
}
.feather-loader line:nth-of-type(3) {
  animation-delay: 0.2s;
}
.feather-loader line:nth-of-type(4) {
  animation-delay: 0.3s;
}
.feather-loader line:nth-of-type(5) {
  animation-delay: 0.4s;
}
.feather-loader line:nth-of-type(6) {
  animation-delay: 0.5s;
}
.feather-loader line:nth-of-type(7) {
  animation-delay: 0.6s;
}
.feather-loader line:nth-of-type(8) {
  animation-delay: 0.7s;
}

@keyframes loader-line {
  from {
    opacity: 1;
    stroke-width: 3;
  }
  to {
    opacity: 0.25;
    stroke-width: 1;
  }
}
/* stylelint-disable
    selector-no-qualifying-type,
    selector-max-compound-selectors,
    max-nesting-depth,
    no-descending-specificity,
 */
main table {
  border-collapse: collapse;
}
main table caption {
  border-bottom: 8px solid #1a1f2f;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: left;
}
main table td,
main table th {
  padding: 16px 8px;
  text-align: left;
}
main table td:first-child,
main table th:first-child {
  padding-left: 16px;
}
main table td:last-child,
main table th:last-child {
  padding-right: 16px;
}
main table td.no-top-padding,
main table th.no-top-padding {
  padding-top: 0;
}
main table tr.no-start-padding td:first-child,
main table tr.no-start-padding th:first-child {
  padding-left: 8px;
}
main table tr.no-end-padding td:last-child,
main table tr.no-end-padding th:last-child {
  padding-right: 8px;
}
main table thead td,
main table thead th,
main table tfoot td,
main table tfoot th {
  padding-bottom: 8px;
  vertical-align: bottom;
}
main table tbody tr {
  background-color: #fff;
  border: 1px solid #76767a;
  color: #76767a;
}
main table tbody tr.no-top-border {
  border-top-width: 0;
}
main table tbody tr.no-bottom-border {
  border-bottom-width: 0;
}
main table th.desc,
main table th.asc {
  background-position: bottom 8px right 16px;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-right: 50px;
}
main table th.asc {
  background-image: url("chevron-down.5234a224911d.svg");
}
main table th.desc {
  background-image: url("chevron-up.c92e36985cf3.svg");
}
main table th.orderable a {
  text-decoration: none;
}

/* stylelint-disable
    selector-no-qualifying-type,
    max-nesting-depth,
 */
.page-controls {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 24px;
}
@media (min-width: 746px) {
  .page-controls {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-controls > * {
    padding-right: 48px;
  }
  .page-controls > *:last-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding-right: 16px;
    text-align: right;
  }
}

.page-button {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #1a1f2f;
  display: inline-block;
  height: 48px;
  text-indent: -9999px;
  width: 54px;
}

.first-page-button {
  background-image: url("chevron-left.e9b1155f5412.svg"), url("chevron-left.e9b1155f5412.svg");
}

.previous-page-button {
  background-image: url("chevron-left.e9b1155f5412.svg");
}

.next-page-button {
  background-image: url("chevron-right.56d30d0663cd.svg");
}

.last-page-button {
  background-image: url("chevron-right.56d30d0663cd.svg"), url("chevron-right.56d30d0663cd.svg");
}

.first-page-button,
.last-page-button {
  background-position: center left 17px, center right 17px;
}

.pagination {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.pagination.button-bar {
  margin-bottom: 12px;
  width: auto;
}
.pagination.button-bar > * {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.pagination a.first-page-button {
  -ms-flex-order: 1;
      order: 1;
}
.pagination a.previous-page-button {
  -ms-flex-order: 2;
      order: 2;
}
@media (min-width: 452px) {
  .pagination a.previous-page-button {
    margin-right: 24px;
  }
}
.pagination a.next-page-button {
  -ms-flex-order: 4;
      order: 4;
}
.pagination a.last-page-button {
  -ms-flex-order: 5;
      order: 5;
}
.pagination a:hover {
  background-color: rgba(26, 31, 47, 0.1);
}
.pagination p {
  margin-right: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 452px) {
  .pagination p {
    margin-right: 24px;
    max-width: 100px;
    -ms-flex-order: 3;
        order: 3;
    width: auto;
  }
}

.page-size {
  text-align: center;
}
.page-size label {
  display: inline;
}
.page-size select {
  margin: 0 16px;
  width: auto;
}

progress {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: linear-gradient(to bottom right, rgba(26, 31, 47, 0.1), rgba(26, 31, 47, 0.25));
  border-radius: 24px;
  height: 48px;
  width: 100%;
}
progress::-webkit-progress-bar {
  background: linear-gradient(to bottom right, rgba(26, 31, 47, 0.1), rgba(26, 31, 47, 0.25));
  border-radius: 24px;
}
progress::-webkit-progress-value {
  background: linear-gradient(to bottom right, #035451, #018556);
  border-radius: 24px;
  min-width: 72px;
  padding: 4px;
}
progress::-moz-progress-bar {
  background: linear-gradient(to bottom right, #035451, #00ab5b);
  border-radius: 24px;
  min-width: 72px;
  padding: 4px;
}

.progress-wrapper {
  position: relative;
}
.progress-wrapper .progress-label {
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  height: 48px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  left: 0;
  min-width: 72px;
  padding-right: 24px;
  position: absolute;
  top: 0;
}

.sticky-bar {
  background: #fff;
  border-top: 8px solid #ffc300;
  bottom: 0;
  box-shadow: 0 -8px 8px -8px rgba(26, 31, 47, 0.25);
  left: 0;
  margin: 0 -16px;
  padding: 16px 0;
  padding: 16px;
  position: sticky;
}
@media (min-width: 748px) {
  .sticky-bar {
    margin: 0 -64px;
    padding: 16px 64px;
  }
}

.error-page main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 1100px) {
  .error-page main {
    background-image: url("error.7c0da0f9c4b4.png");
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: 30%;
  }
}

@media (min-width: 1100px) {
  .error-page--maintenance main {
    background-image: url("maintenance.849f5994c327.png");
    background-size: contain;
  }
}

@media (min-width: 1100px) {
  .error-page--padlock main {
    background-image: url("padlock.94cfe7049624.png");
  }
}

.error-page-content__heading {
  font-size: 64px;
  font-weight: 800;
  line-height: 88px;
}
.error-page-content__heading::after {
  background-color: #ffc300;
  content: " ";
  display: block;
  height: 16px;
  width: 33.33%;
}
@media (min-width: 1100px) {
  .error-page-content {
    padding-right: 60%;
  }
}

/* stylelint-disable
    selector-max-id,
    selector-no-qualifying-type,
    selector-max-compound-selectors,
    max-nesting-depth,
 */
body.auth-form {
  background-color: #1a1f2f;
  color: #fff;
}
body.auth-form main #messages li {
  background-color: #fff;
  color: #1a1f2f;
  margin: 0 auto;
  max-width: 960px;
}
body.auth-form main .auth-form-content {
  margin: 0 auto;
  max-width: 380px;
}
body.auth-form main .auth-form-content div {
  margin: 24px 0;
}
body.auth-form main .auth-form-content div div {
  margin: 10px 0;
}
body.auth-form main .auth-form-content .button-bar {
  margin: 40px;
  margin-bottom: 10px;
}
body.auth-form main .auth-form-content .button-bar button {
  margin: 0;
}
body.auth-form main .auth-form-content .after-button {
  margin-bottom: 32px;
  text-align: center;
}
body.auth-form > header {
  border-bottom: 1px solid #c6c7cb;
}
body.auth-form > footer {
  border-top: 1px solid #c6c7cb;
}

/* stylelint-disable
    selector-max-id,
    selector-no-qualifying-type,
    max-nesting-depth,
    selector-max-compound-selectors,
    no-descending-specificity,
 */
body#home-page main {
  padding: 0;
}
body#home-page section {
  padding: 30px;
}
body#home-page section > * {
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
}
body#home-page #intro {
  background-color: rgba(26, 31, 47, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
body#home-page #intro > div {
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
}
body#home-page #intro div:nth-of-type(1) {
  -ms-flex-order: 2;
      order: 2;
}
body#home-page #intro div:nth-of-type(2) {
  -ms-flex-order: 1;
      order: 1;
}
body#home-page #intro img {
  width: 100%;
}
@media (min-width: 990px) {
  body#home-page #intro {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
  }
  body#home-page #intro div {
    margin: 0;
    padding-right: 30px;
  }
  body#home-page #intro div:nth-of-type(1) {
    -ms-flex-order: 1;
        order: 1;
  }
  body#home-page #intro div:nth-of-type(2) {
    -ms-flex-order: 2;
        order: 2;
    padding-right: 0;
  }
}
body#home-page #how-it-works > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 30px;
}
body#home-page #how-it-works > div .animation-panel {
  -ms-flex-order: 1;
      order: 1;
  position: relative;
}
body#home-page #how-it-works > div p {
  -ms-flex-order: 2;
      order: 2;
}
body#home-page #how-it-works > div p::before {
  background-color: #035451;
  content: " ";
  display: block;
  height: 8px;
  margin-bottom: 16px;
  width: 160px;
}
body#home-page #how-it-works .data-flow {
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
}
body#home-page #how-it-works .data-flow svg {
  height: 20px;
  left: 0;
  position: absolute;
  stroke: transparent;
  top: calc(50% - 10px);
  width: 20px;
}
body#home-page #how-it-works .data-flow svg:nth-of-type(3n), body#home-page #how-it-works .data-flow svg:nth-of-type(5n) {
  height: 10px;
  width: 10px;
}
body#home-page #how-it-works .data-flow svg:nth-of-type(4n) {
  top: calc(50% - 20px);
}
body#home-page #how-it-works .data-flow svg:nth-of-type(4n + 2) {
  top: calc(50% + 5px);
}
body#home-page #how-it-works .feather-mouse-pointer {
  fill: #1a1f2f;
  height: 25px;
  position: absolute;
  width: 25px;
}
body#home-page #how-it-works #upload-data .animation-panel {
  height: 220px;
}
body#home-page #how-it-works #upload-data .animation-panel .fa-file-spreadsheet,
body#home-page #how-it-works #upload-data .animation-panel .fa-file-csv,
body#home-page #how-it-works #upload-data .animation-panel .fa-file-archive,
body#home-page #how-it-works #upload-data .animation-panel .fa-file-chart-line {
  animation: dragged-file 8s linear infinite;
  height: 40px;
  left: 20px;
  position: absolute;
  width: 40px;
}
body#home-page #how-it-works #upload-data .animation-panel .fa-file-spreadsheet {
  --top: 0px;
  animation-delay: 0;
  top: var(--top);
}
body#home-page #how-it-works #upload-data .animation-panel .fa-file-csv {
  --top: 60px;
  animation-delay: 2s;
  top: var(--top);
}
body#home-page #how-it-works #upload-data .animation-panel .fa-file-archive {
  --top: 120px;
  animation-delay: 4s;
  top: var(--top);
}
body#home-page #how-it-works #upload-data .animation-panel .fa-file-chart-line {
  --top: 180px;
  animation-delay: 6s;
  top: var(--top);
}
body#home-page #how-it-works #upload-data .animation-panel .feather-mouse-pointer {
  animation: drag-files 8s linear infinite;
  left: 40px;
  top: 20px;
}
@keyframes dragged-file {
  0% {
    left: 20px;
    top: var(--top);
  }
  12.5% {
    color: #1a1f2f;
    left: 50%;
    top: calc(50% - 20px);
  }
  20% {
    color: transparent;
    left: calc(100% - 40px);
    top: calc(50% - 20px);
  }
  21% {
    color: transparent;
    left: -40px;
    top: var(--top);
  }
  24% {
    color: #1a1f2f;
    left: 20px;
    top: var(--top);
  }
}
@keyframes drag-files {
  0% {
    left: 40px;
    top: 20px;
  }
  12.5% {
    left: calc(50% + 20px);
    top: 50%;
  }
  25% {
    left: 40px;
    top: 80px;
  }
  37.5% {
    left: calc(50% + 20px);
    top: 50%;
  }
  50% {
    left: 40px;
    top: 140px;
  }
  62.5% {
    left: calc(50% + 20px);
    top: 50%;
  }
  75% {
    left: 40px;
    top: 200px;
  }
  87.5% {
    left: calc(50% + 20px);
    top: 50%;
  }
}
body#home-page #how-it-works #analyze-data .animation-panel {
  height: 100px;
}
body#home-page #how-it-works #analyze-data .animation-panel .feather-settings {
  animation: spin 4s linear infinite;
  height: 100px;
  left: 0;
  position: absolute;
  stroke-width: 1px;
  top: calc(50% - 50px);
  width: 100px;
  z-index: 10;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow {
  left: 100px;
  width: calc(100% - 100px);
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg {
  animation: data-flow-start 2s linear infinite;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(1) {
  animation-delay: 0.1428571429s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(2) {
  animation-delay: 0.2857142857s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(3) {
  animation-delay: 0.4285714286s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(4) {
  animation-delay: 0.5714285714s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(5) {
  animation-delay: 0.7142857143s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(6) {
  animation-delay: 0.8571428571s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(7) {
  animation-delay: 1s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(8) {
  animation-delay: 1.1428571429s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(9) {
  animation-delay: 1.2857142857s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(10) {
  animation-delay: 1.4285714286s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(11) {
  animation-delay: 1.5714285714s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(12) {
  animation-delay: 1.7142857143s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(13) {
  animation-delay: 1.8571428571s;
}
body#home-page #how-it-works #analyze-data .animation-panel .data-flow svg:nth-of-type(14) {
  animation-delay: 2s;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
body#home-page #how-it-works #prepare-data .animation-panel {
  height: 100px;
}
body#home-page #how-it-works #prepare-data .animation-panel .fa-desktop {
  height: 100px;
  left: calc(100% - 100px);
  position: absolute;
  top: calc(50% - 50px);
  width: 100px;
}
body#home-page #how-it-works #prepare-data .data-flow {
  left: 0;
  width: calc(100% - 100px);
}
body#home-page #how-it-works #prepare-data .data-flow svg {
  animation: data-flow-end 2s linear infinite;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(1) {
  animation-delay: 0.1428571429s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(2) {
  animation-delay: 0.2857142857s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(3) {
  animation-delay: 0.4285714286s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(4) {
  animation-delay: 0.5714285714s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(5) {
  animation-delay: 0.7142857143s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(6) {
  animation-delay: 0.8571428571s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(7) {
  animation-delay: 1s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(8) {
  animation-delay: 1.1428571429s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(9) {
  animation-delay: 1.2857142857s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(10) {
  animation-delay: 1.4285714286s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(11) {
  animation-delay: 1.5714285714s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(12) {
  animation-delay: 1.7142857143s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(13) {
  animation-delay: 1.8571428571s;
}
body#home-page #how-it-works #prepare-data .data-flow svg:nth-of-type(14) {
  animation-delay: 2s;
}
body#home-page #how-it-works #data-ready-for-cet .animation-panel {
  height: 100px;
}
body#home-page #how-it-works #data-ready-for-cet .animation-panel .fa-file-archive {
  animation: dragged-cet-file 2s linear infinite;
  height: 40px;
  left: 0;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
body#home-page #how-it-works #data-ready-for-cet .animation-panel .feather-mouse-pointer {
  animation: drag-cet-file 2s linear infinite;
  left: 20px;
  top: 50%;
}
body#home-page #how-it-works #data-ready-for-cet .animation-panel .feather-bar-chart {
  height: 100px;
  left: calc(100% - 100px);
  position: absolute;
  stroke: rgba(26, 31, 47, 0.25);
  top: calc(50% - 50px);
  width: 100px;
}
body#home-page #how-it-works #data-ready-for-cet .animation-panel .feather-check-circle {
  height: 33.3333333333px;
  left: calc(100% - 50px);
  position: absolute;
  top: 50%;
  width: 33.3333333333px;
}
@keyframes dragged-cet-file {
  0% {
    left: 0;
  }
  50% {
    color: #1a1f2f;
    left: 50%;
  }
  75% {
    color: transparent;
    left: calc(100% - 50px);
  }
  76% {
    color: transparent;
    left: -40px;
  }
  90% {
    color: #1a1f2f;
    left: 0;
  }
}
@keyframes drag-cet-file {
  0% {
    left: 20px;
  }
  50% {
    left: calc(50% + 20px);
  }
}
@keyframes data-flow-start {
  0% {
    left: 0;
    stroke: transparent;
  }
  25% {
    stroke: #1a1f2f;
  }
  100% {
    left: 100%;
    stroke: #1a1f2f;
  }
}
@keyframes data-flow-end {
  0% {
    left: 0;
    stroke: #1a1f2f;
  }
  75% {
    stroke: #1a1f2f;
  }
  100% {
    left: 100%;
    stroke: transparent;
  }
}
@media (min-width: 990px) {
  body#home-page #how-it-works {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    width: 930px;
  }
  body#home-page #how-it-works h1 {
    grid-column: 1/span 4;
    grid-row: 1;
    margin: 0;
  }
  body#home-page #how-it-works > div {
    grid-row: 2;
  }
  body#home-page #how-it-works > div .animation-panel {
    height: 220px !important;
  }
  body#home-page #how-it-works > div p {
    padding-right: 30px;
  }
}
body#home-page #get-in-touch {
  background-image: linear-gradient(to right bottom, #00ab5b, #018556 30px, #035451);
  color: #fff;
}
body#home-page #get-in-touch p:last-of-type {
  text-align: center;
}
body#home-page #get-in-touch .button.tertiary {
  border-color: #fff;
}
@media (min-width: 675px) {
  body#home-page #get-in-touch {
    background-image: linear-gradient(to right bottom, #00ab5b, #018556 15%, #035451);
  }
}
@media (min-width: 900px) {
  body#home-page #get-in-touch {
    background-image: linear-gradient(to right bottom, #00ab5b, #018556 20%, #035451);
  }
}
@media (min-width: 1350px) {
  body#home-page #get-in-touch {
    background-image: linear-gradient(to right bottom, #00ab5b, #018556 25%, #035451);
  }
}

/* stylelint-disable selector-max-id */
#password-reset .button-bar {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 400px) {
  #password-reset .button-bar {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.avoided-cost-combination {
  background: rgba(26, 31, 47, 0.1);
  border: 2px solid #1a1f2f;
  box-sizing: border-box;
  max-width: 462px;
  padding: 15px;
}
.avoided-cost-combination--valid {
  background: rgba(1, 133, 86, 0.1);
  border-color: #018556;
}
.avoided-cost-combination--invalid {
  background: rgba(235, 21, 0, 0.1);
  border-color: #eb1500;
}
.avoided-cost-combination .form-control-wrapper {
  margin: 0;
  max-width: 428px;
}
.avoided-cost-combination .error {
  color: #1a1f2f;
}
.avoided-cost-combination__status {
  background: #1a1f2f;
  color: #fff;
  margin-bottom: -15px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
}
.avoided-cost-combination__status--valid {
  background: #018556;
}
.avoided-cost-combination__status--invalid {
  background: #eb1500;
}
.avoided-cost-combination__status-image {
  filter: invert(1);
}
.avoided-cost-combination__cell--valid {
  background: rgba(1, 133, 86, 0.1);
}
.avoided-cost-combination__cell--invalid {
  background: rgba(235, 21, 0, 0.1);
}
.avoided-cost-combination__cell--last {
  border-right: 1px solid #76767a;
}

.avoided-cost-combination__cell {
  border-left: 1px solid #76767a;
}

.avoided-cost-combination__cell ~ .avoided-cost-combination__cell {
  border-left-width: 0;
}

.form-control-and-lock-checkbox-wrapper {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: grid;
  grid-template-columns: auto 48px;
  justify-items: stretch;
}
.form-control-and-lock-checkbox-wrapper [type=checkbox] {
  background-color: rgba(26, 31, 47, 0.25);
  background-image: url("unlock.183a8888be1f.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-left-width: 0;
  height: auto;
  width: auto;
}
.form-control-and-lock-checkbox-wrapper [type=checkbox]:checked {
  background-color: #e5e0d0;
  background-image: url("lock.9aab1997a52c.svg");
  border-color: #e5e0d0;
  box-shadow: none;
  filter: invert(1);
}

.htmx-request .form-control-and-lock-checkbox-wrapper [type=checkbox] {
  background-image: url("loader.9b7a8fcd45cf.svg");
}

.long-form .form-control-wrapper {
  margin-bottom: 32px;
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
 */
.portfolio-edit-form .button-bar {
  max-width: 100%;
}
.portfolio-edit-form .button-bar > * {
  -ms-flex-preferred-size: calc(50% - 24px);
      flex-basis: calc(50% - 24px);
}

.portfolio-form {
  margin: 0 auto;
  max-width: 850px;
}
.portfolio-form .form-control-wrapper {
  margin: 0;
  max-width: none;
}
.portfolio-form section {
  margin-bottom: 52px;
  margin-top: 52px;
}
@media (min-width: 808px) {
  .portfolio-form section {
    margin-bottom: 36px;
    margin-top: 36px;
  }
}
.portfolio-form h2,
.portfolio-form p {
  margin: 12px 0;
}
.portfolio-form .wrapped-lines {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.portfolio-form .wrapped-lines .wrapped-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.portfolio-form .wrapped-lines .wrapped-line > * {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
}
@media (min-width: 372px) {
  .portfolio-form .wrapped-lines .wrapped-line {
    width: 340px;
  }
  .portfolio-form .wrapped-lines .wrapped-line > * {
    width: 170px;
  }
}
.portfolio-form .wrapped-lines .wrapped-line label {
  margin: 12px 0;
}
.portfolio-form .delete-wrapper {
  display: inline-block;
  position: relative;
}
.portfolio-form .delete-wrapper > .button {
  box-sizing: border-box;
  display: block;
}
.portfolio-form .delete-wrapper > .button.hidden {
  position: absolute;
  z-index: -1;
}
.portfolio-form .delete-wrapper #faux-delete-form {
  background: #e8e9ea;
  border-radius: 24px;
  box-shadow: 1px 1px 4px rgba(26, 31, 47, 0.1);
  padding: 32px;
  padding-bottom: 24px;
  transition: 0.3s;
}
.portfolio-form .delete-wrapper #faux-delete-form.hidden {
  height: 0;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
}
.portfolio-form .delete-wrapper #faux-delete-form h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24.75px;
}
.portfolio-form .delete-wrapper #faux-delete-form label {
  display: inline;
}
.portfolio-form .delete-wrapper #faux-delete-form > *:first-child {
  margin-top: 0;
}
.portfolio-form .delete-wrapper #faux-delete-form > *:last-child {
  margin-bottom: 0;
}

/* stylelint-disable
    max-nesting-depth,
    selector-max-compound-selectors,
    selector-no-qualifying-type,
    selector-class-pattern,
    no-descending-specificity,
 */
.portfolio-table {
  margin-left: 1px;
  position: relative;
  width: calc(100% - 2px);
}
.portfolio-table td {
  max-width: min(300px, 30vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portfolio-table th {
  border-width: 0;
}
.portfolio-table td,
.portfolio-table th {
  min-width: 85px;
}
.portfolio-table .update-column,
.portfolio-table .delete-column,
.portfolio-table .expand-column,
.portfolio-table .cet-compliant-column {
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.portfolio-table .cet-compliant-column {
  max-width: 40px;
  min-width: 40px;
  width: 40px;
}
.portfolio-table .update-column > *,
.portfolio-table .delete-column > *,
.portfolio-table th.cet-compliant-column > * {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px;
  display: inline-block;
  min-height: 24px;
  text-indent: -9999px;
  width: 24px;
}
.portfolio-table th.update-column > *,
.portfolio-table th.delete-column > *,
.portfolio-table th.cet-compliant-column > * {
  background-position: bottom center;
}
.portfolio-table td.update-column a:hover,
.portfolio-table td.delete-column a:hover {
  filter: drop-shadow(1px 1px 4px rgba(26, 31, 47, 0.25));
}
.portfolio-table td.update-column > *,
.portfolio-table td.delete-column > * {
  filter: opacity(50%);
}
.portfolio-table tr:hover td.update-column > *,
.portfolio-table tr:hover td.delete-column > *,
.portfolio-table tbody.expanded td.update-column > *,
.portfolio-table tbody.expanded td.delete-column > * {
  filter: opacity(75%);
}
.portfolio-table .update-column > * {
  background-image: url("edit.ab1b64dd0f8f.svg");
}
.portfolio-table .delete-column > * {
  background-image: url("trash.d06ced469ca0.svg");
}
.portfolio-table th.cet-compliant-column > * {
  background-image: url("cet-compliance.0ad67d649c61.svg");
}
.portfolio-table th a {
  margin-right: 0.5ex;
}
.portfolio-table .column-icons {
  padding: 0;
  white-space: nowrap;
}
.portfolio-table .column-icons img {
  height: 14px;
  width: 14px;
}
.portfolio-table thead tr {
  border-bottom: 1px solid #76767a;
}
.portfolio-table tbody {
  border-bottom: 1px solid #76767a;
}
.portfolio-table tbody tr {
  border-bottom-width: 0;
  border-top-width: 0;
  cursor: pointer;
}
.portfolio-table tbody tr:hover {
  background-color: rgba(26, 31, 47, 0.1);
  color: #1a1f2f;
}
.portfolio-table tbody tr td.expand-column svg {
  transition: 0.1s;
}
.portfolio-table tbody tr td.expand-column svg line:nth-of-type(2) {
  transition: 0.1s;
}
.portfolio-table tbody tr:nth-of-type(2) td {
  background-color: rgba(26, 31, 47, 0.1);
  padding: 0;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper {
  color: #1a1f2f;
  margin: 0 8px 0 28px;
  max-height: 0;
  overflow-y: scroll;
  transition: 0.3s;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper::-webkit-scrollbar {
  width: 8px;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper::-webkit-scrollbar-track {
  margin: 8px 0;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper::-webkit-scrollbar-thumb {
  background: rgba(26, 31, 47, 0.25);
  border-radius: 16px;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper:hover::-webkit-scrollbar-thumb {
  background: #76767a;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper {
  -moz-column-gap: 16px;
       column-gap: 16px;
  -moz-column-width: 391.75px;
       column-width: 391.75px;
  padding: 16px 0 8px;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper p {
  border-width: 0;
  page-break-inside: avoid;
       break-inside: avoid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 4px;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper p span {
  padding: 8px 0;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper p .label {
  font-weight: 700;
  padding-right: 16px;
  white-space: normal;
  width: 167px;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper p .label .column-icons {
  float: right;
  padding: 0 0 0 0.5ex;
}
.portfolio-table tbody tr:nth-of-type(2) td .expanded-data-wrapper .column-wrapper p .value {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 208.75px;
}
.portfolio-table tbody.expanded tr:nth-of-type(1) {
  background: rgba(26, 31, 47, 0.1);
  color: #1a1f2f;
}
.portfolio-table tbody.expanded tr:nth-of-type(1) td.expand-column svg {
  transform: rotate(90deg);
  transition: 0.1s;
}
.portfolio-table tbody.expanded tr:nth-of-type(1) td.expand-column svg line:nth-of-type(2) {
  stroke: transparent;
  transition: 0.1s;
}
.portfolio-table tbody.expanded tr:nth-of-type(2):hover {
  background: inherit;
}
.portfolio-table tbody.expanded tr:nth-of-type(2) td .expanded-data-wrapper {
  max-height: 50vh;
}
.portfolio-table tbody.empty {
  border-width: 0;
}
.portfolio-table tbody.empty tr {
  border-width: 0;
  color: #1a1f2f;
  cursor: auto;
}
.portfolio-table tbody.empty tr:hover {
  background-color: #fff;
}
.portfolio-table tbody.empty tr td {
  font-family: roboto, helvetica, arial, sans-serif;
  padding: 32px;
  text-align: center;
  white-space: normal;
}
.portfolio-table svg.feather-alert-circle {
  stroke: #eb1500;
}
.portfolio-table svg.feather-help-circle {
  stroke: #cc9c00;
}
.portfolio-table svg.feather-check-circle {
  stroke: #00ab5b;
}
.portfolio-table .inline-status-icon svg {
  height: 16px;
  margin-left: 0.5ex;
  width: 16px;
}
.portfolio-table .expanded tr .avoided-cost-combination__cell {
  border-bottom: 1px solid #76767a;
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
 */
#settings-icon-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#settings-icon-bar svg {
  height: 32px;
  width: auto;
}
#settings-icon-bar .setting {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  margin-right: 12px;
  position: relative;
}
#settings-icon-bar .setting .tooltip {
  background: #ffc300;
  border-radius: 16px;
  box-shadow: 1px 1px 4px rgba(26, 31, 47, 0.1);
  display: none;
  left: calc(50% - 12px - 25px);
  padding: 8px 22px;
  position: absolute;
  top: calc(100% + 22px);
  width: 206px;
  z-index: 1;
}
#settings-icon-bar .setting .tooltip::before {
  border-color: transparent transparent #ffc300 transparent;
  border-style: solid;
  border-width: 0 15px 22px;
  content: "\a";
  position: absolute;
  top: -22px;
}
#settings-icon-bar .setting:hover .tooltip {
  display: block;
}
#settings-icon-bar .setting:hover svg,
#settings-icon-bar .setting:hover svg * {
  fill: #00ab5b;
}
#settings-icon-bar .setting:hover svg {
  filter: drop-shadow(1px 1px 4px rgba(26, 31, 47, 0.25));
}

/* stylelint-disable
    max-nesting-depth,
    selector-max-compound-selectors,
    selector-no-qualifying-type,
  */
.upload-spreadsheet {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.upload-spreadsheet label[for=file] {
  background: linear-gradient(to right bottom, rgba(26, 31, 47, 0.1), rgba(26, 31, 47, 0.1), rgba(26, 31, 47, 0.25), rgba(26, 31, 47, 0.25));
  background-size: 300% 300%;
  border-radius: 24px;
  box-shadow: inset 1px 1px 4px #76767a;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0;
  padding: 16px;
  text-align: center;
  transition: 0.3s;
}
.upload-spreadsheet label[for=file] .button img {
  width: 24px;
}
.upload-spreadsheet label[for=file] .button svg {
  display: none;
  width: 24px;
}
.upload-spreadsheet label[for=file]:hover, .upload-spreadsheet label[for=file]:focus {
  background-position: 50% 50%;
  transition: 0.3s;
}
.upload-spreadsheet label[for=file].submitted {
  background-position: 50% 50%;
}
.upload-spreadsheet label[for=file].submitted.drop {
  background-position: 100% 100%;
}
.upload-spreadsheet label[for=file].submitted .button {
  background-position: 100% 100%;
  transition: 0.3s;
}
.upload-spreadsheet label[for=file].submitted .button img {
  display: none;
}
.upload-spreadsheet label[for=file].submitted .button svg {
  display: inline;
}
.upload-spreadsheet label[for=file].drag {
  background-position: 50% 50%;
  box-shadow: none;
  transition: 0.3s;
}
.upload-spreadsheet label[for=file].drop {
  background-position: 100% 100%;
  box-shadow: none;
  transition: 0.3s;
}
.upload-spreadsheet label[for=file].drop.submitted .button {
  background-position: 0% 0%;
  transition: 0.3s;
}
.upload-spreadsheet > *:last-child {
  margin-bottom: 0;
}

/* stylelint-disable
    max-nesting-depth,
    selector-max-compound-selectors,
  */
.value-list-trigger .description,
.error-wrapper .value-list-trigger .description,
.htmx-request .value-list-trigger .description {
  font-weight: 700;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.value-list-trigger input, .value-list-trigger.focus input,
.error-wrapper .value-list-trigger input,
.error-wrapper .value-list-trigger.focus input,
.htmx-request .value-list-trigger input,
.htmx-request .value-list-trigger.focus input {
  background-image: none;
  border-width: 0;
  box-shadow: none;
  padding: 0;
}

.value-list-wrapper {
  position: relative;
  top: -1px;
  width: 100%;
}
.value-list-wrapper .value-list {
  background: #fff;
  border: 2px solid #1a1f2f;
  border-top-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  max-height: 50vh;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.value-list-wrapper .value-list .message,
.value-list-wrapper .value-list .option {
  border-top: 1px solid #1a1f2f;
  padding: 13px 10px;
}
.value-list-wrapper .value-list .option:hover {
  background: #e8e9ea;
}
.value-list-wrapper .value-list .option.selected {
  background: #018556;
  color: #fff;
}
.value-list-wrapper .value-list .option .description,
.value-list-wrapper .value-list .option .code {
  pointer-events: none;
}
.value-list-wrapper .value-list .option .description {
  font-weight: bold;
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
    selector-no-qualifying-type,
    no-descending-specificity,
 */
#portfolio main header {
  padding-bottom: 44px;
}
#portfolio main header a {
  float: right;
  margin: 0 0 12px 12px;
}
#portfolio main header a .optional-text {
  display: none;
}
@media (min-width: 500px) {
  #portfolio main header a .optional-text {
    display: inline;
  }
}
#portfolio main header h1 {
  margin: 0 12px 6px 0;
  padding-top: 2px;
}
#portfolio main header p {
  margin: 0;
}
@media (min-width: 900px) {
  #portfolio main header {
    -ms-flex-align: start;
        align-items: start;
    display: grid;
    grid-template-columns: 1fr auto auto;
    justify-items: end;
  }
  #portfolio main header h1 {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  #portfolio main header #settings-icon-bar {
    grid-column: 2;
    grid-row: 1;
  }
  #portfolio main header a {
    grid-column: 3;
    grid-row: 1;
    margin-bottom: 0;
  }
  #portfolio main header p {
    grid-column: 1/span 3;
    grid-row: 2;
    justify-self: start;
  }
}
#portfolio #section-wrapper {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
#portfolio #section-wrapper section {
  width: 100%;
}
#portfolio #section-wrapper #status {
  -ms-flex-order: 10;
      order: 10;
}
#portfolio #section-wrapper #status .card {
  box-sizing: border-box;
  min-height: 100%;
  min-width: 100%;
}
#portfolio #section-wrapper .card-text .button {
  margin: 16px 0 0;
}
#portfolio #section-wrapper .card-text .issue-link {
  font-weight: 400;
  text-decoration: none;
}
#portfolio #section-wrapper .card-text .issue-link:hover {
  text-decoration: underline;
}
#portfolio #section-wrapper #welcome {
  -ms-flex-order: 10;
      order: 10;
}
#portfolio #section-wrapper #welcome label[for=file] {
  background-image: linear-gradient(to right bottom, #018556, #018556, #035451, #035451);
  background-size: 300% 300%;
  box-shadow: inset 2px 2px 6px rgba(26, 31, 47, 0.75);
  color: #fff;
}
#portfolio #section-wrapper #welcome label[for=file].drag {
  box-shadow: none;
  transition: 0.3s;
}
#portfolio #section-wrapper #welcome label[for=file]:hover .card-icon > svg:nth-of-type(1), #portfolio #section-wrapper #welcome label[for=file].drag .card-icon > svg:nth-of-type(1) {
  height: 0;
  transition: 0.3s;
  width: 0;
}
#portfolio #section-wrapper #welcome label[for=file]:hover .card-icon > svg:nth-of-type(2), #portfolio #section-wrapper #welcome label[for=file].drag .card-icon > svg:nth-of-type(2) {
  height: 84px;
  transition: 0.3s;
  width: 84px;
}
#portfolio #section-wrapper #welcome label[for=file].submitted .card-icon > svg:nth-of-type(1) {
  height: 0;
  transition: 0.3s;
  width: 0;
}
#portfolio #section-wrapper #welcome label[for=file].submitted .card-icon > svg:nth-of-type(2) {
  height: 0;
  transition: 0.3s;
  width: 0;
}
#portfolio #section-wrapper #welcome label[for=file].submitted .card-icon > svg:nth-of-type(3) {
  height: 84px;
  transition: 0.3s;
  width: 84px;
}
#portfolio #section-wrapper #welcome .card {
  padding: 32px;
}
#portfolio #section-wrapper #welcome .card .card-icon {
  padding-left: 0;
  padding-right: 32px;
}
@media (min-width: 748px) {
  #portfolio #section-wrapper #welcome .card {
    padding: 44px;
  }
  #portfolio #section-wrapper #welcome .card .card-icon {
    padding-right: 44px;
  }
}
#portfolio #section-wrapper #welcome .card-icon {
  height: 84px;
  width: 84px;
}
@keyframes waving {
  from {
    transform: rotate(-10deg);
  }
  5% {
    transform: rotate(-20deg);
  }
  10% {
    transform: rotate(5deg);
  }
  15% {
    transform: rotate(-20deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
#portfolio #section-wrapper #welcome .card-icon > svg {
  height: 0;
  width: 0;
}
#portfolio #section-wrapper #welcome .card-icon > svg:nth-of-type(1) {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: waving;
  animation-timing-function: linear;
  fill: #fff;
  height: 84px;
  transform: rotate(-10deg);
  transition: 0.3s;
  width: 84px;
}
#portfolio #section-wrapper #programs {
  -ms-flex-order: 20;
      order: 20;
}
#portfolio #section-wrapper #measures {
  -ms-flex-order: 30;
      order: 30;
}
#portfolio #section-wrapper #program-costs {
  -ms-flex-order: 40;
      order: 40;
}
#portfolio #section-wrapper #programs,
#portfolio #section-wrapper #measures,
#portfolio #section-wrapper #program-costs {
  margin-top: 64px;
}
#portfolio #section-wrapper #upload {
  margin-top: 64px;
  -ms-flex-order: 50;
      order: 50;
}
#portfolio #section-wrapper #upload label p {
  font-size: 14px;
  line-height: 19.25px;
}
#portfolio #section-wrapper #upload nav {
  margin: 0.75em 0;
  text-align: center;
}
@media (min-width: 1000px) {
  #portfolio #section-wrapper #status {
    width: calc(66% - 22px);
  }
  #portfolio #section-wrapper #upload {
    margin-top: 0;
    -ms-flex-order: 15;
        order: 15;
    width: calc(33% - 22px);
  }
}
#portfolio #section-wrapper .table-heading {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -12px;
  margin-bottom: 0;
}
#portfolio #section-wrapper .table-heading > * {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 12px;
  margin-bottom: 0;
  white-space: nowrap;
}
#portfolio #section-wrapper .table-heading > *:first-child {
  -ms-flex-positive: 100;
      flex-grow: 100;
}
#portfolio #section-wrapper table {
  border-top: 8px solid #1a1f2f;
}
#portfolio #section-wrapper #measures-column-filter {
  display: none;
}
@media (min-width: 500px) {
  #portfolio #section-wrapper #measures-column-filter {
    display: block;
    margin-left: 95px;
    /* hack to get add measure button to wrap onto new line prematurely */
    position: relative;
    transition: 0.3s;
  }
  #portfolio #section-wrapper #measures-column-filter.open {
    background-position: 100% 100%;
    transition: 0.3s;
  }
  #portfolio #section-wrapper #measures-column-filter svg.feather-chevron-down {
    transition: 0.3s;
  }
  #portfolio #section-wrapper #measures-column-filter.open svg.feather-chevron-down {
    transform: rotate(180deg);
    transition: 0.3s;
  }
  #portfolio #section-wrapper #measures-column-filter .button-text {
    position: relative;
    z-index: 100;
  }
  #portfolio #section-wrapper #measures-column-filter .filter-icon {
    margin-right: 0;
  }
  #portfolio #section-wrapper #measures-column-filter .filter-icon:first-of-type {
    margin-left: 0.5ex;
  }
  #portfolio #section-wrapper #measures-column-filter .filter-icon:last-of-type {
    margin-right: 0.5ex;
  }
  #portfolio #section-wrapper #measures-column-filter svg.feather-alert-circle {
    margin-left: 1ex;
    stroke: #eb1500;
  }
  #portfolio #section-wrapper #measures-column-filter svg.feather-help-circle {
    margin-left: 1ex;
    stroke: #cc9c00;
  }
  #portfolio #section-wrapper #measures-column-filter form {
    background: transparent;
    border-radius: 24px;
    box-shadow: 1px 1px 4px rgba(26, 31, 47, 0.1);
    box-sizing: border-box;
    font-weight: 400;
    height: 0;
    overflow: hidden;
    padding: 0 32px;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s;
    width: 0;
    z-index: 2;
  }
  #portfolio #section-wrapper #measures-column-filter form label input,
#portfolio #section-wrapper #measures-column-filter form label img {
    margin-left: 0;
    margin-right: 16px;
  }
  #portfolio #section-wrapper #measures-column-filter form .note {
    font-weight: 700;
  }
  #portfolio #section-wrapper #measures-column-filter.open form {
    background: #e8e9ea;
    border: 1px solid #1a1f2f;
    height: auto;
    padding-bottom: 16px;
    padding-top: 48px;
    right: -1px;
    top: -1px;
    transition: 0.3s;
    width: auto;
  }
  #portfolio #section-wrapper #measures-column-filter.open .close-click-target {
    cursor: default;
    height: 100vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1;
  }
}
#portfolio .card-stats {
  padding-top: 16px;
}
@media (min-width: 600px) {
  #portfolio .card-stats {
    padding-top: 0;
  }
  #portfolio .card .button-bar {
    display: block;
  }
}

/* stylelint-disable
    selector-max-id,
    max-nesting-depth,
    selector-max-compound-selectors,
  */
#portfolio-list main {
  margin: 0 auto;
  max-width: 914px;
}
@media (min-width: 992px) {
  #portfolio-list main {
    margin: 0;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  #portfolio-list main #portfolio-card-wrapper {
    -moz-column-gap: 56px;
         column-gap: 56px;
    display: grid;
    grid-auto-rows: 0.5fr;
    grid-template-columns: repeat(auto-fit, 404px);
    -ms-flex-pack: center;
        justify-content: center;
    row-gap: 48px;
  }
}
#portfolio-list main #portfolio-card-wrapper > * {
  margin: 24px 0 48px;
}
@media (min-width: 992px) {
  #portfolio-list main #portfolio-card-wrapper > * {
    margin: 0;
  }
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card {
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 32px;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card section {
  padding: 0;
  width: 100%;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card section:nth-of-type(1) {
  min-height: 40%;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card section:nth-of-type(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card .card-icon-and-text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  justify-self: flex-start;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card .card-icon {
  margin: 32px 0;
  padding-left: 0;
  padding-right: 20px;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card h1 {
  margin: 0;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-card p {
  margin: 8px 0;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-form {
  padding: 0;
}
@media (min-width: 436px) {
  #portfolio-list main #portfolio-card-wrapper .portfolio-form {
    padding: 0 32px;
  }
}
@media (min-width: 992px) {
  #portfolio-list main #portfolio-card-wrapper .portfolio-form {
    grid-row-end: span 2;
    padding: 32px;
  }
  #portfolio-list main #portfolio-card-wrapper .portfolio-form h1 {
    margin-top: 0;
  }
  #portfolio-list main #portfolio-card-wrapper .portfolio-form .button-bar {
    margin-bottom: 0;
  }
  #portfolio-list main #portfolio-card-wrapper .portfolio-form .button-bar button {
    margin-bottom: 0;
  }
}
#portfolio-list main #portfolio-card-wrapper .portfolio-form h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 35.75px;
}
#portfolio-list main #portfolio-card-wrapper .portfolio-form h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24.75px;
}

/* stylelint-disable selector-max-id, max-nesting-depth, selector-no-qualifying-type */
#upload-batch main {
  margin: 0 auto;
  max-width: 994px;
}
@media (min-width: 994px) {
  #upload-batch main {
    width: 994px;
  }
}
#upload-batch table {
  table-layout: fixed;
  width: 100%;
}
#upload-batch table tbody {
  border: 1px solid #76767a;
}
#upload-batch table th {
  width: 25%;
}
#upload-batch table svg {
  height: 16px;
  width: 16px;
}
#upload-batch table svg.feather-alert-circle {
  stroke: #eb1500;
}
#upload-batch table svg.feather-help-circle {
  stroke: #ffc300;
}
#upload-batch table svg.feather-check-circle {
  stroke: #00ab5b;
}
#upload-batch progress::-webkit-progress-value {
  min-width: 20ex;
}
#upload-batch .progress-wrapper .progress-label {
  min-width: 20ex;
}