/**
 * @author unknown
 **/
/**
 * @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;
}
._2vM-components-NewModalError--header {
  color: #fff;
  background-color: #ee6f4e;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._2vM-components-NewModalError--header ._3f9-components-NewModalError--closeIcon {
  cursor: pointer;
}
.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%;
  }
}
.Tt2-components-NewModalError--cancelContainer {
  text-align: center;
}

/*# sourceMappingURL=patronCheckout.f920bd16a9400034b52304ebb2a91ddd.css.map*/