/*
    Available Rewards Header Amount
*/
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap");
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/*
    Available Rewards Header Amount
*/
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 999px;
  letter-spacing: 1px;
  padding: 0.625rem;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

@media (max-width: 575px) {
  /* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .btn {
    font-size: 0.875rem;
  }
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.btn:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn:disabled {
  opacity: 1;
}

/* line 35, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn {
  background: #111415;
  background: var(--base-color);
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* line 29, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn:hover {
  color: #fff;
  background-color: var(--btn-hover-color);
}

/* line 64, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn {
  border-radius: 24px;
  background: #fff;
  color: #111415;
  color: var(--base-color);
  border-color: #2d3145;
  border: 1px solid var(--border-color);
  transition: all 0.2s ease-in-out;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none !important;
}

/* line 56, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn span {
  font-weight: 600;
  color: #2d3145;
  color: var(--primary-color);
  transition: all 0.2s ease-in-out;
}

/* line 83, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.disabled-btn {
  background: var(--disabled-btn-color);
  color: var(--disabled-btn-text-color);
  font-family: var(--secondary-font);
  font-size: 0.9375rem;
  letter-spacing: 1px;
  font-weight: 700;
  pointer-events: none;
  width: 100%;
  border-radius: 999px;
  text-transform: none !important;
  height: 2.8125rem;
}

/* line 88, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
a:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a:hover {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
}

/* line 176, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal {
  display: flex;
  flex-direction: row;
  position: relative;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal select + select {
  margin-left: 0.9375rem;
}

/* line 186, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 106, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 110, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.input-wrapper label span,
.input-wrapper label a {
  font-size: inherit;
}

/* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input,
.input-wrapper select {
  width: 100%;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border: 1px solid var(--input-border-color);
}

@media (max-width: 767px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 129, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input::-moz-placeholder, .input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.input-wrapper input::placeholder,
.input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 132, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input:focus,
.input-wrapper select:focus {
  border: 1px solid var(--darken-border-color);
}

/* line 190, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  gap: 10px;
}

/* line 144, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 148, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.name-input-wrapper label span,
.name-input-wrapper label a {
  font-size: inherit;
}

/* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input,
.name-input-wrapper select {
  max-width: 176px;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border-color: var(--border-color);
}

@media (max-width: 767px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 167, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input::-moz-placeholder, .name-input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.name-input-wrapper input::placeholder,
.name-input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 170, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input:focus,
.name-input-wrapper select:focus {
  border-color: var(--darken-border-color);
}

/* line 199, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 207, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.hidden {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results {
  display: block;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__option[aria-selected] {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*
    Available Rewards Header Amount
*/
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/*
    Available Rewards Header Amount
*/
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 999px;
  letter-spacing: 1px;
  padding: 0.625rem;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

@media (max-width: 575px) {
  /* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .btn {
    font-size: 0.875rem;
  }
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.btn:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn:disabled {
  opacity: 1;
}

/* line 35, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn {
  background: #111415;
  background: var(--base-color);
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* line 29, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn:hover {
  color: #fff;
  background-color: var(--btn-hover-color);
}

/* line 64, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn {
  border-radius: 24px;
  background: #fff;
  color: #111415;
  color: var(--base-color);
  border-color: #2d3145;
  border: 1px solid var(--border-color);
  transition: all 0.2s ease-in-out;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none !important;
}

/* line 56, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn span {
  font-weight: 600;
  color: #2d3145;
  color: var(--primary-color);
  transition: all 0.2s ease-in-out;
}

/* line 83, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.disabled-btn {
  background: var(--disabled-btn-color);
  color: var(--disabled-btn-text-color);
  font-family: var(--secondary-font);
  font-size: 0.9375rem;
  letter-spacing: 1px;
  font-weight: 700;
  pointer-events: none;
  width: 100%;
  border-radius: 999px;
  text-transform: none !important;
  height: 2.8125rem;
}

/* line 88, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
a:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a:hover {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
}

/* line 176, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal {
  display: flex;
  flex-direction: row;
  position: relative;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal select + select {
  margin-left: 0.9375rem;
}

/* line 186, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 106, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 110, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.input-wrapper label span,
.input-wrapper label a {
  font-size: inherit;
}

/* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input,
.input-wrapper select {
  width: 100%;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border: 1px solid var(--input-border-color);
}

@media (max-width: 767px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 129, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input::-moz-placeholder, .input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.input-wrapper input::placeholder,
.input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 132, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input:focus,
.input-wrapper select:focus {
  border: 1px solid var(--darken-border-color);
}

/* line 190, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  gap: 10px;
}

/* line 144, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 148, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.name-input-wrapper label span,
.name-input-wrapper label a {
  font-size: inherit;
}

/* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input,
.name-input-wrapper select {
  max-width: 176px;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border-color: var(--border-color);
}

@media (max-width: 767px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 167, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input::-moz-placeholder, .name-input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.name-input-wrapper input::placeholder,
.name-input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 170, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input:focus,
.name-input-wrapper select:focus {
  border-color: var(--darken-border-color);
}

/* line 199, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 207, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.hidden {
  display: none;
}

/* line 4, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify {
  background: #fff !important;
}

/* line 8, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification {
  opacity: 0;
  top: 0;
  position: fixed;
  padding: 16px 24px 24px 24px;
  border-radius: 24px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 16, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 21, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container .icon {
  padding-right: 22px;
  position: relative;
  top: 3px;
}

/* line 27, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container .message-body {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

/* line 32, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container .message-body .header {
  text-transform: capitalize;
  font-family: var(--secondary-font);
  font-size: 1.0625rem;
  color: var(--text-color);
  letter-spacing: unset;
}

/* line 40, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container .message-body .body {
  font-family: var(--secondary-font);
  font-size: 1rem;
  color: #666666;
}

/* line 47, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .gb-notification-container .gb-toast-close {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  padding: 0 0 0 15px;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.toastify.gb-notification .gb-notification-container .gb-toast-close:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .toastify-top {
  top: 50px;
}

/* line 57, app/assets/stylesheets/platforms/generic/notifications.scss */
.toastify.gb-notification .toastify-center {
  max-width: unset;
}

@media (max-width: 767px) {
  /* line 63, app/assets/stylesheets/platforms/generic/notifications.scss */
  .toastify.gb-notification {
    position: fixed;
    top: 0 !important;
    left: 0;
    max-width: unset;
    width: 100vw;
  }
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results {
  display: block;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-results__option[aria-selected] {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 1, app/assets/stylesheets/platforms/generic/libs/select2.css */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*
    Available Rewards Header Amount
*/
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/*
    Available Rewards Header Amount
*/
/* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1 {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 3.5rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 575px) {
  /* line 50, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h1 {
    font-size: 2.375rem;
  }
}

/*
    First Line Welcome Header
*/
/* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h2 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: 0.21rem;
  word-spacing: 0.28rem;
  line-height: 2.625rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1.375rem;
    letter-spacing: 0.165rem;
    word-spacing: 0.22rem;
    line-height: 2.0625rem;
  }
}

@media (max-width: 575px) {
  /* line 68, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h2 {
    font-size: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
    line-height: 1.5rem;
  }
}

/* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h3 {
  font-family: var(--primary-font);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3125rem;
  letter-spacing: 0.125rem;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.3125rem;
  }
}

@media (max-width: 575px) {
  /* line 84, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h3 {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Header Top Line
*/
/* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h4 {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 113, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h4 {
    font-size: 1.125rem;
  }
}

/* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.h4-light {
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1.375rem;
  color: inherit;
  font-weight: 500;
}

@media (max-width: 575px) {
  /* line 122, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .h4-light {
    font-size: 1.125rem;
  }
}

/*
    Available Rewards Options 
    Pending Rewards 
*/
/* line 130, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h5 {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1.0625rem;
}

/* line 156, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  letter-spacing: 1px;
  color: var(--primary-color);
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline,
.link-inline {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #785827 !important;
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 143, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline.underline,
.link-inline.underline {
  text-decoration: underline;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.login-link-inline:hover,
.link-inline:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--primary-color);
  background: 0;
  border: 0;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.basic-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

/*
    Table Tab Labels, Table Headers
*/
/* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h6,
.h6 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 575px) {
  /* line 199, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  h6,
.h6 {
    font-size: 0.75rem;
  }
}

/* line 204, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 224, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.sidenav:active {
  font-weight: 700;
}

/* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 254, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body {
    font-size: 0.875rem;
  }
}

/* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.body-big {
  font-family: var(--secondary-font);
  font-weight: 400;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 258, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .body-big {
    font-size: 0.8125rem;
  }
}

/* line 285, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label span,
.label a {
  font-size: inherit;
}

/* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-2 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  /* line 299, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-2 {
    font-size: 0.8125rem;
  }
}

/*
    Available/pending rewards description text
*/
/* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.label-3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 317, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .label-3 {
    font-size: 0.75rem;
  }
}

/* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.breadcrumbs {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.8125rem;
}

@media (max-width: 575px) {
  /* line 321, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .breadcrumbs {
    font-size: 0.625rem;
  }
}

/*
    Rewards Number in Card
*/
/* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards,
.special-pending-rewards {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--base-color);
  margin: 10px 0 8px 0;
}

/* line 344, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-rewards .decimal,
.special-pending-rewards .decimal {
  margin-left: -5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--light-text-color);
}

@media (max-width: 767px) {
  /* line 334, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-rewards,
.special-pending-rewards {
    margin: 16px 0 4px 0;
  }
}

/*
    Text under rewards value (Cash back, cash for a cause etc)
*/
/* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.special-available-label,
.special-pending-label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 0.75rem;
  color: #555f66;
  text-transform: none !important;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 361, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
  .special-available-label,
.special-pending-label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
  }
}

/* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 999px;
  letter-spacing: 1px;
  padding: 0.625rem;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

@media (max-width: 575px) {
  /* line 20, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .btn {
    font-size: 0.875rem;
  }
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.btn:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.btn:disabled {
  opacity: 1;
}

/* line 35, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn {
  background: #111415;
  background: var(--base-color);
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* line 29, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.primary-btn:hover {
  color: #fff;
  background-color: var(--btn-hover-color);
}

/* line 64, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn {
  border-radius: 24px;
  background: #fff;
  color: #111415;
  color: var(--base-color);
  border-color: #2d3145;
  border: 1px solid var(--border-color);
  transition: all 0.2s ease-in-out;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none !important;
}

/* line 56, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.secondary-btn span {
  font-weight: 600;
  color: #2d3145;
  color: var(--primary-color);
  transition: all 0.2s ease-in-out;
}

/* line 83, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.disabled-btn {
  background: var(--disabled-btn-color);
  color: var(--disabled-btn-text-color);
  font-family: var(--secondary-font);
  font-size: 0.9375rem;
  letter-spacing: 1px;
  font-weight: 700;
  pointer-events: none;
  width: 100%;
  border-radius: 999px;
  text-transform: none !important;
  height: 2.8125rem;
}

/* line 88, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
a:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
a:hover {
  color: #2d3145;
  color: var(--primary-color);
  text-decoration: underline;
}

/* line 176, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal {
  display: flex;
  flex-direction: row;
  position: relative;
}

/* line 181, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper-horizontal select + select {
  margin-left: 0.9375rem;
}

/* line 186, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 106, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 110, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.input-wrapper label span,
.input-wrapper label a {
  font-size: inherit;
}

/* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input,
.input-wrapper select {
  width: 100%;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border: 1px solid var(--input-border-color);
}

@media (max-width: 767px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 121, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .input-wrapper input,
.input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 129, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input::-moz-placeholder, .input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.input-wrapper input::placeholder,
.input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 132, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.input-wrapper input:focus,
.input-wrapper select:focus {
  border: 1px solid var(--darken-border-color);
}

/* line 190, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  gap: 10px;
}

/* line 144, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper .label-container {
  display: flex;
  justify-content: space-between;
}

/* line 148, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: #111415;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.name-input-wrapper label span,
.name-input-wrapper label a {
  font-size: inherit;
}

/* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input,
.name-input-wrapper select {
  max-width: 176px;
  height: 48px;
  padding: 8px 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  border-radius: 12px;
  border-color: var(--border-color);
}

@media (max-width: 767px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 159, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
  .name-input-wrapper input,
.name-input-wrapper select {
    font-size: 0.875rem;
  }
}

/* line 167, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input::-moz-placeholder, .name-input-wrapper select::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.name-input-wrapper input::placeholder,
.name-input-wrapper select::placeholder {
  color: var(--input-placeholder-color);
}

/* line 170, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.name-input-wrapper input:focus,
.name-input-wrapper select:focus {
  border-color: var(--darken-border-color);
}

/* line 199, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* line 207, app/assets/stylesheets/platforms/generic/settings/mixins.scss */
.hidden {
  display: none;
}

/* line 3, app/assets/stylesheets/platforms/generic/login.scss */
.login-page {
  background: #fff;
  background: var(--background-color);
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .bg-login-image {
  background-position: center;
  background-size: cover;
  min-height: 100vh;
}

@media (max-width: 576px) {
  /* line 8, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .bg-login-image {
    background-image: none !important;
  }
}

/* line 17, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container {
  flex-direction: column;
  height: 100vh;
}

@media (max-width: 576px) {
  /* line 17, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container {
    align-self: center !important;
    background: #fff;
    padding: 0.625rem;
  }
}

@media (max-width: 350px) {
  /* line 17, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container {
    padding: 0;
  }
}

/* line 32, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .terms-privacy {
  position: relative;
  bottom: 1rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(250, 250, 250, 0.84) !important;
}

/* line 41, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .terms-privacy a {
  color: rgba(250, 250, 250, 0.84) !important;
  font-size: 16px !important;
  font-weight: inherit;
}

@media (max-width: 576px) {
  /* line 32, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container .terms-privacy {
    font-size: 0.75rem;
    bottom: 3.75rem;
  }
}

/* line 53, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .card {
  padding: 2.5rem;
  border-radius: 1.5rem;
  border: 0;
}

@media (max-width: 576px) {
  /* line 53, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container .card {
    padding: 1.25rem;
  }
}

/* line 63, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login {
  position: relative;
  width: 28rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 576px) {
  /* line 63, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container .login {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s ease-in-out;
  }
}

@media (max-width: 576px) {
  /* line 63, app/assets/stylesheets/platforms/generic/login.scss */
  .login-page .login-container .login {
    width: 100%;
  }
}

/* line 76, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .logo-container {
  margin: 0 auto 24px auto;
  text-align: center;
}

/* line 80, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .logo-container .hotel-logo {
  max-width: 100%;
  max-height: 4.375rem;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 89, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body {
  padding: 0;
}

/* line 92, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-desc {
  margin-bottom: 1.25rem;
  text-align: center;
  color: #666666;
}

/* line 98, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .forgot-password-link {
  font-size: 0.8125rem;
  font-family: var(--secondary-font);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* line 105, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-subheader {
  font-family: var(--secondary-font);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #363d42;
  margin-bottom: 1.5rem;
  text-align: center;
}

/* line 115, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-subheader .email {
  font-weight: 600 !important;
}

/* line 120, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-title {
  margin-bottom: 1rem;
  font-family: Sentient;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.01em;
  text-align: center;
}

/* line 130, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-title .main-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
}

/* line 136, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-title .icon {
  position: relative;
  bottom: 2px;
}

/* line 142, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .primary-btn {
  width: 100%;
  border-radius: 999px;
  text-transform: none !important;
  height: 2.8125rem;
  background-color: var(--base-color);
}

/* line 149, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .primary-btn:active, .login-page .login-container .login .card-body .primary-btn:focus-visible, .login-page .login-container .login .card-body .primary-btn:disabled {
  color: #fff;
}

/* line 156, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .card-text {
  font-family: var(--primary-font);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--light-text-color);
}

/* line 163, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .or-divider {
  position: relative;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.375rem;
  border-bottom: 1px solid #0c222d17;
}

/* line 170, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .or-divider span {
  position: absolute;
  font-family: var(--secondary-font);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  top: 50%;
  background: #fff;
  left: calc(50% - 16px);
  color: #666666;
}

/* line 184, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #666666;
}

/* line 193, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer form {
  width: 100%;
  text-align: center;
}

/* line 198, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer a {
  color: #2d3145;
  color: var(--primary-color);
}

/* line 203, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .h6 {
  font-size: 1rem !important;
  margin-bottom: 0;
}

/* line 208, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .create-pw-btn {
  font-weight: 600;
  text-transform: none !important;
}

/* line 213, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .signup-terms {
  text-align: center;
  margin-top: 0.625rem;
  max-width: 21.875rem;
  font-family: var(--secondary-font);
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.5rem;
}

/* line 222, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .signup-terms a {
  font-size: inherit;
}

/* line 227, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .need-help {
  margin-top: 1rem;
  font-size: 0.875rem !important;
}

/* line 230, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login .card-body .login-footer .need-help a {
  font-size: inherit;
  text-decoration: none !important;
}

/* line 238, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login #password_match_error {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 16px;
  display: block;
}

/* line 249, app/assets/stylesheets/platforms/generic/login.scss */
.login-page .login-container .login #password_match_error.hidden {
  display: none;
}

/* line 257, app/assets/stylesheets/platforms/generic/login.scss */
.verification-code-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}

/* line 263, app/assets/stylesheets/platforms/generic/login.scss */
.single-code-input {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  width: 48px !important;
  text-align: center;
  font-size: 20px !important;
  margin: 6px;
  padding: 0 !important;
}

@media (max-width: 575px) {
  /* line 263, app/assets/stylesheets/platforms/generic/login.scss */
  .single-code-input {
    font-size: 0.875rem;
  }
}

@media (max-width: 600px) {
  /* line 263, app/assets/stylesheets/platforms/generic/login.scss */
  .single-code-input {
    font-size: 16px !important;
    margin: 4px;
    width: 38px !important;
    padding: 0 !important;
  }
}

/* line 279, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  text-transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 100%;
  border: 0;
}

@media (max-width: 575px) {
  /* line 279, app/assets/stylesheets/platforms/generic/login.scss */
  .oauth-signin-btn {
    font-size: 0.875rem;
  }
}

/* line 291, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn span {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  letter-spacing: 0.03125rem;
}

@media (max-width: 575px) {
  /* line 291, app/assets/stylesheets/platforms/generic/login.scss */
  .oauth-signin-btn span {
    font-size: 0.875rem;
  }
}

/* line 296, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn.google {
  background: var(--google-color);
  box-shadow: inset 0 0 0 0 var(--google-color);
  transition: ease-out 0.3s;
  border-radius: 999px;
}

/* line 304, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn.google .google-logo {
  position: relative;
  bottom: 0.125rem;
  margin-right: 0.75rem;
}

/* line 309, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn.google .google-logo svg {
  width: 1rem;
  fill: #fff;
}

/* line 315, app/assets/stylesheets/platforms/generic/login.scss */
.oauth-signin-btn.google:hover {
  background: var(--google-hover-color);
  color: #fff;
  cursor: pointer;
}

/* line 323, app/assets/stylesheets/platforms/generic/login.scss */
#loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

/* line 331, app/assets/stylesheets/platforms/generic/login.scss */
#loading .spinner {
  border: 3px solid #dadada;
  width: 33px;
  height: 33px;
  margin: 6px 0;
  border-radius: 50%;
  border-left-color: #555f66;
  animation: spin 1s ease infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 355, app/assets/stylesheets/platforms/generic/login.scss */
.password-rules #pr-box #pr-box-inner p.password-desc {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  /* line 355, app/assets/stylesheets/platforms/generic/login.scss */
  .password-rules #pr-box #pr-box-inner p.password-desc {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 355, app/assets/stylesheets/platforms/generic/login.scss */
  .password-rules #pr-box #pr-box-inner p.password-desc {
    font-size: 0.875rem;
  }
}

