.forklift-derate-calculator {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: white;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator {
    padding: 40px;
  }
}
.forklift-derate-calculator__container {
  align-self: stretch;
}
.forklift-derate-calculator__sections {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__sections {
    flex-direction: row;
    gap: 30px;
  }
}
.forklift-derate-calculator__section.input-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 3px solid #000;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__section.input-section {
    flex: 1 1 75%;
    border-bottom: none;
    border-right: 3px solid #000;
    padding-right: 30px;
    padding-bottom: 0;
    gap: 20px;
  }
  .forklift-derate-calculator__section.input-section .forklift-derate-calculator__input-group {
    flex: 1;
  }
}
.forklift-derate-calculator__section.result-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__section.result-section {
    flex: 1 1 25%;
  }
}
.forklift-derate-calculator__section.result-section .result-value {
  display: flex;
  height: 44px;
  padding: 6px 10px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  border: 3px solid rgba(226, 74, 2, 0.9);
  background: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.forklift-derate-calculator__input-groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__input-groups {
    flex-direction: row;
    gap: 20px;
  }
}
.forklift-derate-calculator__input-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.forklift-derate-calculator__input-group label {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.forklift-derate-calculator__input-group input {
  display: flex;
  height: 44px;
  padding: 6px 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: #F5F5F5;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
  appearance: none;
  border: none;
  transition: box-shadow 0.2s ease-in-out;
}
.forklift-derate-calculator__input-group input:hover, .forklift-derate-calculator__input-group input:focus {
  outline: 0;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 3px rgba(226, 74, 2, 0.9) inset;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator .btn {
    height: 44px;
  }
}
.forklift-derate-calculator__btn-calculate {
  width: 100%;
  justify-content: center;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__btn-calculate {
    width: fit-content;
    margin: 0 auto;
  }
}
.forklift-derate-calculator__btn-calculate:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.forklift-derate-calculator__btn-calculate::after {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background-color: #E24A02;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16.8634 3.35999C17.7072 3.35999 18.4834 4.13624 18.4834 4.97999V19.02C18.4834 19.8975 17.7072 20.64 16.8634 20.64H7.14344C6.26594 20.64 5.52344 19.8975 5.52344 19.02V4.97999C5.52344 4.13624 6.26594 3.35999 7.14344 3.35999H16.8634ZM7.68344 10.38V11.46C7.68344 11.7637 7.91969 12 8.22344 12H9.30344C9.57344 12 9.84344 11.7637 9.84344 11.46V10.38C9.84344 10.11 9.57344 9.83999 9.30344 9.83999H8.22344C7.91969 9.83999 7.68344 10.11 7.68344 10.38ZM7.68344 13.62V14.7C7.68344 15.0037 7.91969 15.24 8.22344 15.24H9.30344C9.57344 15.24 9.84344 15.0037 9.84344 14.7V13.62C9.84344 13.35 9.57344 13.08 9.30344 13.08H8.22344C7.91969 13.08 7.68344 13.35 7.68344 13.62ZM13.0834 17.94V16.86C13.0834 16.59 12.8134 16.32 12.5434 16.32H8.22344C7.91969 16.32 7.68344 16.59 7.68344 16.86V17.94C7.68344 18.2437 7.91969 18.48 8.22344 18.48H12.5434C12.8134 18.48 13.0834 18.2437 13.0834 17.94ZM13.0834 14.7V13.62C13.0834 13.35 12.8134 13.08 12.5434 13.08H11.4634C11.1597 13.08 10.9234 13.35 10.9234 13.62V14.7C10.9234 15.0037 11.1597 15.24 11.4634 15.24H12.5434C12.8134 15.24 13.0834 15.0037 13.0834 14.7ZM13.0834 11.46V10.38C13.0834 10.11 12.8134 9.83999 12.5434 9.83999H11.4634C11.1597 9.83999 10.9234 10.11 10.9234 10.38V11.46C10.9234 11.7637 11.1597 12 11.4634 12H12.5434C12.8134 12 13.0834 11.7637 13.0834 11.46ZM16.3234 17.94V16.86C16.3234 16.59 16.0534 16.32 15.7834 16.32H14.7034C14.3997 16.32 14.1634 16.59 14.1634 16.86V17.94C14.1634 18.2437 14.3997 18.48 14.7034 18.48H15.7834C16.0534 18.48 16.3234 18.2437 16.3234 17.94ZM16.3234 14.7V13.62C16.3234 13.35 16.0534 13.08 15.7834 13.08H14.7034C14.3997 13.08 14.1634 13.35 14.1634 13.62V14.7C14.1634 15.0037 14.3997 15.24 14.7034 15.24H15.7834C16.0534 15.24 16.3234 15.0037 16.3234 14.7ZM16.3234 11.46V10.38C16.3234 10.11 16.0534 9.83999 15.7834 9.83999H14.7034C14.3997 9.83999 14.1634 10.11 14.1634 10.38V11.46C14.1634 11.7637 14.3997 12 14.7034 12H15.7834C16.0534 12 16.3234 11.7637 16.3234 11.46ZM16.3234 8.21999V6.05999C16.3234 5.78999 16.0534 5.51999 15.7834 5.51999H8.22344C7.91969 5.51999 7.68344 5.78999 7.68344 6.05999V8.21999C7.68344 8.52374 7.91969 8.75999 8.22344 8.75999H15.7834C16.0534 8.75999 16.3234 8.52374 16.3234 8.21999Z' fill='%23E24A02'/%3e%3c/svg%3e") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: all 0.2s ease-in-out;
}
.forklift-derate-calculator__btn-calculate:hover::after, .forklift-derate-calculator__btn-calculate:focus::after {
  background-color: white;
}
.forklift-derate-calculator__btn-clear {
  width: 100%;
  justify-content: center;
}
.forklift-derate-calculator__btn-clear.hidden {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .forklift-derate-calculator__btn-clear {
    width: fit-content;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .forklift-derate-calculator__sections {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=forklift-derate-calculator.css.map */