.shipping-calculator {
  &__input {
    max-width: 150px;
  }

  &__services {
    max-width: 370px;
    font-size: var(--font-size-sm);

    .active {
      cursor: auto;
    }
  }

  &__label {
    padding: var(--spacer-3) var(--spacer-2);

    i {
      font-size: var(--font-size-lg);
      animation-duration: 2s;
      animation-iteration-count: infinite;
      margin-right: var(--spacer-2);
      color: var(--primary-light);
    }
  }

  &__option {
    display: flex;
    justify-content: space-between;
    width: 100%;

    > small {
      min-width: 70px;
      text-align: right;
    }

    @media (min-width: 1200px) {
      display: block;
      position: relative;

      > small {
        position: absolute;
        top: -5px;
        right: -5px;
      }
    }
  }

  &__free-from-value {
    margin-top: var(--spacer-2);

    .progress {
      height: 1.5rem;
      margin-top: var(--spacer-1);

      &-bar {
        background-color: var(--info);
      }
    }
  }
}