/* line 360, app/assets/stylesheets/platforms/generic/login.scss */
.password-rules #pr-box #pr-box-inner ul {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  padding-left: 0;
  font-weight: 400;
  color: var(--input-placeholder-color);
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.password-rules #pr-box #pr-box-inner ul span,
.password-rules #pr-box #pr-box-inner ul a {
  font-size: inherit;
}

/* line 365, app/assets/stylesheets/platforms/generic/login.scss */
.password-rules #pr-box #pr-box-inner ul li {
  list-style: none;
}

/* line 367, app/assets/stylesheets/platforms/generic/login.scss */
.password-rules #pr-box #pr-box-inner ul li span {
  margin-right: 0.3125rem;
}

/* line 369, app/assets/stylesheets/platforms/generic/login.scss */
.password-rules #pr-box #pr-box-inner ul li span.fa-check-circle {
  color: #11af6c;
}

/* line 379, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--border-color);
}

/* line 384, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container .eye-password-icon-closed {
  display: none;
}

/* line 387, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container input {
  border: 0 !important;
}

/* line 390, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container .eye-icon {
  margin-bottom: 0.1875rem;
  margin-right: 0.75rem;
}

/* line 391, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container .eye-icon:hover {
  cursor: pointer;
}

/* line 397, app/assets/stylesheets/platforms/generic/login.scss */
.password-view-toggle-container:focus {
  border: 1px solid var(--darken-border-color);
}

