/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "SFProDisplay";
  src: url(/src/assets/fonts/SF-Pro-Display-Bold.ttf);
}
.text-xxl {
  font-size: 20px;
}
.text-xl {
  font-size: 18px;
}
.text-lg {
  font-size: 16px;
}
.text-md {
  font-size: 14px;
}
.text-sm {
  font-size: 12px;
}
.text-xs {
  font-size: 10px;
}
.text-xxs {
  font-size: 8px;
}
.text-red {
  color: #ff4136;
}
.text-green {
  color: #3bb54a;
}
.text-gray {
  color: #56697e;
}
.text-disabled {
  opacity: 0.35;
}
.link-disabled {
  pointer-events: none;
}
.text-underline {
  text-decoration: underline;
}
.text-bold {
  font-weight: bold;
}
.cursor-pointer {
  cursor: pointer;
}

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