/**
 * @author @Patreon/fe-core
 **/
/**
 * @author @Patreon/fe-core
 **/
/**
 * @author @Patreon/fe-core
 **/
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
/**
 * @author @Patreon/fe-core
 **/
/**
 * @author @Patreon/fe-core
 **/
.reactWrapper .subdued-text-sm {
  color: #a7b2b8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #a7b2b8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #a7b2b8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5b6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5b6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5b6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #a7b2b8;
  font-size: 1rem;
}
.Byy-components-NewModalError--contentContainer {
  width: 100%;
  text-align: center;
}
.Byy-components-NewModalError--contentContainer > img {
  width: 20rem;
}
@media (max-width: 30rem) {
  .Byy-components-NewModalError--contentContainer > img {
    width: 100%;
  }
}


/*# sourceMappingURL=patronCheckout.527785de.chunk.css.map*/