/*--
  font-family
--*/
/*--
  font-weight
  Noto Sans
--*/
/*--
  colors
--*/
/*--
  break points
--*/
/**
 * font-size
 *
 * @param $fontSize
 */
/**
 * letter-spacing
 *
 * @param $letterSpacingValue
 * @param $isMinus
 */
/**
 * line-height
 *
 * @param $fs
 * @param $lh
 */
/*--
  media queries
--*/
.main {
  padding: 18px 25px 40px;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0 0 25px;
}
.form__label {
  font-weight: 500;
  font-size: 0.875rem;
  color: #222;
  line-height: 20px;
}
.form__select {
  height: 40px;
  font-weight: 500;
  font-size: 0.875rem;
  color: #222;
  line-height: 150%;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #999;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 9"><path fill="%23999" d="M1.41 0.790009L6 5.38001L10.59 0.790009L12 2.21001L6 8.21001L0 2.21001L1.41 0.790009Z" /></svg>');
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center right 10px;
}

.contents {
  padding: 50px 30px;
  border-radius: 10px;
  background-color: #D2E0F5;
}

.values {
  display: grid;
  gap: 18px 12px;
  grid-template-columns: 80px 1fr;
  align-items: center;
}
.values__value {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #000;
}
.values__value .number {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1;
}
.values__value .unit {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 20px;
}

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