/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_number_list__i {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-bottom: 0.0625rem solid #A3ADBB;
}
.sn_number_list__i__in {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  gap: 1.25rem;
}
@media only screen and (min-width: 0em) and (max-width: 20em) {
  .sn_number_list__i__in {
    flex-direction: column;
  }
}
@media only screen and (min-width: 62em) {
  .sn_number_list__i {
    padding-top: 2.25rem;
    padding-bottom: 2rem;
  }
}
.sn_number_list__i:not(:last-child) {
  margin-bottom: 1.25rem;
}
.sn_number_list__i__title {
  width: 50%;
  flex-grow: 1;
  color: #1D1D1B;
}
.sn_number_list__i__value {
  flex-grow: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  display: flex;
  align-items: center;
  color: #0069A7;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.75s cubic-bezier(0.7, 0, 0, 1);
}
.sn_number_list__i__value {
  font-size: 1.25rem;
}
@media only screen and (min-width: 36em) {
  .sn_number_list__i__value {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 62em) {
  .sn_number_list__i__value {
    font-size: 3rem;
  }
}
.sn_number_list__i__value {
  line-height: 1.875rem;
}
@media only screen and (min-width: 36em) {
  .sn_number_list__i__value {
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .sn_number_list__i__value {
    line-height: 3.25rem;
  }
}
.sn_number_list.__active .sn_number_list__i__value {
  opacity: 1;
  transform: none;
}