:root {
  --color-black--main: #141414;
  --color-blue--10: #E7F3FE;
  --color-blue--20: #CEE7FD;
  --color-blue--30: #9ECEFA;
  --color-blue--main: #70B7F8;
  --color-blue--80: #5AACF7;
  --color-blue--90: #41A0F6;
  --color-blue--100: #2993F5;
  --color-sand--main: #F1EFE1;
  --color-sand--80: #E6E3D1;
  --color-sand--90: #DBD7BD;
  --color-sand--100: #D2CDAC;
  --color-gray--10: #E6E6E6;
  --color-gray--20: #CCCCCC;
  --color-gray--30: #B3B3B3;
  --color-gray--40: #999999;
  --color-gray--50: #808080;
  --color-gray--60: #666666;
  --color-gray--70: #4D4D4D;
  --color-gray--80: #333333;
  --color-gray--90: #1A1A1A;
  --color-gray--100: #141414;
  --color-orange--10: #FFD1B8;
  --color-orange--20: #FFB185;
  --color-orange--30: #FF9052;
  --color-orange--main: #FF6F1E;
  --color-orange--80: #FF5F05;
  --color-orange--90: #EB5400;
  --color-orange--100: #D14B00;
  --color-white--main: #FFF;
  --color-yellow--10: #FFE99E;
  --color-yellow--20: #FEDD6C;
  --color-yellow--30: #FED139;
  --color-yellow--main: #FEC504;
  --color-yellow--80: #EAB501;
  --color-yellow--90: #D0A101;
  --color-yellow--100: #B78D01;
}

.bg-gray-10 {
  background-color: #E6E6E6;
}

.bg-gray-20 {
  background-color: #CCCCCC;
}

.bg-gray-30 {
  background-color: #B3B3B3;
}

.bg-gray-40 {
  background-color: #999999;
}

.bg-gray-50 {
  background-color: #808080;
}

.bg-gray-60 {
  background-color: #666666;
}

.bg-gray-70 {
  background-color: #4D4D4D;
}

.bg-gray-80 {
  background-color: #333333;
}

.bg-gray-90 {
  background-color: #1A1A1A;
}

.bg-gray-100 {
  background-color: #141414;
}

.bg-sand {
  background-color: #F1EFE1;
}

.bg-sand-80 {
  background-color: #E6E3D1;
}

.bg-sand-90 {
  background-color: #DBD7BD;
}

.bg-sand-100 {
  background-color: #D2CDAC;
}

.bg-blue-10 {
  background-color: #E7F3FE;
}

.bg-blue-20 {
  background-color: #CEE7FD;
}

.bg-blue-30 {
  background-color: #9ECEFA;
}

.bg-blue {
  background-color: #70B7F8;
}

.bg-blue-80 {
  background-color: #5AACF7;
}

.bg-blue-90 {
  background-color: #41A0F6;
}

.bg-blue-100 {
  background-color: #2993F5;
}

.bg-yellow-10 {
  background-color: #FFE99E;
}

.bg-yellow-20 {
  background-color: #FEDD6C;
}

.bg-yellow-30 {
  background-color: #FED139;
}

.bg-yellow {
  background-color: #FEC504;
}

.bg-yellow-80 {
  background-color: #EAB501;
}

.bg-yellow-90 {
  background-color: #D0A101;
}

.bg-yellow-100 {
  background-color: #B78D01;
}

.bg-orange-10 {
  background-color: #FFD1B8;
}

.bg-orange-20 {
  background-color: #FFB185;
}

.bg-orange-30 {
  background-color: #FF9052;
}

.bg-orange {
  background-color: #FF6F1E;
}

.bg-orange-80 {
  background-color: #FF5F05;
}

.bg-orange-90 {
  background-color: #EB5400;
}

.bg-orange-100 {
  background-color: #D14B00;
}

.color-gray-10 {
  color: #E6E6E6;
}

.color-gray-20 {
  color: #CCCCCC;
}

.color-gray-30 {
  color: #B3B3B3;
}

.color-gray-40 {
  color: #999999;
}

.color-gray-50 {
  color: #808080;
}

.color-gray-60 {
  color: #666666;
}

.color-gray-70 {
  color: #4D4D4D;
}

.color-gray-80 {
  color: #333333;
}

.color-gray-90 {
  color: #1A1A1A;
}

.color-gray-100 {
  color: #141414;
}

.color-sand {
  color: #F1EFE1;
}

.color-sand-80 {
  color: #E6E3D1;
}

.color-sand-90 {
  color: #DBD7BD;
}

.color-sand-100 {
  color: #D2CDAC;
}

.color-blue-10 {
  color: #E7F3FE;
}

.color-blue-20 {
  color: #CEE7FD;
}

.color-blue-30 {
  color: #9ECEFA;
}

.color-blue {
  color: #70B7F8;
}

.color-blue-80 {
  color: #5AACF7;
}

.color-blue-90 {
  color: #41A0F6;
}

.color-blue-100 {
  color: #2993F5;
}

.color-yellow-10 {
  color: #FFE99E;
}

.color-yellow-20 {
  color: #FEDD6C;
}

.color-yellow-30 {
  color: #FED139;
}

.color-yellow {
  color: #FEC504;
}

.color-yellow-80 {
  color: #EAB501;
}

.color-yellow-90 {
  color: #D0A101;
}

.color-yellow-100 {
  color: #B78D01;
}

.color-orange-10 {
  color: #FFD1B8;
}

.color-orange-20 {
  color: #FFB185;
}

.color-orange-30 {
  color: #FF9052;
}

.color-orange {
  color: #FF6F1E;
}

.color-orange-80 {
  color: #FF5F05;
}

.color-orange-90 {
  color: #EB5400;
}

.color-orange-100 {
  color: #D14B00;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 4px;
}

.m-2 {
  margin: 8px;
}

.m-3 {
  margin: 12px;
}

.m-4 {
  margin: 16px;
}

.m-5 {
  margin: 20px;
}

.m-6 {
  margin: 24px;
}

.m-7 {
  margin: 32px;
}