/* line 402, app/assets/stylesheets/platforms/generic/login.scss */
.checkbox-recaptcha-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 407, app/assets/stylesheets/platforms/generic/login.scss */
.checkbox-recaptcha-container .h6 {
  margin-bottom: 6px !important;
}

/* line 412, app/assets/stylesheets/platforms/generic/login.scss */
.grecaptcha-badge {
  width: 4.375rem !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 0.25rem !important;
}

/* line 419, app/assets/stylesheets/platforms/generic/login.scss */
.grecaptcha-badge:hover {
  width: 16rem !important;
}

/* line 423, app/assets/stylesheets/platforms/generic/login.scss */
.capitalize {
  text-transform: capitalize;
}

/* line 12, app/assets/stylesheets/member_login/login.scss */
body {
  background: transparent;
}

/* line 16, app/assets/stylesheets/member_login/login.scss */
.member-login-container {
  height: 100vh;
  overflow-y: scroll;
}

/* line 30, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .card {
  padding: 4.375rem 2.5rem 2.5rem;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 36, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background: var(--top-bar-bg-color);
  height: 70px;
  padding: 0 24px;
}

/* line 47, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container .gb-container {
  display: flex;
  max-width: 165px;
  align-items: center;
}

/* line 51, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container .gb-container .hotel-logo {
  max-width: 3.125rem;
  max-height: 3.125rem;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.625rem;
}

/* line 58, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container .gb-container .hotel-logo svg {
  width: 100%;
}

/* line 59, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container .gb-container .hotel-logo svg .st0 {
  fill: var(--top-bar-text-color);
}

/* line 65, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container .gb-container .powered-by-text {
  color: var(--top-bar-text-color);
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  line-height: 17px;
  position: relative;
  top: 1px;
}

/* line 76, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container #close-iframe {
  width: 1.375rem;
}

/* line 78, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .powered-by-container #close-iframe svg #Rectangle_2311,
.login-page .login-container .login .powered-by-container #close-iframe svg #Rectangle_2312 {
  fill: var(--top-bar-text-color);
  stroke: var(--top-bar-text-color);
}

/* line 86, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .logo-container {
  margin-top: 0.625rem;
}

/* line 91, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .card-body .card-title {
  text-transform: none;
  color: var(--primary-color);
}

/* line 96, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .card-body .or-divider {
  border-bottom: 1px solid #666666;
}

/* line 101, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .card-body .login-footer .member-login-help {
  text-align: center;
  margin-top: 0.3125rem;
}

/* line 105, app/assets/stylesheets/member_login/login.scss */
.login-page .login-container .login .card-body .login-footer .signup-terms {
  max-width: unset;
}