@use "/src/styles/vars" as v;

#app {
  .clickable {
    :hover {
      cursor: pointer;
    }
  }

  .v-btn {
    //font-family: v.$heading-font-family;
    text-transform: none;
  }

  .v-card-title {
    font-family: v.$heading-font-family;
    //color: v.$blue;
  }

  .title {
    font-family: v.$heading-font-family;
  }

  .v-list-subheader {
    font-family: v.$heading-font-family;
  }

  input {
    text-align: center;
  }

  .v-field__input {
    justify-content: center;
  }

  .v-text-field.text-end input {
    text-align: end;
  }

  .v-input {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .maxw {
    max-width: v.$card-maxw;
  }
}

.uniswap-color {
  color: v.$uniswap-color;
}