.m-8 {
  margin: 40px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 4px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mb-4 {
  margin-bottom: 16px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mb-6 {
  margin-bottom: 24px;
}

.mb-7 {
  margin-bottom: 32px;
}

.mb-8 {
  margin-bottom: 40px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 4px;
}

.mt-2 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-7 {
  margin-top: 32px;
}

.mt-8 {
  margin-top: 40px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-1 {
  margin-left: 4px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-3 {
  margin-left: 12px;
}

.ml-4 {
  margin-left: 16px;
}

.ml-5 {
  margin-left: 20px;
}

.ml-6 {
  margin-left: 24px;
}

.ml-7 {
  margin-left: 32px;
}

.ml-8 {
  margin-left: 40px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 4px;
}

.mr-2 {
  margin-right: 8px;
}

.mr-3 {
  margin-right: 12px;
}

.mr-4 {
  margin-right: 16px;
}

.mr-5 {
  margin-right: 20px;
}

.mr-6 {
  margin-right: 24px;
}

.mr-7 {
  margin-right: 32px;
}

.mr-8 {
  margin-right: 40px;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 4px;
}

.p-2 {
  padding: 8px;
}

.p-3 {
  padding: 12px;
}

.p-4 {
  padding: 16px;
}

.p-5 {
  padding: 20px;
}

.p-6 {
  padding: 24px;
}

.p-7 {
  padding: 32px;
}

.p-8 {
  padding: 40px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 4px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pb-6 {
  padding-bottom: 24px;
}

.pb-7 {
  padding-bottom: 32px;
}

.pb-8 {
  padding-bottom: 40px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 4px;
}

.pt-2 {
  padding-top: 8px;
}

.pt-3 {
  padding-top: 12px;
}

.pt-4 {
  padding-top: 16px;
}

.pt-5 {
  padding-top: 20px;
}

.pt-6 {
  padding-top: 24px;
}

.pt-7 {
  padding-top: 32px;
}

.pt-8 {
  padding-top: 40px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 4px;
}

.pl-2 {
  padding-left: 8px;
}

.pl-3 {
  padding-left: 12px;
}

.pl-4 {
  padding-left: 16px;
}

.pl-5 {
  padding-left: 20px;
}

.pl-6 {
  padding-left: 24px;
}

.pl-7 {
  padding-left: 32px;
}

.pl-8 {
  padding-left: 40px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 4px;
}

.pr-2 {
  padding-right: 8px;
}

.pr-3 {
  padding-right: 12px;
}

.pr-4 {
  padding-right: 16px;
}

.pr-5 {
  padding-right: 20px;
}

.pr-6 {
  padding-right: 24px;
}

.pr-7 {
  padding-right: 32px;
}

.pr-8 {
  padding-right: 40px;
}

.w-xs {
  width: 140px;
}

.w-s {
  width: 180px;
}

.w-m {
  width: 270px;
}

.w-l {
  width: 360px;
}

.w-xl {
  width: 420px;
}

.w-xxl {
  width: 560px;
}

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

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-7 {
  gap: 32px;
}

.gap-8 {
  gap: 40px;
}

:root {
  font-family: "Helvetica Now", sans-serif;
}

input,
textarea,
select {
  font-family: inherit;
}

h1 {
  font-size: 32px;
}
@media (min-width: 1000px) {
  h1 {
    font-size: 55px;
  }
}
h1 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6 {
  color: #141414;
}
h1 {
  line-height: 1em;
}

.h1 {
  font-size: 32px;
}
@media (min-width: 1000px) {
  .h1 {
    font-size: 55px;
  }
}
.h1 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h1 h1, .h1 h2, .h1 h3, .h1 h4, .h1 h5, .h1 h6 {
  color: #141414;
}
.h1 {
  line-height: 1em;
}

h2 {
  font-size: 28px;
}
@media (min-width: 1000px) {
  h2 {
    font-size: 44px;
  }
}
h2 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6 {
  color: #141414;
}
h2 {
  line-height: 1em;
}

.h2 {
  font-size: 28px;
}
@media (min-width: 1000px) {
  .h2 {
    font-size: 44px;
  }
}
.h2 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h2 h1, .h2 h2, .h2 h3, .h2 h4, .h2 h5, .h2 h6 {
  color: #141414;
}
.h2 {
  line-height: 1em;
}

h3 {
  font-size: 25px;
}
@media (min-width: 1000px) {
  h3 {
    font-size: 36px;
  }
}
h3 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6 {
  color: #141414;
}
h3 {
  line-height: 1em;
}

.h3 {
  font-size: 25px;
}
@media (min-width: 1000px) {
  .h3 {
    font-size: 36px;
  }
}
.h3 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h3 h1, .h3 h2, .h3 h3, .h3 h4, .h3 h5, .h3 h6 {
  color: #141414;
}
.h3 {
  line-height: 1em;
}

h4 {
  font-size: 23px;
}
@media (min-width: 1000px) {
  h4 {
    font-size: 28px;
  }
}
h4 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6 {
  color: #141414;
}
h4 {
  line-height: 1em;
}

.h4 {
  font-size: 23px;
}
@media (min-width: 1000px) {
  .h4 {
    font-size: 28px;
  }
}
.h4 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h4 h1, .h4 h2, .h4 h3, .h4 h4, .h4 h5, .h4 h6 {
  color: #141414;
}
.h4 {
  line-height: 1em;
}

h5 {
  font-size: 20px;
}
@media (min-width: 1000px) {
  h5 {
    font-size: 24px;
  }
}
h5 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6 {
  color: #141414;
}
h5 {
  line-height: 1em;
}

.h5 {
  font-size: 20px;
}
@media (min-width: 1000px) {
  .h5 {
    font-size: 24px;
  }
}
.h5 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h5 h1, .h5 h2, .h5 h3, .h5 h4, .h5 h5, .h5 h6 {
  color: #141414;
}
.h5 {
  line-height: 1em;
}

h6 {
  font-size: 18px;
}
@media (min-width: 1000px) {
  h6 {
    font-size: 20px;
  }
}
h6 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h6 h1, h6 h2, h6 h3, h6 h4, h6 h5, h6 h6 {
  color: #141414;
}
h6 {
  line-height: 1em;
}

.h6 {
  font-size: 18px;
}
@media (min-width: 1000px) {
  .h6 {
    font-size: 20px;
  }
}
.h6 {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h6 h1, .h6 h2, .h6 h3, .h6 h4, .h6 h5, .h6 h6 {
  color: #141414;
}
.h6 {
  line-height: 1em;
}

h6-reduced {
  font-size: 16px;
}
@media (min-width: 1000px) {
  h6-reduced {
    font-size: 18px;
  }
}
h6-reduced {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
h6-reduced h1, h6-reduced h2, h6-reduced h3, h6-reduced h4, h6-reduced h5, h6-reduced h6 {
  color: #141414;
}
h6-reduced {
  line-height: 1em;
}

.h6-reduced {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .h6-reduced {
    font-size: 18px;
  }
}
.h6-reduced {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.h6-reduced h1, .h6-reduced h2, .h6-reduced h3, .h6-reduced h4, .h6-reduced h5, .h6-reduced h6 {
  color: #141414;
}
.h6-reduced {
  line-height: 1em;
}

.fs-l {
  font-size: 18px;
}
@media (min-width: 1000px) {
  .fs-l {
    font-size: 20px;
  }
}

.fs-m {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .fs-m {
    font-size: 18px;
  }
}

.fs-s {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .fs-s {
    font-size: 16px;
  }
}

.fs-xs {
  font-size: 12px;
}
@media (min-width: 1000px) {
  .fs-xs {
    font-size: 14px;
  }
}

.fw-normal {
  font-weight: 400;
}

.fw-bold {
  font-weight: 500;
}

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

p {
  line-height: 1.2em;
}

.ws-address-group {
  padding: 0;
  max-width: 420px;
  margin: 0;
}
.ws-address-group .ws-address-suggestion {
  color: #141414;
}
.ws-address-group .ws-address-suggestion h1, .ws-address-group .ws-address-suggestion h2, .ws-address-group .ws-address-suggestion h3, .ws-address-group .ws-address-suggestion h4, .ws-address-group .ws-address-suggestion h5, .ws-address-group .ws-address-suggestion h6 {
  color: #141414;
}
.ws-address-group .ws-address-suggestion {
  cursor: pointer;
  list-style: none;
  padding: 16px;
  border-radius: 2px;
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: #CCCCCC;
}
.ws-address-group .ws-address-suggestion:last-child {
  border-bottom: 2px solid;
  border-color: #CCCCCC;
}
.ws-address-group .ws-address-suggestion .ws-address-suggestion-place {
  font-style: italic;
  opacity: 40%;
}
.ws-address-group .ws-address-suggestion:hover, .ws-address-group .ws-address-suggestion:focus, .ws-address-group .ws-address-suggestion:active {
  background-color: #FFE99E;
}

.ws-address-container .ws-text-input-group  {
  position: relative;
}
.ws-address-container .ws-text-input-group  svg {
  position: absolute;
  right: 0;
  top: 0;
}
.ws-address-container .ws-text-input[type=search] {
  height: 32px;
}
.ws-address-container .ws-text-input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background: url(/assets/svg/cross-9de54c63270dfc8fed21ee501d1c83371ba8e0e818e44d9c2199614e22371e19.svg) no-repeat 50% 50%;
  background-size: contain;
  height: 32px;
  margin-bottom: 2px;
  opacity: 0;
  pointer-events: none;
  width: 32px;
}
.ws-address-container .ws-text-input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
}
.ws-address-container .ws-text-input[type=search]:focus + svg {
  display: none;
}

.ws-advanced-form-header {
  position: relative;
}
@media (min-width: 1000px) {
  .ws-advanced-form-header {
    padding-top: 42px;
  }
}
.ws-advanced-form-header--save {
  position: absolute;
  right: 0;
  top: -12px;
}
@media (min-width: 1000px) {
  .ws-advanced-form-header--save {
    top: -26px;
  }
}

.ws-advanced-surface {
  --form-height: 300px;
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(4, auto);
}
@media (min-width: 1350px) {
  .ws-advanced-surface {
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
  }
}
.ws-advanced-surface #inclination:not(.show),
.ws-advanced-surface #orientation:not(.show),
.ws-advanced-surface #material:not(.show),
.ws-advanced-surface .sloped:not(.show),
.ws-advanced-surface .flat:not(.show) {
  display: none;
}
.ws-advanced-surface--elements {
  height: var(--form-height);
}
@media (max-width: 1000px) {
  .ws-advanced-surface--elements {
    height: 100%;
  }
}

.ws-wind-rose:not(.show),
.ws-wind-rose--orientation:not(.show) {
  visibility: hidden;
}

.ws-wind-rose {
  --translate: translate(-50%, -50%);
  position: relative;
  grid-column: 1;
  grid-row: 4;
  margin: auto;
  width: 230px;
  height: var(--form-height);
}
@media (min-width: 1350px) {
  .ws-wind-rose {
    grid-column: 2/2;
    grid-row: 1/-1;
  }
}
.ws-wind-rose--compass, .ws-wind-rose--arrow, .ws-wind-rose--roof {
  position: absolute;
  transform: var(--translate);
}
.ws-wind-rose--compass {
  top: 45%;
  left: 50%;
}
.ws-wind-rose--compass.N .N, .ws-wind-rose--compass.S .S, .ws-wind-rose--compass.W .W, .ws-wind-rose--compass.E .E {
  fill: black !important;
}
.ws-wind-rose--compass.SE .SE, .ws-wind-rose--compass.SW .SW, .ws-wind-rose--compass.NE .NE, .ws-wind-rose--compass.NW .NW {
  stroke: black !important;
}
.ws-wind-rose--roof {
  top: 45%;
  left: 50%;
  transform: var(--translate) rotate(90deg);
}
.ws-wind-rose--roof.N {
  transform: var(--translate) rotate(90deg);
}
.ws-wind-rose--roof.NE {
  transform: var(--translate) rotate(135deg);
}
.ws-wind-rose--roof.E {
  transform: var(--translate) rotate(180deg);
}
.ws-wind-rose--roof.SE {
  transform: var(--translate) rotate(225deg);
}
.ws-wind-rose--roof.S {
  transform: var(--translate) rotate(270deg);
}
.ws-wind-rose--roof.SW {
  transform: var(--translate) rotate(315deg);
}
.ws-wind-rose--roof.W {
  transform: var(--translate) rotate(0deg);
}
.ws-wind-rose--roof.NW {
  transform: var(--translate) rotate(45deg);
}
.ws-wind-rose--arrow {
  transform: var(--translate) rotate(0deg);
  left: 50%;
  top: 18%;
}
.ws-wind-rose--arrow.N {
  left: 50%;
  top: 18%;
  transform: var(--translate) rotate(0deg);
}
.ws-wind-rose--arrow.NE {
  left: 79%;
  top: 22%;
  transform: var(--translate) rotate(45deg);
}
.ws-wind-rose--arrow.E {
  left: 87%;
  top: 45%;
  transform: var(--translate) rotate(90deg);
}
.ws-wind-rose--arrow.SE {
  left: 79%;
  top: 67%;
  transform: var(--translate) rotate(135deg);
}
.ws-wind-rose--arrow.S {
  left: 50%;
  top: 72%;
  transform: var(--translate) rotate(180deg);
}
.ws-wind-rose--arrow.SW {
  left: 22%;
  top: 66%;
  transform: var(--translate) rotate(225deg);
}
.ws-wind-rose--arrow.W {
  left: 18%;
  top: 45%;
  transform: var(--translate) rotate(270deg);
}
.ws-wind-rose--arrow.NW {
  left: 23%;
  top: 24%;
  transform: var(--translate) rotate(315deg);
}

.ws-bills h5 {
  line-height: 26px;
}
.ws-bills--add {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
.ws-bills--add svg * {
  transform: rotate(45deg);
  transform-origin: center center;
}

.ws-bill-input > form {
  margin-bottom: 8px;
}
.ws-bill-input--filled input {
  color: #141414;
}
.ws-bill-input--filled input h1, .ws-bill-input--filled input h2, .ws-bill-input--filled input h3, .ws-bill-input--filled input h4, .ws-bill-input--filled input h5, .ws-bill-input--filled input h6 {
  color: #141414;
}
.ws-bill-input--filled input {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-bill-input--filled input {
    font-size: 16px;
  }
}
.ws-bill-input--upload.hidden, .ws-bill-input--loading.hidden {
  display: none;
}
.ws-bill-input--loading {
  position: relative;
}
.ws-bill-input--loading .ws-loader {
  position: absolute;
  top: -36px;
  right: -34px;
}

.ws-bill-warning {
  background-color: #FEC504;
  display: flex;
  gap: 16px;
  padding: 16px;
  margin-top: 32px;
  max-width: 560px;
}
.ws-bill-warning svg {
  --svg-size: 24px;
  margin-top: 4px;
  min-width: var(--svg-size);
}
@media (max-width: 1000px) {
  .ws-bill-warning {
    align-items: center;
  }
}

.ws-button--primary,
.ws-button--secondary {
  align-items: center;
  border: 2px solid;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  gap: 6px;
  padding: 12px 24px;
  width: fit-content;
}
.ws-button--primary:hover,
.ws-button--secondary:hover {
  background-color: #FEC504;
  border-color: #FEC504;
  color: #141414;
}
.ws-button--primary:hover h1, .ws-button--primary:hover h2, .ws-button--primary:hover h3, .ws-button--primary:hover h4, .ws-button--primary:hover h5, .ws-button--primary:hover h6,
.ws-button--secondary:hover h1,
.ws-button--secondary:hover h2,
.ws-button--secondary:hover h3,
.ws-button--secondary:hover h4,
.ws-button--secondary:hover h5,
.ws-button--secondary:hover h6 {
  color: #141414;
}
.ws-button--primary:hover *,
.ws-button--secondary:hover * {
  stroke: #141414;
}
.ws-button--primary:active,
.ws-button--secondary:active {
  background-color: #EAB501;
  border-color: #EAB501;
  color: #141414;
}
.ws-button--primary:active h1, .ws-button--primary:active h2, .ws-button--primary:active h3, .ws-button--primary:active h4, .ws-button--primary:active h5, .ws-button--primary:active h6,
.ws-button--secondary:active h1,
.ws-button--secondary:active h2,
.ws-button--secondary:active h3,
.ws-button--secondary:active h4,
.ws-button--secondary:active h5,
.ws-button--secondary:active h6 {
  color: #141414;
}
.ws-button--primary:active *,
.ws-button--secondary:active * {
  stroke: #141414;
}

.ws-button--primary-black {
  background-color: #141414;
  border-color: #141414;
  color: #FFF;
}
.ws-button--primary-black h1, .ws-button--primary-black h2, .ws-button--primary-black h3, .ws-button--primary-black h4, .ws-button--primary-black h5, .ws-button--primary-black h6 {
  color: #FFF;
}
.ws-button--primary-black * {
  stroke: #FFF;
}

.ws-button--secondary-black {
  border-color: #141414;
  color: #141414;
}
.ws-button--secondary-black h1, .ws-button--secondary-black h2, .ws-button--secondary-black h3, .ws-button--secondary-black h4, .ws-button--secondary-black h5, .ws-button--secondary-black h6 {
  color: #141414;
}
.ws-button--secondary-black * {
  stroke: #141414;
}

.ws-button--primary-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #141414;
}
.ws-button--primary-white h1, .ws-button--primary-white h2, .ws-button--primary-white h3, .ws-button--primary-white h4, .ws-button--primary-white h5, .ws-button--primary-white h6 {
  color: #141414;
}
.ws-button--primary-white * {
  stroke: #141414;
}

.ws-button--secondary-white {
  border-color: #FFF;
  color: #FFF;
}
.ws-button--secondary-white h1, .ws-button--secondary-white h2, .ws-button--secondary-white h3, .ws-button--secondary-white h4, .ws-button--secondary-white h5, .ws-button--secondary-white h6 {
  color: #FFF;
}
.ws-button--secondary-white * {
  stroke: #FFF;
}

.ws-button--primary-darker {
  background-color: #141414;
  border-color: #141414;
}

.ws-button--secondary-darker {
  border-color: #FFF;
}

.ws-button--primary-darker,
.ws-button--secondary-darker {
  color: #FFF;
}
.ws-button--primary-darker h1, .ws-button--primary-darker h2, .ws-button--primary-darker h3, .ws-button--primary-darker h4, .ws-button--primary-darker h5, .ws-button--primary-darker h6,
.ws-button--secondary-darker h1,
.ws-button--secondary-darker h2,
.ws-button--secondary-darker h3,
.ws-button--secondary-darker h4,
.ws-button--secondary-darker h5,
.ws-button--secondary-darker h6 {
  color: #FFF;
}
.ws-button--primary-darker *,
.ws-button--secondary-darker * {
  stroke: #FFF;
}
.ws-button--primary-darker:hover,
.ws-button--secondary-darker:hover {
  background-color: #EAB501;
  border-color: #EAB501;
}
.ws-button--primary-darker:active,
.ws-button--secondary-darker:active {
  background-color: #333333;
  border-color: #333333;
  color: #FFF;
}
.ws-button--primary-darker:active h1, .ws-button--primary-darker:active h2, .ws-button--primary-darker:active h3, .ws-button--primary-darker:active h4, .ws-button--primary-darker:active h5, .ws-button--primary-darker:active h6,
.ws-button--secondary-darker:active h1,
.ws-button--secondary-darker:active h2,
.ws-button--secondary-darker:active h3,
.ws-button--secondary-darker:active h4,
.ws-button--secondary-darker:active h5,
.ws-button--secondary-darker:active h6 {
  color: #FFF;
}
.ws-button--primary-darker:active *,
.ws-button--secondary-darker:active * {
  stroke: #FFF;
}

.ws-button--secondary {
  background-color: none;
}

.ws-button--text {
  align-items: center;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: 6px;
  padding: 4px 8px;
  width: fit-content;
}

.ws-button--disabled {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #999999;
}
.ws-button--disabled h1, .ws-button--disabled h2, .ws-button--disabled h3, .ws-button--disabled h4, .ws-button--disabled h5, .ws-button--disabled h6 {
  color: #999999;
}
.ws-button--disabled {
  cursor: not-allowed;
}
.ws-button--disabled:hover, .ws-button--disabled:active, .ws-button--disabled:focus {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #999999;
}
.ws-button--disabled:hover h1, .ws-button--disabled:hover h2, .ws-button--disabled:hover h3, .ws-button--disabled:hover h4, .ws-button--disabled:hover h5, .ws-button--disabled:hover h6, .ws-button--disabled:active h1, .ws-button--disabled:active h2, .ws-button--disabled:active h3, .ws-button--disabled:active h4, .ws-button--disabled:active h5, .ws-button--disabled:active h6, .ws-button--disabled:focus h1, .ws-button--disabled:focus h2, .ws-button--disabled:focus h3, .ws-button--disabled:focus h4, .ws-button--disabled:focus h5, .ws-button--disabled:focus h6 {
  color: #999999;
}

.ws-button--full {
  width: 100%;
  justify-content: center;
}

.ws-checkbox {
  align-items: center;
  display: flex;
  gap: 12px;
}
.ws-checkbox input {
  --background-color: var(--color-white--main);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--background-color);
  border-radius: 3px;
  cursor: pointer;
  height: 14px;
  min-width: 15px;
  outline-color: #141414;
  outline: 2px solid;
  width: 14px;
}
.ws-checkbox input:hover, .ws-checkbox input:active, .ws-checkbox input:checked {
  border: 2px solid;
  border-color: var(--background-color);
}
@media (min-width: 1000px) {
  .ws-checkbox input:hover {
    background-color: #CCCCCC;
  }
}
.ws-checkbox input:active, .ws-checkbox input:checked {
  background-color: #FF6F1E;
}
.ws-checkbox label {
  cursor: pointer;
}

.ws-checkbox + .ws-checkbox {
  margin-top: 12px;
}

.ws-confirm-dialog {
  align-items: center;
  border: none;
  justify-content: center;
  height: 100vh;
  padding: 24px;
  text-align: center;
  width: calc(100vw - 48px);
}
.ws-confirm-dialog[open] {
  display: flex;
}
@media (min-width: 1000px) {
  .ws-confirm-dialog {
    height: fit-content;
    padding: 52px;
    width: 420px;
  }
}
.ws-confirm-dialog h3 {
  margin: 0 0 18px;
}
.ws-confirm-dialog p {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-confirm-dialog p {
    font-size: 16px;
  }
}
.ws-confirm-dialog p {
  margin: 0;
  opacity: 80%;
}
.ws-confirm-dialog footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  margin-top: 42px;
}
@media (min-width: 1000px) {
  .ws-confirm-dialog footer {
    flex-direction: row;
  }
}
.ws-confirm-dialog button {
  width: 100%;
  flex-grow: 1;
}
.ws-confirm-dialog button div {
  width: auto;
  justify-content: center;
}

.ws-highlight {
  --svg-size: 38px;
  display: grid;
  grid-template-columns: var(--svg-size) 2fr auto;
  white-space: nowrap;
}
@media (min-width: 1000px) {
  .ws-highlight {
    --svg-size: 50px;
  }
}
.ws-highlight h1, .ws-highlight h2, .ws-highlight h3, .ws-highlight h4, .ws-highlight h5, .ws-highlight h6 {
  display: inline-block;
}
.ws-highlight svg {
  min-width: var(--svg-size) !important;
}
.ws-highlight span {
  font-size: 20px;
}
@media (min-width: 1000px) {
  .ws-highlight span {
    font-size: 24px;
  }
}
.ws-highlight p {
  color: #808080;
}
.ws-highlight p h1, .ws-highlight p h2, .ws-highlight p h3, .ws-highlight p h4, .ws-highlight p h5, .ws-highlight p h6 {
  color: #808080;
}
.ws-highlight p {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-highlight p {
    font-size: 16px;
  }
}
.ws-highlight p {
  height: 24px;
  margin: 0 0 24px;
}
.ws-highlight__value {
  padding-left: 38px;
}
.ws-highlight__value p {
  max-width: 180px;
  min-width: 140px;
  white-space: normal;
}
.ws-highlight__value:not(:last-child) {
  padding-right: 24px;
}
.ws-highlight__per-unit {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.ws-consumption-patterns {
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: auto;
  grid-template-rows: repeat(6, 1fr);
  grid-gap: 32px;
}
@media (min-width: 1000px) {
  .ws-consumption-patterns {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
@media (min-width: 1350px) {
  .ws-consumption-patterns {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 32px;
  }
}
.ws-consumption-patterns--period-header, .ws-consumption-patterns--period-footer {
  display: flex;
  justify-content: space-between;
}
.ws-consumption-patterns--period h6 {
  margin: 16px 0 12px;
  font-size: 16px;
}
@media (min-width: 1000px) {
  .ws-consumption-patterns--period h6 {
    font-size: 18px;
  }
}
.ws-consumption-patterns--period input {
  width: 100%;
}
.ws-consumption-patterns--period input.disabled-progress-input {
  accent-color: #808080;
  pointer-events: none;
}
.ws-consumption-patterns--period span {
  color: #808080;
}
.ws-consumption-patterns--period span h1, .ws-consumption-patterns--period span h2, .ws-consumption-patterns--period span h3, .ws-consumption-patterns--period span h4, .ws-consumption-patterns--period span h5, .ws-consumption-patterns--period span h6 {
  color: #808080;
}
.ws-consumption-patterns--period span {
  margin-top: 8px;
}
.ws-consumption-patterns--period:first-child {
  grid-row: span 2;
}
.ws-consumption-patterns--summer {
  background-color: #DBD7BD;
  padding: 20px 16px 12px;
}
.ws-consumption-patterns--dates {
  display: flex;
  border-bottom: 2px solid;
  border-color: #141414;
  padding: 12px 0;
  margin-bottom: 12px;
}
.ws-consumption-patterns--dates input {
  background-color: #DBD7BD;
  border: none;
  font-family: "Helvetica Now", sans-serif;
}
.ws-consumption-patterns--dates input:first-child {
  border-right: 2px solid;
  padding-right: 12px;
  border-color: #B3B3B3;
}
.ws-consumption-patterns--dates input:last-child {
  padding-left: 12px;
}

.ws-form-error {
  color: #EB5400;
}
.ws-form-error h1, .ws-form-error h2, .ws-form-error h3, .ws-form-error h4, .ws-form-error h5, .ws-form-error h6 {
  color: #EB5400;
}
.ws-form-error {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-form-error {
    font-size: 16px;
  }
}
.ws-form-error {
  margin: 1rem 0;
}

.ws-icon--s {
  --svg-size: 20px;
  width: var(--svg-size) !important;
  height: var(--svg-size) !important;
}

.ws-icon--m {
  --svg-size: 32px;
  width: var(--svg-size) !important;
  height: var(--svg-size) !important;
}

.ws-icon--l {
  --svg-size: 38px;
  min-width: var(--svg-size) !important;
  min-height: var(--svg-size) !important;
}
@media (min-width: 1000px) {
  .ws-icon--l {
    --svg-size: 52px;
  }
}

.ws-icon--xl {
  --svg-size: 52px;
  min-width: var(--svg-size) !important;
  min-height: var(--svg-size) !important;
}
@media (min-width: 1000px) {
  .ws-icon--xl {
    --svg-size: 72px;
  }
}

.ws-investment-card {
  background-color: #F1EFE1;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 320px;
}
.ws-investment-card__header {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .ws-investment-card__header {
    font-size: 18px;
  }
}
.ws-investment-card__header {
  border-bottom: 2px solid;
  border-color: #141414;
  padding: 16px 0 12px 0;
  margin: 0 20px;
  opacity: 80%;
}
.ws-investment-card__text {
  font-weight: 500;
  font-size: 23px;
}
@media (min-width: 1000px) {
  .ws-investment-card__text {
    font-size: 28px;
  }
}
.ws-investment-card__text {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.ws-investment-card__text h1, .ws-investment-card__text h2, .ws-investment-card__text h3, .ws-investment-card__text h4, .ws-investment-card__text h5, .ws-investment-card__text h6 {
  color: #141414;
}
.ws-investment-card__text {
  line-height: 1em;
  display: flex;
  flex-direction: column;
  padding: 28px 20px 22px;
}
.ws-investment-card__text.ws-investment-card__text-investment {
  flex-grow: 1;
  padding-bottom: 0;
}
.ws-investment-card__text .ws-investment-card__title {
  text-align: left;
  margin: 0 0 4px;
}
.ws-investment-card__text p {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .ws-investment-card__text p {
    font-size: 18px;
  }
}
.ws-investment-card__text p {
  font-weight: 400;
  margin: 0;
  opacity: 50%;
}
.ws-investment-card__footer {
  background-color: #141414;
  color: #FFF;
}
.ws-investment-card__footer h1, .ws-investment-card__footer h2, .ws-investment-card__footer h3, .ws-investment-card__footer h4, .ws-investment-card__footer h5, .ws-investment-card__footer h6 {
  color: #FFF;
}
.ws-investment-card__footer {
  border-radius: 2px;
  padding: 12px 20px;
}
.ws-investment-card:hover {
  background-color: #FFE99E;
}
.ws-investment-card:hover .ws-investment-card__footer {
  background-color: #FED139;
  color: #141414;
}
.ws-investment-card:hover .ws-investment-card__footer h1, .ws-investment-card:hover .ws-investment-card__footer h2, .ws-investment-card:hover .ws-investment-card__footer h3, .ws-investment-card:hover .ws-investment-card__footer h4, .ws-investment-card:hover .ws-investment-card__footer h5, .ws-investment-card:hover .ws-investment-card__footer h6 {
  color: #141414;
}
.ws-investment-card:active {
  background-color: #FFE99E;
}
.ws-investment-card:active .ws-investment-card__footer {
  background-color: #EAB501;
  color: #141414;
}
.ws-investment-card:active .ws-investment-card__footer h1, .ws-investment-card:active .ws-investment-card__footer h2, .ws-investment-card:active .ws-investment-card__footer h3, .ws-investment-card:active .ws-investment-card__footer h4, .ws-investment-card:active .ws-investment-card__footer h5, .ws-investment-card:active .ws-investment-card__footer h6 {
  color: #141414;
}
.ws-investment-card.disabled {
  cursor: not-allowed;
  background-color: #E6E6E6;
}
.ws-investment-card.disabled .ws-investment-card__footer {
  background-color: #CCCCCC;
  color: #999999;
}
.ws-investment-card.disabled .ws-investment-card__footer h1, .ws-investment-card.disabled .ws-investment-card__footer h2, .ws-investment-card.disabled .ws-investment-card__footer h3, .ws-investment-card.disabled .ws-investment-card__footer h4, .ws-investment-card.disabled .ws-investment-card__footer h5, .ws-investment-card.disabled .ws-investment-card__footer h6 {
  color: #999999;
}

.ws-link {
  color: #141414;
}
.ws-link h1, .ws-link h2, .ws-link h3, .ws-link h4, .ws-link h5, .ws-link h6 {
  color: #141414;
}
.ws-link {
  cursor: pointer;
  text-decoration: underline;
}
.ws-link:hover, .ws-link:active {
  text-decoration: none;
}

.ws-back-link button {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 18px;
}
@media (min-width: 1000px) {
  .ws-back-link button {
    font-size: 20px;
  }
}
.ws-back-link button {
  justify-content: end;
  gap: 12px;
  width: fit-content;
}
.ws-back-link button:hover {
  gap: 16px;
  margin-left: -4px;
}

.ws-pointer {
  cursor: pointer;
}

.ws-loader {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ws-loader svg {
  width: 120px;
  height: 96px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ws-locale-switch button {
  cursor: pointer;
}
.ws-locale-switch button:hover {
  color: #808080;
}
.ws-locale-switch button:hover h1, .ws-locale-switch button:hover h2, .ws-locale-switch button:hover h3, .ws-locale-switch button:hover h4, .ws-locale-switch button:hover h5, .ws-locale-switch button:hover h6 {
  color: #808080;
}
.ws-locale-switch.ws-locale-switch--black {
  color: #141414;
}
.ws-locale-switch.ws-locale-switch--black h1, .ws-locale-switch.ws-locale-switch--black h2, .ws-locale-switch.ws-locale-switch--black h3, .ws-locale-switch.ws-locale-switch--black h4, .ws-locale-switch.ws-locale-switch--black h5, .ws-locale-switch.ws-locale-switch--black h6 {
  color: #141414;
}
.ws-locale-switch.ws-locale-switch--white {
  color: #FFF;
}
.ws-locale-switch.ws-locale-switch--white h1, .ws-locale-switch.ws-locale-switch--white h2, .ws-locale-switch.ws-locale-switch--white h3, .ws-locale-switch.ws-locale-switch--white h4, .ws-locale-switch.ws-locale-switch--white h5, .ws-locale-switch.ws-locale-switch--white h6 {
  color: #FFF;
}
.ws-locale-switch__active-locale {
  text-decoration: underline;
}

.ws-map__animation {
  width: 240px;
}
@media (min-width: 1000px) {
  .ws-map__animation.started {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .ws-map__animation.drawing {
    display: none !important;
  }
}
.ws-map__animation.finished {
  display: none !important;
}
.ws-map__container {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  left: 0;
  top: 0;
  width: 100dvw;
  z-index: 200;
}
@media (max-width: 1000px) {
  .ws-map__container {
    position: absolute;
  }
}
@media (min-width: 1350px) {
  .ws-map__container {
    --container-margin: -52px;
    height: calc(100% - var(--container-margin));
    margin: var(--container-margin);
    position: relative;
    width: calc(100% - var(--container-margin) * 2);
  }
}
.ws-map__title {
  background-color: #FEC504;
  display: flex;
  gap: 16px;
  padding: 16px;
}
.ws-map__title svg {
  padding-top: 4px;
  width: 48px !important;
}
@media (min-width: 1350px) {
  .ws-map__title {
    padding: 16px 52px 12px;
  }
}
.ws-map__map {
  flex-grow: 1;
}
.ws-map__map .mapboxgl-canvas-container {
  max-height: 100%;
}
.ws-map__map .marker {
  background-image: url(/assets/svg/marker-6decc86a2f963e6302ea0fce0aaa888afdc6b1569775ae9a7e7247b4c84fec22.svg);
  background-size: cover;
  width: 32px;
  height: 32px;
}
.ws-map__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}
.ws-map__buttons #map-clear-button {
  display: none;
}
.ws-map__buttons #map-submit-button,
.ws-map__buttons #map-continue-button {
  display: none;
  flex-grow: 1;
}
.ws-map__buttons #map-submit-button .ws-button--full,
.ws-map__buttons #map-continue-button .ws-button--full {
  width: calc(100% - 52px);
}
.ws-map__form {
  background-color: #F1EFE1;
  align-items: start;
  justify-content: space-between;
  left: 24px;
  opacity: 95%;
  padding: 12px;
  position: absolute;
  top: 24px;
  width: 300px;
}
@media (min-width: 1350px) {
  .ws-map__form {
    align-items: center;
    left: 52px;
    padding: 24px 52px;
    top: 52px;
  }
}
.ws-map__total {
  background-color: #FFF;
  display: none;
  margin: 12px -12px -12px;
  padding: 12px;
}
@media (min-width: 1350px) {
  .ws-map__total {
    margin: 24px -52px -24px;
    padding: 24px 52px;
  }
}

body:has(.ws-modal),
body:has(.ws-modal__main) {
  overflow: hidden;
  overflow-anchor: none;
}

#modal:has(.ws-modal__main) + .ws-container {
  display: none;
}

.ws-modal {
  background-color: #F1EFE1;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 48px);
  left: 0;
  gap: 52px;
  padding: 24px;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  width: calc(100vw - 48px);
  z-index: 100;
}
@media (min-width: 1000px) {
  .ws-modal {
    gap: 0;
    padding: 24px 52px;
    width: calc(100vw - 104px);
  }
}
.ws-modal header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.ws-modal header svg {
  cursor: pointer;
}
.ws-modal main {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: start;
}
@media (min-width: 1000px) {
  .ws-modal main {
    flex-direction: row;
    justify-content: center;
  }
}
.ws-modal main img {
  display: none;
}
@media (min-width: 1000px) {
  .ws-modal main img {
    display: block;
  }
}
.ws-modal .ws-modal__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 36px;
}
@media (min-width: 1000px) {
  .ws-modal .ws-modal__main {
    flex-direction: row;
    gap: 134px;
    justify-content: center;
  }
}
.ws-modal__image {
  max-width: 430px;
}
.ws-modal__image h3 {
  margin: 0;
}
@media (min-width: 1000px) {
  .ws-modal__image {
    flex: 1;
  }
  .ws-modal__image h3 {
    margin: 0 0 24px;
  }
}
.ws-modal__body {
  flex: 1;
  margin-top: 0;
  max-width: 430px;
}

.ws-offer-summary-title {
  margin: 40px 0 24px;
}
.ws-offer-summary--header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.ws-offer-summary--header h5 {
  margin-bottom: 18px;
  margin-top: 24px;
}
.ws-offer-summary--header svg {
  margin-top: 12px;
}
@media (min-width: 1000px) {
  .ws-offer-summary--header svg {
    display: none;
  }
}
.ws-offer-summary--header.show svg {
  transform: rotate(180deg);
}
@media (max-width: 1000px) {
  .ws-offer-summary--body:not(.show) {
    display: none;
  }
}
.ws-offer-summary--body nav {
  border-bottom: 2px solid;
  border-color: #CCCCCC;
  color: #CCCCCC;
}
.ws-offer-summary--body nav h1, .ws-offer-summary--body nav h2, .ws-offer-summary--body nav h3, .ws-offer-summary--body nav h4, .ws-offer-summary--body nav h5, .ws-offer-summary--body nav h6 {
  color: #CCCCCC;
}
.ws-offer-summary--body nav {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.ws-offer-summary--body nav h6 {
  cursor: pointer;
  margin: 0 0 -2px;
  padding: 0 0 8px;
}
.ws-offer-summary--body nav h6.selected {
  border-bottom: 2px solid;
  border-color: #141414;
  color: #141414;
}
.ws-offer-summary--body nav h6.selected h1, .ws-offer-summary--body nav h6.selected h2, .ws-offer-summary--body nav h6.selected h3, .ws-offer-summary--body nav h6.selected h4, .ws-offer-summary--body nav h6.selected h5, .ws-offer-summary--body nav h6.selected h6 {
  color: #141414;
}
.ws-offer-summary--body div {
  display: none;
}
.ws-offer-summary--body div.selected {
  display: block;
}
.ws-offer-summary--body div h5 {
  margin: 0;
}
.ws-offer-summary--body div p {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-offer-summary--body div p {
    font-size: 16px;
  }
}
.ws-offer-summary--body div p {
  margin: 0 0 20px;
  opacity: 0.6;
}

.ws-show__offer-selector[busy] .ws-loader {
  display: flex;
}
.ws-show__offer-selector[busy] .ws-offer {
  display: none;
}
.ws-show__offer-selector:not([busy]) .ws-loader {
  display: none;
}

.ws-offer {
  display: flex;
  padding: 0 8px;
  gap: 24px;
}
@media (max-width: 1000px) {
  .ws-offer {
    flex-direction: column;
  }
}
.ws-offer h2, .ws-offer h3, .ws-offer h4, .ws-offer h5 {
  margin: 0;
}
.ws-offer p {
  margin: 0;
  opacity: 60%;
}
.ws-offer__investment {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 20px;
  padding: 20px;
}
.ws-offer__investment h2 {
  white-space: nowrap;
}
.ws-offer__investment h2 > span {
  font-size: 20px;
}
@media (min-width: 1000px) {
  .ws-offer__investment h2 > span {
    font-size: 24px;
  }
}
.ws-offer__savings {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 20px;
}
@media (min-width: 1000px) {
  .ws-offer__savings {
    padding: 40px 40px 0;
  }
}
.ws-offer__ppa {
  background-color: #FED139;
}
.ws-offer__epc {
  background-color: #FF9052;
}

.ws-radio {
  align-items: center;
  display: flex;
  gap: 12px;
}
.ws-radio input {
  appearance: none;
  background-color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  height: 15px;
  min-width: 15px;
  outline: 2px solid black;
  transform: translateY(-1px);
  width: 15px;
}
.ws-radio input:checked, .ws-radio input:hover {
  border: 3px solid;
  border-color: #FFF;
}
.ws-radio input:hover {
  background-color: #CCCCCC;
}
.ws-radio input:checked {
  background-color: #FF6F1E;
}
.ws-radio label {
  cursor: pointer;
}

.ws-range input {
  accent-color: #141414;
  border-radius: 3px;
  cursor: pointer;
  height: 7px;
}
.ws-range input::-webkit-slider-thumb {
  border-radius: 50%;
  box-shadow: 0 0 0 2px #F1EFE1;
}
.ws-range input::-moz-range-thumb {
  background-color: #141414;
  border-color: #F1EFE1;
  border-radius: 50%;
}
.ws-range input::-moz-range-track {
  background-color: #FFF;
}

.ws-select-group {
  display: flex;
  position: relative;
  max-width: 420px;
  padding: 12px 0;
}
.ws-select-group .ws-select-icon {
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-35%);
}

@media (min-width: 1000px) {
  .ws-select-group-mobile {
    display: none;
  }
}
.ws-select-group-mobile select {
  appearance: none;
  background-color: inherit;
  border: none;
  flex-grow: 1;
  font-size: 16px;
  font-family: "Helvetica Now", sans-serif;
  outline: none !important;
  padding-left: 16px;
  margin-left: -16px;
}
.ws-select-group-mobile select:has(option:checked[value=""]) {
  color: #B3B3B3;
}
.ws-select-group-mobile select:has(option:checked[value=""]) h1, .ws-select-group-mobile select:has(option:checked[value=""]) h2, .ws-select-group-mobile select:has(option:checked[value=""]) h3, .ws-select-group-mobile select:has(option:checked[value=""]) h4, .ws-select-group-mobile select:has(option:checked[value=""]) h5, .ws-select-group-mobile select:has(option:checked[value=""]) h6 {
  color: #B3B3B3;
}

@media (max-width: 1000px) {
  .ws-select-group-desktop {
    display: none;
  }
}
.ws-select-group-desktop ul {
  list-style-type: none;
  cursor: pointer;
  margin: 0;
  padding: 1px 48px 1px 0;
  position: relative;
  user-select: none;
  width: 100%;
}
.ws-select-group-desktop ul:not(.open) li:not(.selected) {
  display: none;
}
.ws-select-group-desktop ul li[data-value=""] {
  color: #B3B3B3;
}
.ws-select-group-desktop ul li[data-value=""] h1, .ws-select-group-desktop ul li[data-value=""] h2, .ws-select-group-desktop ul li[data-value=""] h3, .ws-select-group-desktop ul li[data-value=""] h4, .ws-select-group-desktop ul li[data-value=""] h5, .ws-select-group-desktop ul li[data-value=""] h6 {
  color: #B3B3B3;
}
.ws-select-group-desktop ul.open li:not(.selected) {
  --position-multiplier: 24px;
  --position-adjustment: 14px;
  background-color: #FFF;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  height: var(--position-multiplier);
  left: -2px;
  padding: 12px 16px;
  position: absolute;
  text-wrap: nowrap;
  width: calc(100% - 32px);
  z-index: 10;
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(1) {
  bottom: calc(-1 * var(--position-multiplier) * 0 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(2) {
  bottom: calc(-1 * var(--position-multiplier) * 1 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(3) {
  bottom: calc(-1 * var(--position-multiplier) * 2 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(4) {
  bottom: calc(-1 * var(--position-multiplier) * 3 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(5) {
  bottom: calc(-1 * var(--position-multiplier) * 4 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(6) {
  bottom: calc(-1 * var(--position-multiplier) * 5 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(7) {
  bottom: calc(-1 * var(--position-multiplier) * 6 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(8) {
  bottom: calc(-1 * var(--position-multiplier) * 7 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(9) {
  bottom: calc(-1 * var(--position-multiplier) * 8 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(10) {
  bottom: calc(-1 * var(--position-multiplier) * 9 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(11) {
  bottom: calc(-1 * var(--position-multiplier) * 10 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(12) {
  bottom: calc(-1 * var(--position-multiplier) * 11 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(13) {
  bottom: calc(-1 * var(--position-multiplier) * 12 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(14) {
  bottom: calc(-1 * var(--position-multiplier) * 13 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(15) {
  bottom: calc(-1 * var(--position-multiplier) * 14 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(16) {
  bottom: calc(-1 * var(--position-multiplier) * 15 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(17) {
  bottom: calc(-1 * var(--position-multiplier) * 16 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(18) {
  bottom: calc(-1 * var(--position-multiplier) * 17 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(19) {
  bottom: calc(-1 * var(--position-multiplier) * 18 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(20) {
  bottom: calc(-1 * var(--position-multiplier) * 19 * 2 - var(--position-adjustment));
}
.ws-select-group-desktop ul.open li:not(.selected):nth-child(2) {
  border-top: 2px solid #141414;
}
.ws-select-group-desktop ul.open li:not(.selected):last-child {
  border-bottom: 2px solid #CCCCCC;
}
.ws-select-group-desktop ul.open li:not(.selected):hover {
  background-color: #FFE99E;
}

.ws-text-input-group .ws-select-group-container ul.open li {
  left: -18px;
  width: 100%;
}

.ws-switch {
  width: 104px;
}

.ws-switch label input {
  display: none;
}

.ws-switch-group-horizontal {
  display: flex;
  flex-direction: row;
}
.ws-switch-group-horizontal .ws-switch:not(:first-child) label .ws-option-card {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ws-switch-group-horizontal .ws-switch:not(:first-child) label .ws-option-card:active, .ws-switch-group-horizontal .ws-switch:not(:first-child) label .ws-option-card:has(~ input:checked) {
  box-shadow: -2px 0 0 #FEDD6C;
}
.ws-switch-group-horizontal .ws-switch:not(:last-child) label .ws-option-card {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ws-switch-group-vertical {
  display: flex;
  flex-direction: column;
}
.ws-switch-group-vertical .ws-switch:not(:first-child) label .ws-option-card {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ws-switch-group-vertical .ws-switch:not(:first-child) label .ws-option-card:active, .ws-switch-group-vertical .ws-switch:not(:first-child) label .ws-option-card:has(~ input:checked), .ws-switch-group-vertical .ws-switch:not(:first-child) label .ws-option-card:focus-within {
  box-shadow: 0 -2px 0 #FEDD6C;
}
.ws-switch-group-vertical .ws-switch:not(:last-child) label .ws-option-card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ws-text-input-group {
  display: flex;
  padding: 12px 0;
}
.ws-text-input-group input {
  flex: 1 1 60%;
  background-color: transparent;
  /* Chrome, Safari, Edge, Opera */
}
.ws-text-input-group input::-webkit-outer-spin-button, .ws-text-input-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ws-text-input-group input {
  /* Firefox */
}
.ws-text-input-group input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.ws-text-input-group input::placeholder {
  font-family: "Helvetica Now", sans-serif;
  font-size: 16px;
  color: #B3B3B3;
}
.ws-text-input-group input::placeholder h1, .ws-text-input-group input::placeholder h2, .ws-text-input-group input::placeholder h3, .ws-text-input-group input::placeholder h4, .ws-text-input-group input::placeholder h5, .ws-text-input-group input::placeholder h6 {
  color: #B3B3B3;
}
.ws-text-input-group .ws-text-input-period {
  padding-right: 12px;
}
.ws-text-input-group .ws-text-input-unit,
.ws-text-input-group .ws-select-group {
  border: none;
  border-left: 2px solid;
  border-color: #CCCCCC;
  color: #B3B3B3;
}
.ws-text-input-group .ws-text-input-unit h1, .ws-text-input-group .ws-text-input-unit h2, .ws-text-input-group .ws-text-input-unit h3, .ws-text-input-group .ws-text-input-unit h4, .ws-text-input-group .ws-text-input-unit h5, .ws-text-input-group .ws-text-input-unit h6,
.ws-text-input-group .ws-select-group h1,
.ws-text-input-group .ws-select-group h2,
.ws-text-input-group .ws-select-group h3,
.ws-text-input-group .ws-select-group h4,
.ws-text-input-group .ws-select-group h5,
.ws-text-input-group .ws-select-group h6 {
  color: #B3B3B3;
}
.ws-text-input-group .ws-text-input-unit,
.ws-text-input-group .ws-select-group {
  padding: 0 16px;
}
.ws-text-input-group .ws-select-group-container {
  flex: 1 1 20%;
}
.ws-text-input-group .ws-select-group {
  padding: 0 0 0 16px;
}
.ws-text-input-group .ws-select-group select {
  color: #B3B3B3;
}
.ws-text-input-group .ws-select-group select h1, .ws-text-input-group .ws-select-group select h2, .ws-text-input-group .ws-select-group select h3, .ws-text-input-group .ws-select-group select h4, .ws-text-input-group .ws-select-group select h5, .ws-text-input-group .ws-select-group select h6 {
  color: #B3B3B3;
}
.ws-text-input-group .ws-select-group:has(input:active), .ws-text-input-group .ws-select-group:has(input:focus), .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) {
  color: #B3B3B3;
}
.ws-text-input-group .ws-select-group:has(input:active) h1, .ws-text-input-group .ws-select-group:has(input:active) h2, .ws-text-input-group .ws-select-group:has(input:active) h3, .ws-text-input-group .ws-select-group:has(input:active) h4, .ws-text-input-group .ws-select-group:has(input:active) h5, .ws-text-input-group .ws-select-group:has(input:active) h6, .ws-text-input-group .ws-select-group:has(input:focus) h1, .ws-text-input-group .ws-select-group:has(input:focus) h2, .ws-text-input-group .ws-select-group:has(input:focus) h3, .ws-text-input-group .ws-select-group:has(input:focus) h4, .ws-text-input-group .ws-select-group:has(input:focus) h5, .ws-text-input-group .ws-select-group:has(input:focus) h6, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h1, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h2, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h3, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h4, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h5, .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) h6 {
  color: #B3B3B3;
}
.ws-text-input-group .ws-select-group:has(input:active), .ws-text-input-group .ws-select-group:has(input:focus), .ws-text-input-group .ws-select-group:has(option:checked:not([value=""])) {
  border-color: #CCCCCC;
}

.ws-text-divider {
  border-bottom: 1px solid;
  border-color: #CCCCCC;
  position: relative;
}
.ws-text-divider span {
  background-color: #FFF;
  color: #4D4D4D;
}
.ws-text-divider span h1, .ws-text-divider span h2, .ws-text-divider span h3, .ws-text-divider span h4, .ws-text-divider span h5, .ws-text-divider span h6 {
  color: #4D4D4D;
}
.ws-text-divider span {
  left: 50%;
  padding: 8px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  top: 50%;
}

.ws-progress-bar-container {
  align-items: center;
  bottom: 20px;
  display: flex;
  gap: 24px;
  left: 24px;
  margin-bottom: 20px;
  position: sticky;
  width: calc(100% - 48px);
}
@media (min-width: 1000px) {
  .ws-progress-bar-container {
    position: absolute;
    margin-bottom: 0;
    width: 420px;
  }
}
.ws-progress-bar-container .ws-progress-bar {
  flex-grow: 1;
  background-color: #DBD7BD;
  border-radius: 1000px;
  height: 10px;
}
.ws-progress-bar-container .ws-progress-bar-value {
  height: 10px;
  border-radius: 1000px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #141414;
}
.ws-progress-bar-container .ws-progress-bar-value-25 {
  width: 25%;
}
.ws-progress-bar-container .ws-progress-bar-value-50 {
  width: 50%;
}
.ws-progress-bar-container .ws-progress-bar-value-75 {
  width: 75%;
}
.ws-progress-bar-container .ws-progress-bar-value-100 {
  width: 100%;
  border-radius: 1000px;
}

.ws-option-card {
  border: 2px solid;
  border-color: #CCCCCC;
  border-radius: 2px;
  cursor: pointer;
}
.ws-option-card.ws-option-card__size-s {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px 0;
  user-select: none;
  width: 100px;
}
.ws-option-card.ws-option-card__size-m {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: start;
  padding: 8px 18px;
  width: 270px;
}
.ws-option-card.ws-option-card__size-l {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 112px;
  padding: 12px 8px;
  width: 132px;
}
.ws-option-card.ws-option-card__size-l svg {
  margin: auto;
}
@media (min-width: 1000px) {
  .ws-option-card.ws-option-card__size-l {
    height: 160px;
    padding: 20px 16px 10px;
    width: 196px;
  }
}
.ws-option-card:hover {
  background-color: #E6E6E6;
}
.ws-option-card:active, .ws-option-card:has(~ input:checked) {
  background-color: #FFE99E;
  border-color: #FEDD6C;
}

.ws-company-info-sectors input:checked + .ws-option-card,
.ws-switch input:checked + .ws-option-card {
  background-color: #FFE99E;
  border-color: #FEDD6C;
}

.ws-web-simulator-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  width: 100vw;
}
@media (min-width: 1000px) {
  .ws-web-simulator-container {
    flex-direction: row;
  }
}
.ws-web-simulator-container .ws-web-simulator-sidebar {
  background-color: #F1EFE1;
  padding: 12px 24px 16px 24px;
}
.ws-web-simulator-container .ws-web-simulator-sidebar section {
  background-color: #141414;
  color: #F1EFE1;
}
.ws-web-simulator-container .ws-web-simulator-sidebar section h1, .ws-web-simulator-container .ws-web-simulator-sidebar section h2, .ws-web-simulator-container .ws-web-simulator-sidebar section h3, .ws-web-simulator-container .ws-web-simulator-sidebar section h4, .ws-web-simulator-container .ws-web-simulator-sidebar section h5, .ws-web-simulator-container .ws-web-simulator-sidebar section h6 {
  color: #F1EFE1;
}
.ws-web-simulator-container .ws-web-simulator-sidebar section {
  padding: 12px;
}
.ws-web-simulator-container .ws-web-simulator-sidebar section h6 {
  margin: 0;
}
.ws-web-simulator-container .ws-web-simulator-sidebar section p {
  display: none;
}
@media (min-width: 1000px) {
  .ws-web-simulator-container .ws-web-simulator-sidebar section {
    padding: 24px 16px;
    background-color: #DBD7BD;
    color: #141414;
  }
  .ws-web-simulator-container .ws-web-simulator-sidebar section h1, .ws-web-simulator-container .ws-web-simulator-sidebar section h2, .ws-web-simulator-container .ws-web-simulator-sidebar section h3, .ws-web-simulator-container .ws-web-simulator-sidebar section h4, .ws-web-simulator-container .ws-web-simulator-sidebar section h5, .ws-web-simulator-container .ws-web-simulator-sidebar section h6 {
    color: #141414;
  }
  .ws-web-simulator-container .ws-web-simulator-sidebar section h6 {
    margin-bottom: 16px;
  }
  .ws-web-simulator-container .ws-web-simulator-sidebar section p {
    display: block;
  }
}
@media (min-width: 1000px) {
  .ws-web-simulator-container .ws-web-simulator-sidebar {
    height: calc(100% - 28px);
    width: 420px;
  }
}
.ws-web-simulator-container .ws-form-content {
  flex-grow: 1;
  height: calc(100vh - 48px);
  overflow-y: scroll;
  padding: 24px;
  margin-bottom: 24px;
}
@media (min-width: 1000px) {
  .ws-web-simulator-container .ws-form-content {
    height: calc(100vh - 104px);
    padding: 52px;
    margin-bottom: 0;
  }
  .ws-web-simulator-container .ws-form-content .ws-text-input-group {
    max-width: 420px;
  }
}
.ws-web-simulator-container--advanced {
  background-color: #F1EFE1;
}
.ws-web-simulator-container--advanced .ws-web-simulator-sidebar {
  background-color: #FFF;
}

.ws-form-content__form-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 1000px) {
  .ws-form-content__form-flex {
    flex-direction: row;
  }
  .ws-form-content__form-flex .w-m {
    flex: 1 0 270px;
  }
}

.ws-form-content__flex {
  display: flex;
  gap: 16px;
}

.ws-form-content__form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 870px;
}
@media (min-width: 1000px) {
  .ws-form-content__form-grid {
    grid-template-columns: repeat(2, minmax(210px, 1fr));
  }
}
@media (min-width: 1350px) {
  .ws-form-content__form-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
  }
}

.ws-input-border {
  border-bottom: 2px solid;
  border-color: #CCCCCC;
}
.ws-input-border input,
.ws-input-border select {
  border: none;
  outline: none !important;
}
.ws-input-border .ws-select-icon svg path {
  stroke: #CCCCCC;
}
.ws-input-border:has(input:invalid) {
  border-color: #141414;
}
.ws-input-border:has(input:invalid) .ws-text-input-unit {
  border-color: #141414;
  color: #141414;
}
.ws-input-border:has(input:invalid) .ws-text-input-unit h1, .ws-input-border:has(input:invalid) .ws-text-input-unit h2, .ws-input-border:has(input:invalid) .ws-text-input-unit h3, .ws-input-border:has(input:invalid) .ws-text-input-unit h4, .ws-input-border:has(input:invalid) .ws-text-input-unit h5, .ws-input-border:has(input:invalid) .ws-text-input-unit h6 {
  color: #141414;
}
.ws-input-border:has(input:invalid) .ws-select-icon svg path {
  stroke: #141414;
}
.ws-input-border:has(input:invalid) .ws-select-group:has(option:checked:not([value=""])), .ws-input-border:has(input:invalid) .ws-select-group:has(input:active), .ws-input-border:has(input:invalid) .ws-select-group:has(input:focus), .ws-input-border:has(input:invalid) .ws-select-group:has(li.selected) {
  border-color: #141414;
}
.ws-input-border:has(input:invalid) .ws-select-group select,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option {
  color: #141414;
}
.ws-input-border:has(input:invalid) .ws-select-group select h1, .ws-input-border:has(input:invalid) .ws-select-group select h2, .ws-input-border:has(input:invalid) .ws-select-group select h3, .ws-input-border:has(input:invalid) .ws-select-group select h4, .ws-input-border:has(input:invalid) .ws-select-group select h5, .ws-input-border:has(input:invalid) .ws-select-group select h6,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h1,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h2,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h3,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h4,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h5,
.ws-input-border:has(input:invalid) .ws-select-group .ws-select-option h6 {
  color: #141414;
}
.ws-input-border:has(input:active), .ws-input-border:has(input:focus) {
  border-color: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-text-input-unit, .ws-input-border:has(input:focus) .ws-text-input-unit {
  border-color: #FF6F1E;
  color: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-text-input-unit h1, .ws-input-border:has(input:active) .ws-text-input-unit h2, .ws-input-border:has(input:active) .ws-text-input-unit h3, .ws-input-border:has(input:active) .ws-text-input-unit h4, .ws-input-border:has(input:active) .ws-text-input-unit h5, .ws-input-border:has(input:active) .ws-text-input-unit h6, .ws-input-border:has(input:focus) .ws-text-input-unit h1, .ws-input-border:has(input:focus) .ws-text-input-unit h2, .ws-input-border:has(input:focus) .ws-text-input-unit h3, .ws-input-border:has(input:focus) .ws-text-input-unit h4, .ws-input-border:has(input:focus) .ws-text-input-unit h5, .ws-input-border:has(input:focus) .ws-text-input-unit h6 {
  color: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-select-icon svg path, .ws-input-border:has(input:focus) .ws-select-icon svg path {
  stroke: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-select-group:has(option:checked:not([value=""])), .ws-input-border:has(input:active) .ws-select-group:has(input:active), .ws-input-border:has(input:active) .ws-select-group:has(input:focus), .ws-input-border:has(input:active) .ws-select-group:has(li.selected), .ws-input-border:has(input:focus) .ws-select-group:has(option:checked:not([value=""])), .ws-input-border:has(input:focus) .ws-select-group:has(input:active), .ws-input-border:has(input:focus) .ws-select-group:has(input:focus), .ws-input-border:has(input:focus) .ws-select-group:has(li.selected) {
  border-color: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-select-group select,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option, .ws-input-border:has(input:focus) .ws-select-group select,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option {
  color: #FF6F1E;
}
.ws-input-border:has(input:active) .ws-select-group select h1, .ws-input-border:has(input:active) .ws-select-group select h2, .ws-input-border:has(input:active) .ws-select-group select h3, .ws-input-border:has(input:active) .ws-select-group select h4, .ws-input-border:has(input:active) .ws-select-group select h5, .ws-input-border:has(input:active) .ws-select-group select h6,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h1,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h2,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h3,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h4,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h5,
.ws-input-border:has(input:active) .ws-select-group .ws-select-option h6, .ws-input-border:has(input:focus) .ws-select-group select h1, .ws-input-border:has(input:focus) .ws-select-group select h2, .ws-input-border:has(input:focus) .ws-select-group select h3, .ws-input-border:has(input:focus) .ws-select-group select h4, .ws-input-border:has(input:focus) .ws-select-group select h5, .ws-input-border:has(input:focus) .ws-select-group select h6,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h1,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h2,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h3,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h4,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h5,
.ws-input-border:has(input:focus) .ws-select-group .ws-select-option h6 {
  color: #FF6F1E;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])), .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) {
  border-color: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit {
  border-color: #141414;
  color: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h1, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h2, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h3, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h4, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h5, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-text-input-unit h6, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h1, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h2, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h3, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h4, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h5, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-text-input-unit h6 {
  color: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-icon svg path, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-icon svg path {
  stroke: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group:has(option:checked:not([value=""])), .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group:has(input:active), .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group:has(input:focus), .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group:has(li.selected), .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group:has(option:checked:not([value=""])), .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group:has(input:active), .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group:has(input:focus), .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group:has(li.selected) {
  border-color: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option {
  color: #141414;
}
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h1, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h2, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h3, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h4, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h5, .ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group select h6,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h1,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h2,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h3,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h4,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h5,
.ws-input-border.ws-select-group:has(select option:checked:not([value=""])) .ws-select-group .ws-select-option h6, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h1, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h2, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h3, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h4, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h5, .ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group select h6,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h1,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h2,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h3,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h4,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h5,
.ws-input-border.ws-select-group:has(li:not([data-value=""]).selected) .ws-select-group .ws-select-option h6 {
  color: #141414;
}

.ws-company-info-sectors {
  display: grid;
  gap: 8px;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
}
@media (min-width: 1000px) {
  .ws-company-info-sectors {
    grid-template-columns: repeat(2, 220px);
  }
}
@media (min-width: 1350px) {
  .ws-company-info-sectors {
    grid-template-columns: repeat(3, 260px);
  }
}
.ws-company-info-sectors .ws-option-card {
  width: initial;
}
.ws-company-info-sectors input {
  display: none;
}

.ws-contact .ws-form {
  max-width: 430px;
}
.ws-contact .ws-form input::placeholder {
  color: #B3B3B3;
}
.ws-contact .ws-form input::placeholder h1, .ws-contact .ws-form input::placeholder h2, .ws-contact .ws-form input::placeholder h3, .ws-contact .ws-form input::placeholder h4, .ws-contact .ws-form input::placeholder h5, .ws-contact .ws-form input::placeholder h6 {
  color: #B3B3B3;
}
@media (min-width: 1000px) {
  .ws-contact__form-body {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .ws-contact__form-body div {
    flex-grow: 1;
  }
}
.ws-contact .ws-text-divider span {
  background-color: #F1EFE1;
}
.ws-contact .ws-checkbox input {
  --background-color: var(--color-sand--main);
}
.ws-contact button {
  width: 100%;
}
.ws-contact .ws-button--primary {
  width: auto;
  justify-content: center;
}

.ws-success {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/assets/webp/hills-1c5dc1ae05749c3fb7fdedd88ba68c9e163f2d50994d8d9d2842221473e31f21.webp);
  background-size: cover;
  overflow: hidden;
}
.ws-success svg {
  stroke: transparent;
}
.ws-success svg path {
  fill: white;
}
.ws-success .ws-modal__image {
  display: none;
}
.ws-success .ws-modal__body {
  text-align: center;
}
.ws-success .ws-modal__body h5, .ws-success .ws-modal__body p {
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.ws-success .ws-modal__body h5 h1, .ws-success .ws-modal__body h5 h2, .ws-success .ws-modal__body h5 h3, .ws-success .ws-modal__body h5 h4, .ws-success .ws-modal__body h5 h5, .ws-success .ws-modal__body h5 h6, .ws-success .ws-modal__body p h1, .ws-success .ws-modal__body p h2, .ws-success .ws-modal__body p h3, .ws-success .ws-modal__body p h4, .ws-success .ws-modal__body p h5, .ws-success .ws-modal__body p h6 {
  color: #141414;
}
.ws-success .ws-modal__body h5, .ws-success .ws-modal__body p {
  line-height: 1em;
  color: #FFF;
}
.ws-success .ws-modal__body h5 h1, .ws-success .ws-modal__body h5 h2, .ws-success .ws-modal__body h5 h3, .ws-success .ws-modal__body h5 h4, .ws-success .ws-modal__body h5 h5, .ws-success .ws-modal__body h5 h6, .ws-success .ws-modal__body p h1, .ws-success .ws-modal__body p h2, .ws-success .ws-modal__body p h3, .ws-success .ws-modal__body p h4, .ws-success .ws-modal__body p h5, .ws-success .ws-modal__body p h6 {
  color: #FFF;
}
.ws-success .ws-modal__body h5 {
  font-size: 28px;
}
@media (min-width: 1000px) {
  .ws-success .ws-modal__body h5 {
    font-size: 44px;
  }
}
.ws-success .ws-modal__body p {
  font-size: 20px;
}
@media (min-width: 1000px) {
  .ws-success .ws-modal__body p {
    font-size: 24px;
  }
}
.ws-success .ws-button--primary {
  justify-content: center;
  margin-top: 54px;
  width: auto;
}

.ws-edit {
  padding: 24px;
}
@media (min-width: 1000px) {
  .ws-edit {
    padding: 42px 60px;
  }
}
.ws-edit--map {
  height: 100vh;
}
.ws-edit--map .ws-map__container {
  --container-margin: 0px;
}
.ws-edit--advanced {
  background-color: #F1EFE1;
}
@media (min-width: 1000px) {
  .ws-edit--simulation {
    max-width: 870px;
  }
}
.ws-edit--simulation hr {
  border: none;
  border-bottom: 2px solid;
  border-color: #141414;
  margin: 80px 0;
  width: calc(100vw - 120px);
}
@media (min-width: 1000px) {
  .ws-edit--surface {
    display: flex;
    gap: 60px;
  }
  .ws-edit--surface-type {
    align-self: flex-end;
  }
}
@media (min-width: 1000px) {
  .ws-edit--address {
    width: 420px;
  }
}
@media (min-width: 1350px) {
  .ws-edit .ws-show__system-charts-header {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.ws-edit .ws-advanced-surface {
  --form-height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.ws-edit .ws-advanced-surface .ws-wind-rose {
  height: 300px;
}
.ws-edit .ws-advanced-surface .ws-wind-rose:not(.show) {
  display: none;
}
@media (min-width: 1350px) {
  .ws-edit .ws-advanced-surface {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

.ws-error-page {
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/assets/webp/hills-1c5dc1ae05749c3fb7fdedd88ba68c9e163f2d50994d8d9d2842221473e31f21.webp);
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.ws-error-page svg {
  position: absolute;
  top: 32px;
  left: 64px;
}
.ws-error-page div {
  width: fit-content;
}
.ws-error-page div h1, .ws-error-page div p {
  color: white;
  margin: auto;
  width: fit-content;
}
.ws-error-page div a, .ws-error-page div .ws-button--primary {
  padding: 12px 24px;
  margin: auto;
}

.ws-landing__container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  width: 100vw;
}
@media (min-width: 1000px) {
  .ws-landing__container {
    flex-direction: row;
  }
}
.ws-landing__logo {
  position: absolute;
  top: 18px;
  left: 18px;
}
@media (min-width: 1000px) {
  .ws-landing__logo {
    top: 36px;
    left: 50px;
  }
}
.ws-landing__locale {
  position: absolute;
  top: 38px;
  right: 22px;
}
@media (min-width: 1000px) {
  .ws-landing__locale {
    top: 50px;
    right: 50px;
  }
  .ws-landing__locale .ws-locale-switch {
    color: black;
  }
}
.ws-landing__cta {
  background-color: #FEC504;
  border-radius: 2px;
  font-family: "FK Grotesk", sans-serif;
  font-weight: 500;
  color: #141414;
}
.ws-landing__cta h1, .ws-landing__cta h2, .ws-landing__cta h3, .ws-landing__cta h4, .ws-landing__cta h5, .ws-landing__cta h6 {
  color: #141414;
}
.ws-landing__cta {
  line-height: 1em;
  margin: 24px 0;
  padding: 8px 16px;
  width: fit-content;
}
.ws-landing__footer {
  text-align: center;
  width: 100%;
}
.ws-landing__hero {
  color: #FFF;
}
.ws-landing__hero h1, .ws-landing__hero h2, .ws-landing__hero h3, .ws-landing__hero h4, .ws-landing__hero h5, .ws-landing__hero h6 {
  color: #FFF;
}
.ws-landing__hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/assets/webp/field-65479cbe6f6a38895c72954c139d3446dc6d21cacc16b7985dc73aa652659a1c.webp);
  background-size: cover;
  padding: 100px 22px 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ws-landing__hero ul {
  margin-top: 42px;
  padding: 0;
}
.ws-landing__hero li {
  align-items: center;
  display: flex;
  gap: 16px;
  list-style: none;
  margin-bottom: 16px;
}
.ws-landing__hero li path {
  stroke: #FEC504;
}
@media (min-width: 1000px) and (max-width: 1350px) {
  .ws-landing__hero h2 {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1350px) and (min-width: 1000px) {
  .ws-landing__hero h2 {
    font-size: 24px;
  }
}
@media (min-width: 1000px) {
  .ws-landing__hero {
    max-width: 900px;
    padding: 0 50px;
    width: 60%;
  }
}
@media (min-width: 1350px) {
  .ws-landing__hero {
    padding: 0 100px;
  }
}
.ws-landing__select-installation {
  padding: 36px 8px 42px;
}
@media (min-width: 1000px) {
  .ws-landing__select-installation {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 50px 0;
    margin: auto;
  }
}
.ws-landing__select-installation .ws-text-divider {
  margin: 24px 0;
}
@media (max-width: 1000px) {
  .ws-landing__select-installation h5 {
    text-align: center;
  }
}
.ws-landing__option-group {
  display: flex;
  justify-content: space-around;
}
@media (min-width: 1000px) {
  .ws-landing__option-group {
    justify-content: center;
    gap: 24px;
  }
}
.ws-landing__option-group svg {
  min-height: 70px !important;
  min-width: 60px !important;
}
@media (min-width: 1000px) {
  .ws-landing__option-group svg {
    min-height: 90px !important;
    min-width: 90px !important;
  }
}

.ws-form-results__container {
  padding: 24px;
}
@media (min-width: 1000px) {
  .ws-form-results__container {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 100vw;
  }
  .ws-form-results__container h4 {
    text-align: center;
  }
  .ws-form-results__container .ws-back-link form {
    font-size: 14px;
    margin: auto;
  }
}
@media (min-width: 1000px) and (min-width: 1000px) {
  .ws-form-results__container .ws-back-link form {
    font-size: 16px;
  }
}
@media (min-width: 1000px) {
  .ws-form-results__container .ws-ekhi-logo {
    position: absolute;
    top: 24px;
    left: 24px;
  }
}
.ws-form-results__container .ws-button--primary {
  justify-content: center;
  width: calc(100% - 48px);
}
.ws-form-results__investments {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(320px, 1fr));
  justify-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
@media (min-width: 1000px) {
  .ws-form-results__investments {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
  }
}
.ws-form-results__or-both-div {
  margin-bottom: 24px;
}
@media (min-width: 1000px) {
  .ws-form-results__or-both-div {
    width: 100%;
  }
}
.ws-form-results__main .ws-back-link button {
  margin: auto;
}

.ws-show__advanced-simulation {
  display: flex;
  align-items: center;
  gap: 90px;
}
@media (max-width: 1000px) {
  .ws-show__advanced-simulation img {
    display: none;
  }
}
@media (min-width: 1000px) {
  .ws-show__advanced-simulation-mobile {
    display: none;
  }
}
@media (max-width: 1000px) {
  .ws-show__advanced-simulation-desktop {
    display: none;
  }
}
.ws-show__advanced-simulation-button-group {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 1350px) {
  .ws-show__advanced-simulation-button-group {
    flex-direction: row;
  }
}

.ws-show__consumption-patterns {
  background-color: #F1EFE1;
}
.ws-show__details {
  background-color: #F1EFE1;
  --horizontal-padding: 24px;
  --vertical-padding: 0;
}
@media (min-width: 1000px) {
  .ws-show__details {
    --horizontal-padding: 60px;
    --vertical-padding: 60px;
  }
}
.ws-show__details {
  padding: var(--vertical-padding) var(--horizontal-padding);
}
.ws-show__details > section {
  padding: 36px 0;
}
@media (min-width: 1000px) {
  .ws-show__details > section {
    padding: 24px 0;
  }
}
.ws-show__details > section:not(:last-child) {
  border-bottom: 2px solid;
  border-color: #141414;
}

.ws-show__environment {
  padding: 20px 12px;
}
@media (min-width: 1000px) {
  .ws-show__environment {
    padding: 32px 60px 40px;
  }
}
.ws-show__environment-header {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.ws-show__environment-header span {
  border-left: 1px solid black;
  padding: 0 8px;
}
.ws-show__environment-header h5 {
  margin: 0;
  padding: 0 8px;
}
.ws-show__environment-body {
  display: flex;
  flex: 0 0 285px;
  flex-wrap: wrap;
  gap: 24px;
}
.ws-show__environment-body .ws-highlight {
  width: 270px;
}

.ws-show__footer {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/assets/webp/solarpanels-9da478d57e52c5b45fae5cbf14878daf400b59aa89a4827c9bbcb6822035fcdf.webp);
  background-size: cover;
  color: #FFF;
}
.ws-show__footer h1, .ws-show__footer h2, .ws-show__footer h3, .ws-show__footer h4, .ws-show__footer h5, .ws-show__footer h6 {
  color: #FFF;
}
.ws-show__footer {
  display: flex;
  padding: 45px 28px;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1000px) {
  .ws-show__footer {
    flex-direction: row;
    gap: 100px;
    padding: 100px;
  }
}
.ws-show__footer-subtitle {
  font-size: 20px;
}
.ws-show__footer-content a {
  display: block;
  margin: 12px 0;
}
.ws-show__footer-content h3 {
  margin: 0 0 12px;
}
@media (min-width: 1000px) {
  .ws-show__footer-content {
    max-width: 50%;
  }
  .ws-show__footer-content a {
    margin: 40px 0;
  }
  .ws-show__footer-content h3 {
    margin: 0 0 16px;
  }
}
.ws-show__footer-highlights {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1000px) {
  .ws-show__footer-highlights {
    align-items: center;
  }
}
@media (min-width: 1350px) {
  .ws-show__footer-highlights {
    flex-direction: row;
    justify-content: center;
  }
}
.ws-show__footer-highlights .ws-highlight {
  margin-bottom: 32px;
}
.ws-show__footer-highlights .ws-highlight svg {
  min-width: 56px !important;
  min-height: 56px !important;
}
.ws-show__footer-highlights .ws-highlight p {
  color: #FFF;
}
.ws-show__footer-highlights .ws-highlight p h1, .ws-show__footer-highlights .ws-highlight p h2, .ws-show__footer-highlights .ws-highlight p h3, .ws-show__footer-highlights .ws-highlight p h4, .ws-show__footer-highlights .ws-highlight p h5, .ws-show__footer-highlights .ws-highlight p h6 {
  color: #FFF;
}
.ws-show__footer-highlights .ws-highlight p {
  height: 0;
  margin: 0;
  max-width: initial;
}
.ws-show__footer-highlights .ws-highlight ul {
  margin-top: 12px;
  padding-left: 8px;
}
.ws-show__footer-highlights .ws-highlight h3 {
  font-size: 24px;
}
.ws-show__footer-highlights .ws-highlight__value {
  padding-left: 21px;
}

.ws-show__sticky-header-black-button {
  display: none;
}

.ws-show__header,
.ws-show__sticky-header {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(/assets/webp/forest-dcb6a59b3254805cd66f9a78561d4671c21acbd0f86895eaebc72cb93f0e242a.webp);
  background-position-x: left;
  background-position-y: 300px;
  background-size: cover;
  margin-bottom: 8px;
  padding: 12px 24px;
}
@media (min-width: 1000px) {
  .ws-show__header,
  .ws-show__sticky-header {
    padding: 0 64px 32px;
    margin-bottom: 0;
  }
}
.ws-show__header-label,
.ws-show__sticky-header-label {
  background-color: #FFF;
}
.ws-show__header-label-advanced,
.ws-show__sticky-header-label-advanced {
  background-color: #DBD7BD;
}
.ws-show__header-label, .ws-show__header-label-advanced,
.ws-show__sticky-header-label,
.ws-show__sticky-header-label-advanced {
  font-size: 14px;
}
@media (min-width: 1000px) {
  .ws-show__header-label, .ws-show__header-label-advanced,
  .ws-show__sticky-header-label,
  .ws-show__sticky-header-label-advanced {
    font-size: 16px;
  }
}
.ws-show__header-label, .ws-show__header-label-advanced,
.ws-show__sticky-header-label,
.ws-show__sticky-header-label-advanced {
  padding: 4px 10px;
  width: fit-content;
}
.ws-show__header h1,
.ws-show__sticky-header h1 {
  color: #FFF;
}
.ws-show__header h1 h1, .ws-show__header h1 h2, .ws-show__header h1 h3, .ws-show__header h1 h4, .ws-show__header h1 h5, .ws-show__header h1 h6,
.ws-show__sticky-header h1 h1,
.ws-show__sticky-header h1 h2,
.ws-show__sticky-header h1 h3,
.ws-show__sticky-header h1 h4,
.ws-show__sticky-header h1 h5,
.ws-show__sticky-header h1 h6 {
  color: #FFF;
}
.ws-show__header p,
.ws-show__sticky-header p {
  color: #FFF;
}
.ws-show__header p h1, .ws-show__header p h2, .ws-show__header p h3, .ws-show__header p h4, .ws-show__header p h5, .ws-show__header p h6,
.ws-show__sticky-header p h1,
.ws-show__sticky-header p h2,
.ws-show__sticky-header p h3,
.ws-show__sticky-header p h4,
.ws-show__sticky-header p h5,
.ws-show__sticky-header p h6 {
  color: #FFF;
}
.ws-show__header p,
.ws-show__sticky-header p {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .ws-show__header p,
  .ws-show__sticky-header p {
    font-size: 18px;
  }
}
.ws-show__header h1, .ws-show__header p,
.ws-show__sticky-header h1,
.ws-show__sticky-header p {
  margin: 12px 0;
}
@media (min-width: 1000px) {
  .ws-show__header h1, .ws-show__header p,
  .ws-show__sticky-header h1,
  .ws-show__sticky-header p {
    max-width: 60%;
  }
}
.ws-show__header-results-mobile,
.ws-show__sticky-header-results-mobile {
  padding: 0 12px;
}
.ws-show__header-results-mobile a,
.ws-show__sticky-header-results-mobile a {
  display: block;
}
.ws-show__header-results-mobile .ws-button--secondary,
.ws-show__sticky-header-results-mobile .ws-button--secondary {
  width: inherit;
  justify-content: center;
}
.ws-show__header-results-mobile svg,
.ws-show__sticky-header-results-mobile svg {
  height: 14px !important;
  width: 14px !important;
}
@media (min-width: 1000px) {
  .ws-show__header-results-mobile,
  .ws-show__sticky-header-results-mobile {
    display: none;
  }
}
.ws-show__header-locale-mobile,
.ws-show__sticky-header-locale-mobile {
  position: absolute;
  right: 24px;
  top: 24px;
}
@media (min-width: 1000px) {
  .ws-show__header-locale-mobile,
  .ws-show__sticky-header-locale-mobile {
    display: none;
  }
}
.ws-show__header-results-desktop,
.ws-show__sticky-header-results-desktop {
  display: none;
}
@media (min-width: 1000px) {
  .ws-show__header-results-desktop,
  .ws-show__sticky-header-results-desktop {
    gap: 18px;
    display: flex;
    position: absolute;
    top: 16px;
    right: 64px;
  }
  .ws-show__header-results-desktop .ws-locale-switch,
  .ws-show__sticky-header-results-desktop .ws-locale-switch {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0px 12px;
    gap: 8px;
  }
}

.ws-show__sticky-header {
  padding: 12px 24px;
}
@media (min-width: 1000px) {
  .ws-show__sticky-header {
    padding: 16px 64px;
    margin-bottom: 0;
  }
}
.ws-show__sticky-header.white-background {
  background: white;
}
.ws-show__sticky-header.white-background .ws-button--secondary,
.ws-show__sticky-header.white-background .ws-locale-switch {
  color: #141414;
}
.ws-show__sticky-header.white-background .ws-button--secondary h1, .ws-show__sticky-header.white-background .ws-button--secondary h2, .ws-show__sticky-header.white-background .ws-button--secondary h3, .ws-show__sticky-header.white-background .ws-button--secondary h4, .ws-show__sticky-header.white-background .ws-button--secondary h5, .ws-show__sticky-header.white-background .ws-button--secondary h6,
.ws-show__sticky-header.white-background .ws-locale-switch h1,
.ws-show__sticky-header.white-background .ws-locale-switch h2,
.ws-show__sticky-header.white-background .ws-locale-switch h3,
.ws-show__sticky-header.white-background .ws-locale-switch h4,
.ws-show__sticky-header.white-background .ws-locale-switch h5,
.ws-show__sticky-header.white-background .ws-locale-switch h6 {
  color: #141414;
}
.ws-show__sticky-header.white-background .ws-button--secondary,
.ws-show__sticky-header.white-background .ws-locale-switch {
  border-color: #141414;
}
.ws-show__sticky-header.white-background .ws-show__header-logo * {
  fill: #141414;
}
.ws-show__sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  background-position-x: left;
  background-position-y: calc(300px + 100%);
  margin-bottom: 0;
}

.ws-show__installation-setup {
  width: 100%;
}
.ws-show__installation-setup-content {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(3, auto);
}
.ws-show__installation-setup-content > img {
  width: 100%;
}
@media (min-width: 1000px) and (max-width: 1350px) {
  .ws-show__installation-setup-content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .ws-show__installation-setup-content > img {
    grid-column: span 2;
    justify-self: initial;
    margin: 48px auto;
    width: 480px;
  }
}
@media (min-width: 1350px) {
  .ws-show__installation-setup-content {
    grid-template-columns: 320px auto clamp(10%, 400px, 33%);
    grid-template-rows: auto;
  }
  .ws-show__installation-setup-content > img {
    width: 100%;
  }
}
.ws-show__installation-setup-power, .ws-show__installation-setup-details {
  padding: 24px 0;
  width: 100%;
}
@media (min-width: 1000px) {
  .ws-show__installation-setup-power, .ws-show__installation-setup-details {
    padding: 0 32px;
    width: fit-content;
    max-width: calc(100% - 64px);
  }
}
.ws-show__installation-setup-power {
  --border-color: rgba(128, 128, 128, 0.2);
  border-bottom: 1px solid var(--border-color);
}
@media (min-width: 1000px) {
  .ws-show__installation-setup-power {
    padding-left: 0;
    padding-right: 52px;
    border-bottom: none;
    border-right: 1px solid var(--border-color);
  }
}
.ws-show__installation-setup-detail {
  margin-bottom: 32px;
}

.ws-show__offer {
  display: flex;
  flex-direction: row;
  gap: 60px;
  padding: 20px 12px;
}
@media (min-width: 1000px) {
  .ws-show__offer {
    padding: 32px 60px 40px;
  }
}
.ws-show__offer-selector {
  flex-grow: 4;
}
.ws-show__offer-cta {
  display: none;
  height: fit-content;
}
@media (min-width: 1350px) {
  .ws-show__offer-cta {
    background-color: #F1EFE1;
    padding: 24px 32px;
    display: block;
    flex-grow: 1;
    max-width: min(420px, 33%);
  }
  .ws-show__offer-cta .ws-button--primary {
    justify-content: center;
    width: auto;
  }
}
.ws-show__offer-selector-header {
  color: #CCCCCC;
}
.ws-show__offer-selector-header h1, .ws-show__offer-selector-header h2, .ws-show__offer-selector-header h3, .ws-show__offer-selector-header h4, .ws-show__offer-selector-header h5, .ws-show__offer-selector-header h6 {
  color: #CCCCCC;
}
.ws-show__offer-selector-header {
  display: flex;
  justify-content: center;
}
.ws-show__offer-selector-header h5,
.ws-show__offer-selector-header > div {
  border-bottom: 2px solid;
  border-color: #CCCCCC;
  line-height: 1.3em;
  padding: 12px;
  margin: 0;
}
@media (max-width: 1000px) {
  .ws-show__offer-selector-header h5 .offer-text,
  .ws-show__offer-selector-header > div .offer-text {
    display: none;
  }
}
.ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer),
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer) {
  cursor: pointer;
}
.ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active {
  border-color: #141414;
  color: #141414;
}
.ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h1, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h2, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h3, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h4, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h5, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer).selected h6, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h1, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h2, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h3, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h4, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h5, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):hover h6, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h1, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h2, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h3, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h4, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h5, .ws-show__offer-selector-header h5:not(.ws-show__offer-selector-spacer):active h6,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h1,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h2,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h3,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h4,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h5,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer).selected h6,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h1,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h2,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h3,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h4,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h5,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):hover h6,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h1,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h2,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h3,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h4,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h5,
.ws-show__offer-selector-header > div:not(.ws-show__offer-selector-spacer):active h6 {
  color: #141414;
}
.ws-show__offer-selector-header > div:last-child {
  padding: 0;
}
.ws-show__offer-selector-header > div:last-child .ws-select-group-container,
.ws-show__offer-selector-header > div:last-child .ws-select-group {
  height: 100%;
  padding: 0;
}
.ws-show__offer-selector-header .ws-select-group {
  border: none;
}
.ws-show__offer-selector-header .ws-select-group select,
.ws-show__offer-selector-header .ws-select-group ul {
  font-size: 16px;
}
@media (min-width: 1000px) {
  .ws-show__offer-selector-header .ws-select-group select,
  .ws-show__offer-selector-header .ws-select-group ul {
    font-size: 18px;
  }
}
@media (min-width: 1000px) {
  .ws-show__offer-selector-header .ws-select-group select,
  .ws-show__offer-selector-header .ws-select-group ul {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (min-width: 1000px) {
  .ws-show__offer-selector-header .ws-select-group select,
  .ws-show__offer-selector-header .ws-select-group ul {
    font-size: 20px;
  }
}
.ws-show__offer-selector-header .ws-select-group ul {
  padding: 12px 0;
}
.ws-show__offer-selector-header .ws-select-group ul li:not(.selected) {
  --position-adjustment: 2px;
}
.ws-show__offer-selector-header .ws-select-group ul li.selected {
  padding-top: 6px;
}
.ws-show__offer-selector-header .ws-select-group li,
.ws-show__offer-selector-header .ws-select-group select {
  font-family: "FK Grotesk", sans-serif;
}
.ws-show__offer-selector-header .ws-select-group:has(option:checked:not([value=""])) {
  border-color: #CCCCCC;
}
.ws-show__offer-selector-spacer {
  content: "";
  flex-grow: 1;
}
.ws-show__offer-selector-body {
  padding: 18px 0;
}
@media (min-width: 1000px) {
  .ws-show__offer-selector-body {
    padding: 32px 0;
  }
}

.ws-show__system-charts-dates {
  display: flex;
  justify-content: end;
  gap: 12px;
  padding-right: 16px;
  margin-top: 16px;
}
@media (max-width: 1000px) {
  .ws-show__system-charts-dates .ws-select-group-container {
    flex: 1 1 100px;
  }
  .ws-show__system-charts-dates .ws-select-group-container .ws-select-group {
    min-width: 100px;
  }
}
.ws-show__system-charts-dates > svg {
  flex: 0 0 24px;
  width: 24px !important;
  transform: rotate(180deg) translateY(-6px);
}
.ws-show__system-charts-dates > svg path {
  fill: #999999;
}
.ws-show__system-charts-dates .ws-select-group-list {
  min-width: 120px;
}
.ws-show__system-charts-content {
  height: 400px;
}
.ws-show__system-charts-content canvas {
  width: 100%;
}
.ws-show__system-charts-doughnuts {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 50%;
  justify-content: space-around;
}
.ws-show__system-charts-doughnut {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.ws-show__system-charts-doughnut canvas {
  height: 150px !important;
  width: 150px !important;
}
.ws-show__system-charts-doughnut ul {
  list-style-type: none;
}
.ws-show__system-charts-doughnut ul li {
  color: #666666;
}
.ws-show__system-charts-doughnut ul li h1, .ws-show__system-charts-doughnut ul li h2, .ws-show__system-charts-doughnut ul li h3, .ws-show__system-charts-doughnut ul li h4, .ws-show__system-charts-doughnut ul li h5, .ws-show__system-charts-doughnut ul li h6 {
  color: #666666;
}
.ws-show__system-charts-doughnut ul li {
  font-size: 12px;
}
@media (min-width: 1000px) {
  .ws-show__system-charts-doughnut ul li {
    font-size: 14px;
  }
}
.ws-show__system-charts-doughnut ul li {
  align-items: center;
  display: flex;
  gap: 12px;
}
.ws-show__system-charts-doughnut-demand li span {
  border-color: #4D4D4D;
}
.ws-show__system-charts-doughnut-self-consumption li span {
  border-color: #EAB501;
}
.ws-show__system-charts-doughnut-legend {
  border: 2px solid;
  border-radius: 50%;
  display: inline-block;
  height: 11px;
  width: 11px;
}
.ws-show__system-charts-doughnut-legend.self_consumption {
  background-color: rgba(242, 210, 98, 0.67);
}
.ws-show__system-charts-doughnut-legend.grid {
  background: url(/assets/svg/charts/pattern-2c9c1aab70ef83ae0cf1530217e7b4305346603281979e6149dc6027f4f925b7.svg);
}
.ws-show__system-charts-header {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  margin-bottom: 32px;
  gap: 24px;
}
@media (min-width: 1350px) {
  .ws-show__system-charts-header {
    flex-direction: row;
    gap: 0;
  }
}
.ws-show__system-charts-legend {
  display: flex;
  gap: 40px;
}
@media (max-width: 1000px) {
  .ws-show__system-charts-legend {
    gap: 16px;
    flex-direction: column;
    padding-left: 12px;
  }
}
.ws-show__system-charts-legend-item {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ws-show__system-charts-legend-item div {
  border: 2px solid;
  border-radius: 2px;
  height: 12px;
  width: 32px;
}
.ws-show__system-charts-legend-item.consumption div {
  border-color: #141414;
  background-image: url(/assets/svg/charts/pattern-2c9c1aab70ef83ae0cf1530217e7b4305346603281979e6149dc6027f4f925b7.svg);
}
.ws-show__system-charts-legend-item.production div {
  border-color: #FEC504;
  background-color: #FEC504;
  height: 2px;
}
.ws-show__system-charts-legend-item.self_consumption div {
  background-color: #FEC504;
  border-color: #FEC504;
}
.ws-show__system-charts-pattern {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 8px;
}
@media (min-width: 1000px) {
  .ws-show__system-charts-pattern {
    font-size: 20px;
  }
}
.ws-show__system-charts-pattern span {
  font-family: "FK Grotesk", sans-serif;
}

@media (min-width: 1350px) {
  #advanced-patterns-form .ws-show__system-charts-header {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
#advanced-patterns-form .ws-show__system-charts-content {
  height: 220px;
}
#advanced-patterns-form .ws-show__system-charts-content canvas {
  width: 100%;
}

.ws-show__talk-to-us {
  background-color: #FEC504;
  padding: 112px 28px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1000px) {
  .ws-show__talk-to-us {
    padding: 120px 60px;
  }
}
.ws-show__talk-to-us .ws-show__talk-to-us-content {
  width: 60%;
}
.ws-show__talk-to-us .ws-show__talk-to-us-link {
  display: block;
  width: 270px;
}
.ws-show__talk-to-us svg {
  height: 105% !important;
  left: 55%;
  opacity: 20%;
  position: absolute;
  top: -5%;
  transform: translateX(-25%);
  width: auto !important;
  pointer-events: none;
}
@media (min-width: 1000px) {
  .ws-show__talk-to-us svg {
    width: 100% !important;
  }
}

body,
a,
button {
  all: unset;
}

input {
  font-size: 16px;
}

[hidden] {
  display: none !important;
}

.flex {
  display: flex;
}

.pointer {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
}

/*# sourceMappingURL=application.css.map */