{"version":3,"sources":["src/scss/styles.scss","%3Cinput%20css%20q7-wne%3E"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["$desktop-S: 75rem; // 1200\n$laptop: 64rem; // 1024\n$tablet-L: 62rem; // 992\n$tablet: 48rem; // 768\n$tablet-S: 36rem; // 576\n$mobile-L: 29.9375rem; // 479\n\n//.header {\n//  padding: 2rem;\n//  width: 100%;\n//  text-align: center;\n//  font-size: 0.875rem;\n//  background-color: #94e3ce;\n//}\n\n// form calculator\n.calc-wrp {\n  //font-family: 'Poppins', sans-serif;\n  //margin: 2.5rem;\n  &__container {\n    width: 90vw;\n    max-width: 62.25rem;\n    margin-right: auto;\n    margin-left: auto;\n    @media (max-width: $laptop) {\n      width: auto;\n      max-width: 62.25rem;\n    }\n  }\n  input {\n    outline: none;\n    color: #000;\n    &[type='submit'] {\n      cursor: pointer;\n    }\n  }\n  &__btn-calc {\n    color: #ffffff !important;\n    background-color: #ffc842;\n    border: none;\n    margin-top: 1.875rem;\n    cursor: pointer;\n    outline: none;\n    position: relative;\n    height: 3.5rem;\n    padding-right: 1.25rem;\n    padding-left: 1.25rem;\n    transition: all 300ms ease;\n  }\n  @media (max-width: $tablet-L) {\n    &__inner-line {\n      flex-wrap: wrap;\n    }\n    input {\n      width: 100%;\n    }\n  }\n  @media (max-width: $tablet) {\n    margin: 0.5rem;\n  }\n}\n\n.calc-wrp {\n  .calculator {\n    margin-bottom: 0;\n    padding: 3.25rem;\n\n    &__price-label {\n      margin-bottom: 0.625rem;\n      font-size: 0.6875rem;\n      letter-spacing: -0.03125em;\n    }\n\n    &__fields {\n      @media (max-width: $desktop-S) {\n        margin-right: 1.75rem;\n      }\n    }\n\n    @media (max-width: $desktop-S) {\n      padding: 1.75rem;\n    }\n    @media (max-width: $tablet-L) {\n      padding: 1.2rem;\n    }\n\n    &__prices {\n      @media (max-width: $tablet-L) {\n        width: 100%;\n      }\n    }\n\n    &__graphics {\n      width: 100%;\n      max-width: 100%;\n    }\n\n    &__price-label,\n    &__price-number {\n      text-align: center;\n    }\n  }\n\n  .form {\n    margin: 0;\n    height: 100%;\n\n    &__item {\n      margin-bottom: 1.875rem;\n\n      &.hide {\n        display: none;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n        opacity: 0;\n        transition: all 0.2s;\n      }\n    }\n\n    &__layout {\n      grid-row-gap: 0;\n      margin-bottom: 0;\n    }\n\n    &__wrapper {\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      justify-content: space-between;\n    }\n\n    &__item {\n      &.condition-item {\n        margin-bottom: 0;\n      }\n\n      @media (max-width: $tablet-L) {\n        margin-bottom: 0.875rem;\n      }\n    }\n  }\n\n  .chart__price {\n    position: relative;\n\n    &::before {\n      content: '$';\n      margin-right: 0.3125em;\n      left: 0;\n    }\n  }\n\n  .checkbox-inline {\n    position: relative;\n    display: flex;\n    margin-bottom: 0;\n    padding-left: 1.625rem;\n    align-items: center;\n    margin-top: 0.375rem;\n\n    input[type='checkbox'] {\n      left: 0;\n      opacity: 0;\n      position: absolute;\n      z-index: -1;\n\n      &:checked ~ .checkbox__icon {\n        border: 1px solid #ffc842;\n        background-color: #ffc842;\n        background-image: url(https://uploads-ssl.webflow.com/6284bc411e7490c177b50355/6284bd274fd8832b710ab303_check.svg);\n        background-size: auto;\n      }\n    }\n  }\n\n  .checkbox {\n    &__label {\n      display: inline-block;\n      cursor: pointer;\n      font-weight: normal;\n    }\n\n    &__icon {\n      border-radius: 0.125rem;\n      width: 1rem;\n      height: 1rem;\n      margin-top: 0;\n      margin-right: 0.625rem;\n      background-position: 50% 50%;\n      background-repeat: no-repeat;\n      left: 0;\n      opacity: 1;\n      position: absolute;\n      z-index: 1;\n      border: 1px solid #bdbdbd;\n      cursor: pointer;\n    }\n  }\n\n  label {\n    &.radio {\n      input[type='radio'] {\n        opacity: 0;\n        position: absolute;\n        z-index: -1;\n\n        &:checked ~ .radio__icon {\n          background-color: #333;\n          color: #fff;\n          transition: all 0.2s;\n        }\n      }\n    }\n  }\n\n  .radio {\n    &__icon {\n      transition: all 0.2s;\n    }\n  }\n\n  .calculator__graphics {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .chart {\n    &__donut {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      position: relative;\n    }\n\n    &__donut-wrp {\n      flex: 1;\n    }\n\n    #donutBox {\n      position: relative;\n      z-index: 3;\n    }\n\n    &__text {\n      top: calc(50% - 2.5rem);\n      z-index: 1;\n      @media (max-width: $mobile-L) {\n        width: 8.8125rem;\n      }\n    }\n\n    &__price {\n      @media (max-width: $mobile-L) {\n        font-size: 1rem;\n      }\n    }\n  }\n\n  .legend {\n    @media (max-width: $mobile-L) {\n      justify-content: center;\n      align-items: center;\n    }\n  }\n\n}\n\n//.footer {\n//  padding-top: 1rem;\n//  padding-bottom: 1rem;\n//  text-align: center;\n//  border-top: 1px solid #eef2f4;\n//}\n// form calculator end\n\n* {\n  box-sizing: border-box;\n}\n\n.calc-wrp{\n  font-family: inherit;\n  margin: 0;\n  .container {\n    width: 100%;\n    max-width: 76.875rem;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: 0.938rem;\n    padding-left: 0.938rem;\n  }\n  .calculator{\n    display: flex;\n    margin-bottom: 7.5rem;\n    padding: 3.75rem;\n    border-radius: 5px;\n    background-color: #fff;\n    box-shadow: 1px 1px 80px 4px rgb(0 0 0 / 10%);\n\n    @media (max-width: $tablet) {\n      padding: 2.5rem 0.938rem;\n    }\n    &__fields{\n      width: 100%;\n      margin-right: 3.75rem;\n      flex: 1;\n    }\n    &__graphics {\n      flex: 1;\n      width: 100%;\n      max-width: 100%;\n      flex-direction: column;\n      justify-content: space-between;\n      display: flex;\n    }\n    &__prices {\n      display: flex;\n      margin-bottom: 2.5rem;\n      justify-content: space-between;\n      grid-column-gap: 1.25rem;\n      grid-row-gap: 1.25rem;\n    }\n    &__price {\n      padding: 1.125rem 1.375rem;\n      -webkit-box-flex: 1;\n      -webkit-flex: 1;\n      -ms-flex: 1;\n      flex: 1;\n      border-radius: 6px;\n      background-color: #f5f5f0;\n      color: #232323;\n    }\n    &__price-label {\n      text-align: center;\n      letter-spacing: -.03125em;\n      margin-bottom: 0.625rem;\n      font-size: .6875rem;\n    }\n    &__price-number {\n      text-align: center;\n      font-size: 1.25rem;\n      font-weight: 600;\n    }\n\n\n    .chart{\n      &__donut{\n        .legend {\n          display: flex;\n          margin-top: 2.5rem;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          grid-auto-columns: 1fr;\n          grid-column-gap: 16px;\n          grid-row-gap: 16px;\n          grid-template-columns: 1fr 1fr;\n          grid-template-rows: auto auto;\n          &__item {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n          }\n          &__color {\n            width: 1.25rem;\n            height: 1.25rem;\n            margin-bottom: 0.313rem;\n            border-radius: 50%;\n          }\n          &__text {\n            color: #828282;\n            font-size: 0.875rem;\n          }\n        }\n      }\n      &__text {\n        position: absolute;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 1;\n        top: calc(50% - 2.5rem);\n        text-align: center;\n      }\n      &__description {\n        margin-bottom: 0.313rem;\n        color: #333;\n        font-size: 0.875rem;\n      }\n      &__price {\n        color: #ffc842;\n        font-size: 1.5rem;\n        line-height: 140%;\n        font-weight: 600;\n        &:before {\n          content: \"$\";\n          margin-right: 0.3125em;\n          left: 0;\n        }\n      }\n\n      &__donut-wrp {\n        flex: 1 !important;\n        width: auto !important;\n      }\n    }\n    @media (max-width: $tablet-L) {\n      flex-direction: column;\n      &__fields{\n        margin-right: 0;\n      }\n      &__graphics {\n        margin-top: 2.5rem;\n      }\n    }\n  }\n  .form {\n    grid-auto-columns: 1fr;\n    grid-column-gap: 16px;\n    grid-row-gap: 16px;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n    height: 100%;\n    margin: 0;\n    &__wrapper {\n      height: 100%;\n      flex-direction: column;\n      justify-content: space-between;\n      margin: 0;\n      display: flex;\n    }\n    &__layout {\n      grid-row-gap: 0;\n      margin-bottom: 0;\n\n      display: grid;\n      justify-items: stretch;\n      align-items: stretch;\n      grid-auto-columns: 1fr;\n      grid-column-gap: 1.2588rem;\n      grid-template-columns: 1fr 1fr;\n      grid-template-rows: auto auto;\n\n      @media (max-width: $mobile-L) {\n        grid-template-columns: 1fr;\n      }\n    }\n    &__item {\n      margin-bottom: 1.875rem;\n      &.condition-item {\n        margin-bottom: 0;\n      }\n      .label {\n        display: block;\n        margin-bottom: 0.625rem;\n        color: rgba(92, 92, 92, 0.6);\n        font-size: 0.875rem;\n        font-weight: 400;\n      }\n      input{\n        display: block;\n        width: 100%;\n        padding: 8px 12px;\n        margin-bottom: 10px;\n        line-height: 1.42857143;\n        vertical-align: middle;\n        height: 3.5rem;\n        padding-right: 0.938rem;\n        padding-left: 0.938rem;\n        border: 0 none #000;\n        border-radius: 5px;\n        background-color: #f5f5f0;\n        font-size: 1rem;\n        font-weight: 500;\n\n        color: #000;\n        outline: none;\n      }\n\n      @media (max-width: $tablet-L) {\n        margin-bottom: 0.875rem;\n      }\n    }\n\n    &__radiobuttons {\n      display: flex;\n      grid-column-gap: 0.375rem;\n      grid-row-gap: 0.375rem;\n      label {\n        display: block;\n        margin-bottom: 5px;\n        font-weight: bold;\n      }\n      .radio {\n        position: relative;\n        display: flex;\n        height: 3.5rem;\n        justify-content: center;\n        align-items: center;\n        flex: 1;\n        border-radius: 5px;\n        background-color: #f5f5f0;\n        color: #bdbdbd;\n        input[type=\"radio\"] {\n          opacity: 0;\n          z-index: -1;\n          position: absolute;\n        }\n        input[type=\"radio\"]:checked ~ .radio__icon {\n          color: #fff;\n          -o-transition: all .2s;\n          background-color: #333;\n          transition: all .2s;\n        }\n        &__icon {\n          position: absolute;\n          left: 0%;\n          top: 0%;\n          right: 0%;\n          bottom: 0%;\n          width: 100%;\n          height: 3.5rem;\n          margin-top: 0px;\n          margin-left: 0px;\n          border-style: none;\n          border-radius: 6px;\n          color: #bdbdbd;\n          cursor: pointer;\n          transition: all .2s;\n        }\n        &__label {\n          display: inline-block;\n          cursor: pointer;\n          margin-bottom: 0;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n          font-size: 1rem;\n          font-weight: 500;\n        }\n      }\n    }\n    input[type='checkbox'], input[type='radio'] {\n      box-sizing: border-box;\n      padding: 0;\n    }\n  }\n  &__btn-calc {\n    cursor: pointer;\n    height: 3.5rem;\n    background-color: #ffc842;\n    border: none;\n    outline: none;\n    margin-top: 1.875rem;\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n    transition: all .3s;\n    position: relative;\n    color: #fff !important;\n    font-weight: 500;\n    text-decoration: none;\n    white-space: nowrap;\n    display: flex;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    -ms-flex-align: center;\n    align-items: center;\n    border-radius: 5px;\n    font-weight: 500;\n    text-decoration: none;\n    white-space: nowrap;\n    outline: none;\n    cursor: pointer;\n\n    &:hover{\n      background-color: #000;\n      color: #fff !important;\n    }\n\n    @media (max-width: $tablet) {\n      margin-top: 0.875rem;\n    }\n  }\n  .checkbox-inline {\n    align-items: center;\n    margin-top: 0.375rem;\n    margin-bottom: 0;\n    padding-left: 1.625rem;\n    display: flex;\n    position: relative;\n    &::before {\n      content: ' ';\n      display: table;\n      -ms-grid-column-span: 1;\n      grid-column-end: 2;\n      -ms-grid-column: 1;\n      grid-column-start: 1;\n      -ms-grid-row-span: 1;\n      grid-row-end: 2;\n      -ms-grid-row: 1;\n      grid-row-start: 1;\n    }\n    &::after {\n      content: ' ';\n      display: table;\n      -ms-grid-column-span: 1;\n      grid-column-end: 2;\n      -ms-grid-column: 1;\n      grid-column-start: 1;\n      -ms-grid-row-span: 1;\n      grid-row-end: 2;\n      -ms-grid-row: 1;\n      grid-row-start: 1;\n      clear: both;\n    }\n    input[type=\"checkbox\"] {\n      opacity: 0;\n      z-index: -1;\n      position: absolute;\n      left: 0;\n    }\n    .checkbox__icon {\n      width: 1rem;\n      height: 1rem;\n      opacity: 1;\n      z-index: 1;\n      cursor: pointer;\n      background-position: 50%;\n      background-repeat: no-repeat;\n      border: 1px solid #bdbdbd;\n      border-radius: 0.125rem;\n      margin-top: 0;\n      margin-right: 0.625rem;\n      position: absolute;\n      left: 0;\n    }\n    input[type=\"checkbox\"]:checked ~ .checkbox__icon {\n      background-color: #ffc842;\n      background-image: url('https://uploads-ssl.webflow.com/6284bc411e7490c177b50355/6284bd274fd8832b710ab303_check.svg');\n      background-size: auto;\n      border: 1px solid #ffc842;\n    }\n    .checkbox__label {\n      margin-bottom: 0px;\n      color: rgba(92, 92, 92, 0.6);\n      font-size: 0.813rem;\n      line-height: 99%;\n      cursor: pointer;\n      font-weight: normal;\n      display: inline-block;\n    }\n  }\n  .chart__donut {\n    height: 100%;\n    flex-direction: column;\n    display: flex;\n    position: relative;\n  }\n  @media (max-width: $tablet-L) {\n    &__inner-line {\n      flex-wrap: wrap;\n    }\n    input {\n      width: 100%;\n    }\n  }\n  @media (max-width: $tablet) {\n    margin: 0;\n  }\n}",".calc-wrp__container {\n  width: 90vw;\n  max-width: 62.25rem;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 64rem) {\n  .calc-wrp__container {\n    width: auto;\n    max-width: 62.25rem;\n  }\n}\n\n.calc-wrp input {\n  color: #000;\n  outline: none;\n}\n\n.calc-wrp input[type=\"submit\"] {\n  cursor: pointer;\n}\n\n.calc-wrp__btn-calc {\n  cursor: pointer;\n  height: 3.5rem;\n  -o-transition: all 300ms ease;\n  background-color: #ffc842;\n  border: none;\n  outline: none;\n  margin-top: 1.875rem;\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n  transition: all .3s;\n  position: relative;\n  color: #fff !important;\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp__inner-line {\n    flex-wrap: wrap;\n  }\n\n  .calc-wrp input {\n    width: 100%;\n  }\n}\n\n@media (max-width: 48rem) {\n  .calc-wrp {\n    margin: .5rem;\n  }\n}\n\n.calc-wrp .calculator {\n  margin-bottom: 0;\n  padding: 3.25rem;\n}\n\n.calc-wrp .calculator__price-label {\n  letter-spacing: -.03125em;\n  margin-bottom: .625rem;\n  font-size: .6875rem;\n}\n\n@media (max-width: 75rem) {\n  .calc-wrp .calculator__fields {\n    margin-right: 1.75rem;\n  }\n}\n\n@media (max-width: 75rem) {\n  .calc-wrp .calculator {\n    padding: 1.75rem;\n  }\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp .calculator {\n    padding: 1.2rem;\n  }\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp .calculator__prices {\n    width: 100%;\n  }\n}\n\n.calc-wrp .calculator__graphics {\n  width: 100%;\n  max-width: 100%;\n}\n\n.calc-wrp .calculator__price-label, .calc-wrp .calculator__price-number {\n  text-align: center;\n}\n\n.calc-wrp .form {\n  height: 100%;\n  margin: 0;\n}\n\n.calc-wrp .form__item {\n  margin-bottom: 1.875rem;\n}\n\n.calc-wrp .form__item.hide {\n  width: 0;\n  height: 0;\n  opacity: 0;\n  -o-transition: all .2s;\n  transition: all .2s;\n  display: none;\n  overflow: hidden;\n}\n\n.calc-wrp .form__layout {\n  grid-row-gap: 0;\n  margin-bottom: 0;\n}\n\n.calc-wrp .form__wrapper {\n  height: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  margin: 0;\n  display: flex;\n}\n\n.calc-wrp .form__item.condition-item {\n  margin-bottom: 0;\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp .form__item {\n    margin-bottom: .875rem;\n  }\n}\n\n.calc-wrp .chart__price {\n  position: relative;\n}\n\n.calc-wrp .chart__price:before {\n  content: \"$\";\n  margin-right: .3125em;\n  left: 0;\n}\n\n.calc-wrp .checkbox-inline {\n  align-items: center;\n  margin-top: .375rem;\n  margin-bottom: 0;\n  padding-left: 1.625rem;\n  display: flex;\n  position: relative;\n}\n\n.calc-wrp .checkbox-inline input[type=\"checkbox\"] {\n  opacity: 0;\n  z-index: -1;\n  position: absolute;\n  left: 0;\n}\n\n.calc-wrp .checkbox-inline input[type=\"checkbox\"]:checked ~ .checkbox__icon {\n  background-color: #ffc842;\n  background-image: url(\"https://uploads-ssl.webflow.com/6284bc411e7490c177b50355/6284bd274fd8832b710ab303_check.svg\");\n  background-size: auto;\n  border: 1px solid #ffc842;\n}\n\n.calc-wrp .checkbox__label {\n  cursor: pointer;\n  font-weight: normal;\n  display: inline-block;\n}\n\n.calc-wrp .checkbox__icon {\n  width: 1rem;\n  height: 1rem;\n  opacity: 1;\n  z-index: 1;\n  cursor: pointer;\n  background-position: 50%;\n  background-repeat: no-repeat;\n  border: 1px solid #bdbdbd;\n  border-radius: .125rem;\n  margin-top: 0;\n  margin-right: .625rem;\n  position: absolute;\n  left: 0;\n}\n\n.calc-wrp label.radio input[type=\"radio\"] {\n  opacity: 0;\n  z-index: -1;\n  position: absolute;\n}\n\n.calc-wrp label.radio input[type=\"radio\"]:checked ~ .radio__icon {\n  color: #fff;\n  -o-transition: all .2s;\n  background-color: #333;\n  transition: all .2s;\n}\n\n.calc-wrp .radio__icon {\n  -o-transition: all .2s;\n  transition: all .2s;\n}\n\n.calc-wrp .calculator__graphics {\n  flex-direction: column;\n  justify-content: space-between;\n  display: flex;\n}\n\n.calc-wrp .chart__donut {\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n.calc-wrp .chart__donut-wrp {\n  flex: 1;\n}\n\n.calc-wrp .chart #donutBox {\n  z-index: 3;\n  position: relative;\n}\n\n.calc-wrp .chart__text {\n  z-index: 1;\n  top: calc(50% - 2.5rem);\n}\n\n@media (max-width: 29.9375rem) {\n  .calc-wrp .chart__text {\n    width: 8.8125rem;\n  }\n}\n\n@media (max-width: 29.9375rem) {\n  .calc-wrp .chart__price {\n    font-size: 1rem;\n  }\n}\n\n@media (max-width: 29.9375rem) {\n  .calc-wrp .legend {\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.calc-wrp {\n  margin: 0;\n  font-family: inherit;\n}\n\n.calc-wrp .container {\n  width: 100%;\n  max-width: 76.875rem;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: .938rem;\n  padding-right: .938rem;\n}\n\n.calc-wrp .calculator {\n  background-color: #fff;\n  border-radius: 5px;\n  margin-bottom: 7.5rem;\n  padding: 3.75rem;\n  display: flex;\n  box-shadow: 1px 1px 80px 4px rgba(0, 0, 0, .1);\n}\n\n@media (max-width: 48rem) {\n  .calc-wrp .calculator {\n    padding: 2.5rem .938rem;\n  }\n}\n\n.calc-wrp .calculator__fields {\n  width: 100%;\n  flex: 1;\n  margin-right: 3.75rem;\n}\n\n.calc-wrp .calculator__graphics {\n  width: 100%;\n  max-width: 100%;\n  flex-direction: column;\n  flex: 1;\n  justify-content: space-between;\n  display: flex;\n}\n\n.calc-wrp .calculator__prices {\n  grid-column-gap: 1.25rem;\n  grid-row-gap: 1.25rem;\n  justify-content: space-between;\n  margin-bottom: 2.5rem;\n  display: flex;\n}\n\n.calc-wrp .calculator__price {\n  color: #232323;\n  background-color: #f5f5f0;\n  border-radius: 6px;\n  flex: 1;\n  padding: 1.125rem 1.375rem;\n}\n\n.calc-wrp .calculator__price-label {\n  text-align: center;\n  letter-spacing: -.03125em;\n  margin-bottom: .625rem;\n  font-size: .6875rem;\n}\n\n.calc-wrp .calculator__price-number {\n  text-align: center;\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n.calc-wrp .calculator .chart__donut .legend {\n  grid-column-gap: 16px;\n  grid-row-gap: 16px;\n  -ms-grid-columns: 1fr 1fr;\n  -ms-grid-rows: auto auto;\n  flex-direction: row;\n  grid-template-rows: auto auto;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-columns: 1fr;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 2.5rem;\n  display: flex;\n}\n\n.calc-wrp .calculator .chart__donut .legend__item {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.calc-wrp .calculator .chart__donut .legend__color {\n  width: 1.25rem;\n  height: 1.25rem;\n  border-radius: 50%;\n  margin-bottom: .313rem;\n}\n\n.calc-wrp .calculator .chart__donut .legend__text {\n  color: #828282;\n  font-size: .875rem;\n}\n\n.calc-wrp .calculator .chart__text {\n  z-index: 1;\n  text-align: center;\n  position: absolute;\n  top: calc(50% - 2.5rem);\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.calc-wrp .calculator .chart__description {\n  color: #333;\n  margin-bottom: .313rem;\n  font-size: .875rem;\n}\n\n.calc-wrp .calculator .chart__price {\n  color: #ffc842;\n  font-size: 1.5rem;\n  font-weight: 600;\n  line-height: 140%;\n}\n\n.calc-wrp .calculator .chart__price:before {\n  content: \"$\";\n  margin-right: .3125em;\n  left: 0;\n}\n\n.calc-wrp .calculator .chart__donut-wrp {\n  width: auto !important;\n  flex: 1 !important;\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp .calculator {\n    flex-direction: column;\n  }\n\n  .calc-wrp .calculator__fields {\n    margin-right: 0;\n  }\n\n  .calc-wrp .calculator__graphics {\n    margin-top: 2.5rem;\n  }\n}\n\n.calc-wrp .form {\n  grid-column-gap: 16px;\n  grid-row-gap: 16px;\n  -ms-grid-columns: 1fr 1fr;\n  -ms-grid-rows: auto auto;\n  height: 100%;\n  grid-template-rows: auto auto;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-columns: 1fr;\n  margin: 0;\n}\n\n.calc-wrp .form__wrapper {\n  height: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  margin: 0;\n  display: flex;\n}\n\n.calc-wrp .form__layout {\n  grid-row-gap: 0;\n  display: -ms-grid;\n  grid-column-gap: 1.2588rem;\n  -ms-grid-columns: 1fr 1fr;\n  -ms-grid-rows: auto auto;\n  grid-template-rows: auto auto;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-columns: 1fr;\n  align-items: stretch;\n  justify-items: stretch;\n  margin-bottom: 0;\n  display: grid;\n}\n\n@media (max-width: 29.9375rem) {\n  .calc-wrp .form__layout {\n    -ms-grid-columns: 1fr;\n    grid-template-columns: 1fr;\n  }\n}\n\n.calc-wrp .form__item {\n  margin-bottom: 1.875rem;\n}\n\n.calc-wrp .form__item.condition-item {\n  margin-bottom: 0;\n}\n\n.calc-wrp .form__item .label {\n  color: rgba(92, 92, 92, .6);\n  margin-bottom: .625rem;\n  font-size: .875rem;\n  font-weight: 400;\n  display: block;\n}\n\n.calc-wrp .form__item input {\n  width: 100%;\n  vertical-align: middle;\n  height: 3.5rem;\n  color: #000;\n  background-color: #f5f5f0;\n  border: 0 #000;\n  border-radius: 5px;\n  outline: none;\n  margin-bottom: 10px;\n  padding: 8px .938rem;\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.42857;\n  display: block;\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp .form__item {\n    margin-bottom: .875rem;\n  }\n}\n\n.calc-wrp .form__radiobuttons {\n  grid-column-gap: .375rem;\n  grid-row-gap: .375rem;\n  display: flex;\n}\n\n.calc-wrp .form__radiobuttons label {\n  margin-bottom: 5px;\n  font-weight: bold;\n  display: block;\n}\n\n.calc-wrp .form__radiobuttons .radio {\n  height: 3.5rem;\n  color: #bdbdbd;\n  background-color: #f5f5f0;\n  border-radius: 5px;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.calc-wrp .form__radiobuttons .radio input[type=\"radio\"] {\n  opacity: 0;\n  z-index: -1;\n  position: absolute;\n}\n\n.calc-wrp .form__radiobuttons .radio input[type=\"radio\"]:checked ~ .radio__icon {\n  color: #fff;\n  -o-transition: all .2s;\n  background-color: #333;\n  transition: all .2s;\n}\n\n.calc-wrp .form__radiobuttons .radio__icon {\n  width: 100%;\n  height: 3.5rem;\n  color: #bdbdbd;\n  cursor: pointer;\n  -o-transition: all .2s;\n  border-style: none;\n  border-radius: 6px;\n  margin-top: 0;\n  margin-left: 0;\n  transition: all .2s;\n  position: absolute;\n  top: 0%;\n  bottom: 0%;\n  left: 0%;\n  right: 0%;\n}\n\n.calc-wrp .form__radiobuttons .radio__label {\n  cursor: pointer;\n  margin-bottom: 0;\n  font-size: 1rem;\n  font-weight: 500;\n  display: inline-block;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.calc-wrp .form input[type=\"checkbox\"], .calc-wrp .form input[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.calc-wrp__btn-calc {\n  cursor: pointer;\n  height: 3.5rem;\n  -o-transition: all .3s;\n  white-space: nowrap;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: #ffc842;\n  border: none;\n  border-radius: 5px;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  margin-top: 1.875rem;\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n  font-weight: 500;\n  text-decoration: none;\n  transition: all .3s;\n  display: flex;\n  position: relative;\n  color: #fff !important;\n}\n\n.calc-wrp__btn-calc:hover {\n  background-color: #000;\n  color: #fff !important;\n}\n\n@media (max-width: 48rem) {\n  .calc-wrp__btn-calc {\n    margin-top: .875rem;\n  }\n}\n\n.calc-wrp .checkbox-inline {\n  align-items: center;\n  margin-top: .375rem;\n  margin-bottom: 0;\n  padding-left: 1.625rem;\n  display: flex;\n  position: relative;\n}\n\n.calc-wrp .checkbox-inline:before {\n  content: \" \";\n  -ms-grid-column-span: 1;\n  -ms-grid-column: 1;\n  -ms-grid-row-span: 1;\n  -ms-grid-row: 1;\n  grid-area: 1 / 1 / 2 / 2;\n  display: table;\n}\n\n.calc-wrp .checkbox-inline:after {\n  content: \" \";\n  -ms-grid-column-span: 1;\n  -ms-grid-column: 1;\n  -ms-grid-row-span: 1;\n  -ms-grid-row: 1;\n  clear: both;\n  grid-area: 1 / 1 / 2 / 2;\n  display: table;\n}\n\n.calc-wrp .checkbox-inline input[type=\"checkbox\"] {\n  opacity: 0;\n  z-index: -1;\n  position: absolute;\n  left: 0;\n}\n\n.calc-wrp .checkbox-inline .checkbox__icon {\n  width: 1rem;\n  height: 1rem;\n  opacity: 1;\n  z-index: 1;\n  cursor: pointer;\n  background-position: 50%;\n  background-repeat: no-repeat;\n  border: 1px solid #bdbdbd;\n  border-radius: .125rem;\n  margin-top: 0;\n  margin-right: .625rem;\n  position: absolute;\n  left: 0;\n}\n\n.calc-wrp .checkbox-inline input[type=\"checkbox\"]:checked ~ .checkbox__icon {\n  background-color: #ffc842;\n  background-image: url(\"https://uploads-ssl.webflow.com/6284bc411e7490c177b50355/6284bd274fd8832b710ab303_check.svg\");\n  background-size: auto;\n  border: 1px solid #ffc842;\n}\n\n.calc-wrp .checkbox-inline .checkbox__label {\n  color: rgba(92, 92, 92, .6);\n  cursor: pointer;\n  margin-bottom: 0;\n  font-size: .813rem;\n  font-weight: normal;\n  line-height: 99%;\n  display: inline-block;\n}\n\n.calc-wrp .chart__donut {\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n@media (max-width: 62rem) {\n  .calc-wrp__inner-line {\n    flex-wrap: wrap;\n  }\n\n  .calc-wrp input {\n    width: 100%;\n  }\n}\n\n@media (max-width: 48rem) {\n  .calc-wrp {\n    margin: 0;\n  }\n}\n\n/*# sourceMappingURL=index.css.map */\n"]}