/* 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 5, app/assets/stylesheets/platforms/generic/generic.scss */
.incompatible-browser {
  margin: 90px 200px;
  text-align: center;
  font-size: 24px;
}

/* line 11, app/assets/stylesheets/platforms/generic/generic.scss */
.form-check {
  padding: 0;
}

/* line 15, app/assets/stylesheets/platforms/generic/generic.scss */
.bg-img {
  background-size: cover;
}

/* line 19, app/assets/stylesheets/platforms/generic/generic.scss */
.instay-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
}

/* line 26, app/assets/stylesheets/platforms/generic/generic.scss */
.box-shadow {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* 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/sidebar_nav.scss */
#sidebar-wrapper {
  height: 100%;
  width: 200px;
  margin-left: -200px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #343638;
  background-color: var(--side-nav-color);
  transition: margin 0.5s ease-out;
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}

/* line 20, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group-item.active {
  z-index: 1;
}

/* line 23, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .sidebar-heading {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-transform: none !important;
  color: #fff;
  color: var(--side-nav-text-color);
  padding: 0px 20px 10px 20px;
}

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

/* line 37, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group {
  margin-bottom: 0.5625rem;
}

/* line 39, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group .list-group-item {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  background-color: transparent;
  border: unset;
  padding: unset;
  text-transform: none;
  padding: 14px 0 14px 24px !important;
  margin-bottom: 0;
  color: var(--side-nav-text-color);
  text-decoration: none;
}

/* line 219, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
#sidebar-wrapper .list-group .list-group-item:active {
  font-weight: 700;
}

/* line 55, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group .list-group-item:hover {
  opacity: unset !important;
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 59, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group .list-group-item:first-child {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

/* line 63, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .list-group .list-group-item.active {
  font-weight: 500;
}

/* line 70, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .divider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 auto 19px;
  width: 75%;
}

/* line 76, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .referral-program-nav-item {
  display: flex;
  gap: 8px;
}

/* line 81, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#sidebar-wrapper .new-content-badge {
  display: flex;
  padding: 2px 4px;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #f2e9dd;
  color: #363d42;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.06px;
}

/* line 98, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav {
  position: fixed;
  width: 100vw;
  height: 64px;
  top: 0;
  background: #fff;
  z-index: 16;
  display: flex;
}

/* line 106, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav #navbar-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  align-items: center;
}

/* line 112, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav #navbar-wrapper .platform-nav-items {
  display: flex;
  align-items: center;
}

/* line 115, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav #navbar-wrapper .platform-nav-items .nav-logo {
  margin-right: 25px;
}

/* line 117, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav #navbar-wrapper .platform-nav-items .nav-logo img {
  height: 34px;
}

/* line 124, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#mobile-nav #navbar-wrapper #sidebar-toggle i {
  font-size: 1.25rem;
  color: #707070;
}

/* line 132, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
#page-content-wrapper {
  display: flex;
  min-width: 0;
  width: 100%;
  background: #fffefc;
  background: var(--background-color);
}

@media (min-width: 768px) {
  /* line 179, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
  #sidebar-wrapper {
    margin-left: 0;
    margin-top: 0;
  }
  /* line 183, app/assets/stylesheets/platforms/generic/sidebar_nav.scss */
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/platforms/generic/confirmation-popup.scss */
.confirm-redemption-popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  background: rgba(3, 3, 3, 0.5);
}

/* line 13, app/assets/stylesheets/platforms/generic/confirmation-popup.scss */
.confirm-redemption-popup-container.hidden {
  display: none;
}

/* line 17, app/assets/stylesheets/platforms/generic/confirmation-popup.scss */
.confirm-redemption-popup-container .confirm-redemption-popup {
  border-radius: 16px;
}

/* line 19, app/assets/stylesheets/platforms/generic/confirmation-popup.scss */
.confirm-redemption-popup-container .confirm-redemption-popup h4 {
  margin-bottom: 0.625rem;
}

/* 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/header.scss */
.platform-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* line 10, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header h1 {
  font-family: Sentient;
  font-size: 66px;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: -0.02em;
  text-align: center;
}

/* line 18, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .subtext {
  font-family: var(--secondary-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: none !important;
}

/* line 26, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .header-body-container {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 6.5rem 3rem 6.25rem;
}

/* line 34, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .header-body-container h2 {
  text-transform: none !important;
  font-family: Sentient;
  font-size: 41px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-align: left;
}

/* line 44, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .header-body-container .subtext {
  max-width: 50rem;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/* line 53, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .header-body-container.hidden {
  display: none;
}

/* line 57, app/assets/stylesheets/platforms/generic/header.scss */
.platform-header .header-body-container.available-rewards {
  align-items: center;
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/platforms/generic/header.scss */
  .platform-header .header-body-container {
    padding: 4.0625rem 3rem 3.875rem;
  }
}

@media (max-width: 575px) {
  /* line 26, app/assets/stylesheets/platforms/generic/header.scss */
  .platform-header .header-body-container {
    padding: 1.625rem 0.9375rem 1.4375rem;
  }
}

/* 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/rewards_balance.scss */
.account-balances {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: -15px;
}

/* line 8, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

@media (max-width: 1170px) {
  /* line 8, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section {
    margin-bottom: 0.75rem;
  }
}

/* line 18, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section:first-child {
  flex-grow: 1;
  flex-shrink: 0;
}

/* line 23, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section:last-child {
  flex: 1 0 24%;
}

/* line 27, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .rewards-subtext {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-top: 6px;
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .rewards-subtext {
    display: none;
  }
}

/* line 40, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .header {
  white-space: nowrap;
  margin-bottom: 0.9375rem;
}

/* line 44, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .header h5 {
  font-family: Sentient;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.005em;
  text-align: left;
}

/* line 54, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .rewards-balance-card {
  background: #fff;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  padding: 2.25rem 1.25rem;
  min-width: 17.75rem;
  height: 7.125rem;
}

@media (max-width: 767px) {
  /* line 54, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .rewards-balance-card {
    height: 9rem;
  }
}

/* line 65, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .rewards-balance-card .body {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin: 24px;
}

@media (max-width: 767px) {
  /* line 65, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .rewards-balance-card .body {
    margin: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 79, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .rewards-balance-card .btn {
  width: 100%;
  margin-top: 0.625rem;
}

@media (max-width: 767px) {
  /* line 79, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .rewards-balance-card .btn {
    margin-top: 1rem;
  }
}

/* line 88, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards {
  display: flex;
}

/* line 91, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper {
  padding: 8px;
  margin: -8px;
}

/* line 94, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card {
  display: flex;
  flex-basis: 33%;
  border-radius: 24px;
  min-width: 17.75rem;
  height: 144px;
  padding: 24px 0px 0px 0px;
  gap: 16px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 94, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card {
    min-width: 13.9375rem;
    height: 208px;
  }
}

/* line 109, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info {
  display: flex;
  flex-direction: column;
  color: var(--light-text-color);
}

/* line 113, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 27px;
}

/* line 119, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-icon svg {
  width: 24px;
  height: 24px;
}

/* line 122, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-icon svg path {
  fill: var(--secondary-color) !important;
}

/* line 127, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-type {
  display: flex;
  flex-direction: row;
  color: var(--light-text-color);
}

/* line 131, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-type svg {
  display: none;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}

/* line 136, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-info .rewards-type svg path {
  fill: var(--light-text-color);
}

/* line 144, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-button .redeem-btn {
  background-color: var(--base-color) !important;
  width: 88px;
  height: 36px;
  padding: 8px 16px 8px 16px;
  gap: 8px;
  border-radius: 999px;
  text-transform: none !important;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.005em;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 144, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .available-rewards-cards .scroll-wrapper .rewards-balance-card .rewards-button .redeem-btn {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    width: 175px;
    height: 48px;
  }
}

/* line 172, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .available-rewards-cards .scroll-wrapper:not(:last-child) .rewards-balance-card {
  margin-right: 0.9375rem;
}

/* line 179, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card {
  flex-basis: 100%;
}

/* line 181, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card {
  width: 17.75rem;
  height: 144px;
  padding: 24px 0px 0px 0px;
  border-radius: 24px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 181, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .pending-rewards-card .rewards-balance-card {
    height: 100%;
    width: 97%;
  }
}

/* line 193, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 6px;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 193, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper {
    margin-bottom: 12px;
  }
}

/* line 203, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-icon {
  min-width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 27px;
}

/* line 209, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-icon svg {
  width: 18px;
  height: 18px;
}

/* line 212, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-icon svg path {
  fill: var(--light-text-color) !important;
}

/* line 217, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .pending-item {
  margin: 0 0.1875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 222, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .pending-item .special-pending-rewards-divider {
  margin: 0 6px;
}

@media (max-width: 767px) {
  /* line 222, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .pending-item .special-pending-rewards-divider {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #6F787F;
  }
}

/* line 235, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-type {
  display: flex;
  flex-direction: row;
  color: var(--light-text-color);
}

/* line 239, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-type svg {
  display: none;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}

/* line 245, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .pending-rewards-wrapper .rewards-type svg g path {
  fill: var(--light-text-color);
}

/* line 252, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
.account-balances .rewards-section .pending-rewards-card .rewards-balance-card .label-2 {
  color: #666666;
  text-align: center;
}

@media (max-width: 1170px) {
  /* line 263, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child {
    width: 100%;
  }
  /* line 266, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  /* line 271, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child .available-rewards-cards {
    overflow-x: scroll !important;
    padding-bottom: 20px !important;
    margin-bottom: -20px !important;
    padding-top: 20px !important;
    margin-top: -20px !important;
    padding-left: 64px !important;
    margin-left: -64px !important;
    padding-right: 30px !important;
    margin-right: -50px !important;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  /* line 286, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child .available-rewards-cards::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 294, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances {
    padding: 24px 0 0 24px !important;
  }
  /* line 296, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child {
    width: 100%;
  }
  /* line 299, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  /* line 304, app/assets/stylesheets/platforms/generic/rewards_balance.scss */
  .account-balances .rewards-section:first-child .available-rewards-cards {
    padding-right: 84px !important;
  }
}

/* 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/rewards_table.scss */
.no-rewards-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 40px;
  border-radius: 16px;
  background: #FFF;
  color: var(--light-text-color);
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  color: var(--light-text-color);
  background: #fff;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .no-rewards-data {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 3, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .no-rewards-data {
    font-size: 0.875rem;
  }
}

/* line 16, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.no-rewards-data a {
  color: var(--primary-color);
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.no-rewards-data div:first-child {
  margin-bottom: 16px;
}

/* line 27, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.action-required a {
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: var(--secondary-color) !important;
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
}

/* line 36, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.action-required svg path {
  fill: var(--secondary-color);
  margin-bottom: 3px;
  margin-right: 2px;
}

/* line 43, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.scrollable-nav {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
}

/* line 54, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.scrollable-nav::-webkit-scrollbar {
  display: none;
}

/* line 58, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table {
  width: 100%;
  background: transparent;
  border-radius: 3px;
}

/* line 64, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .details-mobile {
  display: none;
}

/* line 67, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .nav-container {
  background: transparent;
}

/* line 70, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .nav-container .nav .nav-link {
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  height: 64px;
  bottom: 1px;
  position: relative;
  padding: 0.625rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--light-text-color);
  text-decoration: none !important;
  margin-bottom: 1px;
}

/* line 89, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .nav-container .nav .nav-link.active {
  color: var(--base-color);
  border-bottom: 3px solid var(--base-color);
  margin-bottom: 0;
}

/* line 93, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .nav-container .nav .nav-link.active:first-child {
  border-left: 0;
  border-top-left-radius: 0;
}

/* line 99, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .nav-container .nav .nav-link:hover {
  color: var(--base-color);
}

/* line 106, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container {
  padding: 16px 0px 16px 0px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
}

/* line 112, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table {
  background: #fff;
  border: 0;
  margin-bottom: unset;
}

/* line 116, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table th, .rewards-table .table-container table td {
  border: 0 !important;
  padding: 16px 4px;
}

/* line 121, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr {
  border-top: 1px solid var(--table-divider-color);
}

/* line 123, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr:last-child {
  border-bottom: 1px solid var(--table-divider-color) !important;
}

/* line 127, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr th:first-child {
  padding-left: 48px;
}

/* line 130, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr th:last-child {
  padding-right: 16px;
}

/* line 135, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr td:last-child {
  padding-right: 16px;
}

/* line 139, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-main {
  display: flex;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--text-color);
}

/* line 147, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-main a {
  font-weight: 600;
}

/* line 150, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-main svg {
  margin-top: 2px;
  margin-right: 3px;
  height: 16px;
  width: 16px;
}

/* line 155, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-main svg path {
  fill: #555F66;
}

/* line 160, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-subtext {
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
  color: var(--light-text-color);
  margin-top: 4px;
  padding-right: 32px;
}

/* line 171, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr .table-row-subtext .doc-url {
  text-decoration: none;
}

/* line 176, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr.table-headers {
  border: 0;
}

/* line 178, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container table tbody tr.table-headers th {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
  color: var(--light-text-color);
}

/* line 193, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination {
  padding: 16px 0 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 201, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item {
  margin-right: 1.125rem;
}

/* line 203, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item.disabled {
  display: none;
}

/* line 206, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item .page-link {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  font-size: 0.875rem !important;
  color: var(--base-color);
  text-decoration: none;
  background: unset;
  border: unset;
  padding: 0.1875rem 0.5625rem;
}

@media (max-width: 575px) {
  /* line 206, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container .pagination .page-item .page-link {
    font-size: 0.75rem;
  }
}

/* line 216, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item a.page-link[rel="next"]:last-child {
  font-weight: 500;
}

/* line 221, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item a.page-link[rel="prev"]:first-child {
  font-weight: 500;
}

/* line 226, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table .table-container .pagination .page-item.active .page-link {
  margin: 0;
  color: #fff;
  background-color: #111415;
  border-color: #111415;
  background-color: var(--base-color);
  border-color: var(--base-color);
  border-radius: 999px;
}

/* line 240, app/assets/stylesheets/platforms/generic/rewards_table.scss */
.rewards-table #missing_rewards_form {
  padding: 16px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 900px) {
  /* line 240, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table #missing_rewards_form {
    padding: 0;
  }
}

@media (max-width: 900px) {
  /* line 255, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .nav-container .nav .nav-link {
    font-size: 14px !important;
    padding: 1rem !important;
  }
  /* line 261, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .details-mobile {
    display: block;
  }
  /* line 264, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .details-mobile .details-button .details-btn {
    background-color: var(--base-color) !important;
    width: 100%;
    height: 48px;
    margin-top: 6px;
    padding: 8px 16px 8px 16px;
    gap: 8px;
    border-radius: 999px;
    text-transform: none !important;
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #FFF;
  }
  /* line 285, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container {
    padding: 16px;
  }
  /* line 287, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table, .rewards-table .table-container thead, .rewards-table .table-container tbody, .rewards-table .table-container th, .rewards-table .table-container td, .rewards-table .table-container tr {
    display: block;
  }
  /* line 291, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table h6 {
    font-family: Sentient !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: -0.005em !important;
  }
  /* line 298, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table tbody {
    background: #fff;
    background: var(--background-color);
  }
  /* line 302, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table tr.table-headers {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 307, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table th {
    padding: 0 0 4px 0 !important;
    border-bottom: 0 !important;
  }
  /* line 311, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table tr {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s ease-in-out;
  }
  /* line 314, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table tr {
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 8px;
    background: #fff;
  }
  /* line 320, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table td {
    padding: 4px 0;
    font-size: 12px !important;
  }
  /* line 323, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table td .table-row-main {
    font-weight: 600 !important;
    color: #000;
  }
  /* line 328, app/assets/stylesheets/platforms/generic/rewards_table.scss */
  .rewards-table .table-container table td:before {
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color);
  }
}

/* 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/missing_rewards.scss */
.no-stays {
  padding: 40px 26px;
}

/* line 7, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.upload-bill {
  text-transform: uppercase;
}

/* line 11, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.doc-url {
  text-decoration: underline;
}

/* line 15, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards {
  padding: 40px 26px;
  background: #fff;
  border-radius: 16px;
}

@media (max-width: 900px) {
  /* line 21, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .row div {
    padding: 0 !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  /* line 28, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .row div {
    padding: 0 !important;
  }
}

/* line 35, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .desc {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #666666;
  margin-bottom: 24px;
}

/* line 45, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .desc span {
  font-weight: 600;
}

/* line 48, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .desc .final-bill {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .reservation-number {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  color: #666666;
  font-size: 1rem;
  text-decoration: underline;
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .reservation-number {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 52, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .reservation-number {
    font-size: 0.875rem;
  }
}

/* line 58, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .document-type {
  margin: 6px 0 18px 0;
}

/* line 60, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .document-type .form-check-inline {
  margin-right: 5rem !important;
}

@media (max-width: 1265px) {
  /* line 60, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .document-type .form-check-inline {
    margin-right: 2.5rem !important;
  }
}

/* line 65, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .document-type .form-check-inline label {
  position: relative;
  top: 2px;
}

/* line 70, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .document-type legend {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.005em;
  text-align: left;
  margin-bottom: 16px;
  color: var(--base-color);
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.missing-rewards .info .document-type legend span,
.missing-rewards .info .document-type legend a {
  font-size: inherit;
}

/* line 82, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .document-type label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 82, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .document-type label {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 82, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .document-type label {
    font-size: 0.875rem;
  }
}

/* line 86, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .disclaimer {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: var(--light-text-color);
  margin-top: 0.625rem;
}

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

@media (max-width: 992px) {
  /* line 91, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .file-controls {
    margin-bottom: 24px;
  }
}

/* line 95, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .file-controls .file-control-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

@media (max-width: 768px) {
  /* line 95, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .info .file-controls .file-control-buttons {
    width: 90vw;
    margin: auto;
  }
}

/* line 104, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .file-controls .file-control-buttons div {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}

/* line 109, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .file-controls .file-control-buttons button {
  border-radius: 24px;
  text-transform: none !important;
  margin: 5px;
  flex-basis: 100px;
  flex-grow: 1;
}

/* line 116, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .file-controls .file-control-buttons .secondary-btn {
  border: none;
}

/* line 121, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .radio-group {
  display: flex;
}

/* line 123, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .radio-group input {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #cfd3d6;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  margin-top: 4px;
}

/* line 134, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .radio-group input:checked {
  background-color: var(--base-color);
  border: 2px solid #cfd3d6;
}

/* line 139, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .radio-group label {
  margin: 0 12px;
}

/* line 142, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .info .radio-group i {
  color: var(--text-color);
}

/* line 148, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* line 154, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 161, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module .inputfile:focus + label.styled-file-upload {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* line 167, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload {
  height: 100%;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 167, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .upload-module label.styled-file-upload {
    width: 90vw;
    margin: auto;
  }
}

/* line 176, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-color: #dadada;
  border: 2px solid var(--border-color);
  border-radius: 14px;
  background: #f8f8f9;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 189, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  max-width: 168px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 12, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content:hover {
  opacity: 0.9;
  text-decoration: none;
  cursor: pointer;
}

/* line 196, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .upload-icon {
  margin-bottom: 10px;
}

/* line 197, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .upload-icon svg {
  height: 32px;
  width: 32px;
}

/* line 201, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .upload-icon svg path {
  fill: var(--text-color);
}

/* line 207, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .title {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  font-family: Sentient;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  width: 186px;
  color: #363d42;
  text-transform: none !important;
}

@media (max-width: 575px) {
  /* line 207, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .title {
    font-size: 0.75rem;
  }
}

/* line 222, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .subtext {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  width: 130px;
  color: var(--text-color);
}

@media (max-width: 575px) {
  /* line 222, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .missing-rewards .upload-module label.styled-file-upload .choose-file .upload-content .subtext {
    font-size: 0.75rem;
  }
}

/* line 235, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards .upload-module label.styled-file-upload .choose-file .display-pdf {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* line 247, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 {
  width: 100%;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

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

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

/* line 250, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 .select2-selection {
  display: flex;
  align-items: center;
  border: 1px solid var(--input-border-color);
  padding: 12px;
  border-radius: 12px;
  height: 48px;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/* line 265, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px);
  width: 26px;
  padding-right: 10px;
}

/* line 270, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 .select2-selection .select2-selection__placeholder {
  color: var(--input-placeholder-color);
}

/* line 274, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 .select2-selection:focus {
  outline: none !important;
}

/* line 280, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2 .select2-container--default .select2-search--dropdown .select2-search__field {
  border: none !important;
}

/* line 287, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2-results__option--highlighted {
  background-color: var(--input-placeholder-color) !important;
}

/* line 291, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2-results__option,
.select2-search__field {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 291, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .select2-results__option,
.select2-search__field {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 291, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
  .select2-results__option,
.select2-search__field {
    font-size: 0.875rem;
  }
}

/* line 296, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none !important;
}

/* line 300, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-year-field:focus {
  background-color: var(--input-placeholder-color) !important;
}

/* line 306, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.file-uploader {
  display: none !important;
}

/* line 310, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.upload {
  display: none !important;
}

/* line 314, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: visible;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 1000;
  display: none;
}

/* line 329, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.missing-rewards-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 25px;
  border-radius: 0.15rem;
  width: 100%;
  max-width: 532px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}

/* line 345, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.close-button {
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: lightgray;
  z-index: 10000;
  float: right;
  margin: 0 0 10px 15px;
}

/* line 357, app/assets/stylesheets/platforms/generic/missing_rewards.scss */
.close-button:hover {
  background-color: darkgray;
}

/* 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 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/redemptions.scss */
.redemption-container {
  max-width: 1313px;
  margin: 0 auto;
  padding: 64px;
  min-height: 70vh;
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container {
    padding: 64px 15px;
  }
}

/* line 8, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container h2 {
  font-family: Sentient;
  font-size: 41px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-align: left;
  text-transform: none !important;
}

/* line 18, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container h5 {
  margin-bottom: 0.625rem;
}

/* line 22, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .body {
  color: var(--light-text-color);
}

/* line 26, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-terms-container {
  margin-top: 1.25rem;
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

/* line 35, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-terms-container .label {
  color: var(--light-text-color);
}

/* line 39, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-terms-container .redemption-terms-desc {
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
}

/* line 49, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .card {
  border-radius: 16px;
  border: 0;
}

@media (max-width: 340px) {
  /* line 52, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container .card .card-body {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* line 62, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container.redeem-page .body {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

/* line 69, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container.redeem-page .disclaimer {
  font-family: var(--primary-font);
  font-size: 1rem;
  color: var(--light-text-color);
}

/* line 76, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container {
  padding: 2.5rem 7.5rem;
}

@media (max-width: 576px) {
  /* line 76, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container .redeem-info-container {
    padding: 0;
  }
}

/* line 82, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .email-select {
  margin-top: 1.875rem;
  margin-bottom: 1.75rem;
}

/* line 87, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .bitcoin-delivery-select,
.redemption-container .redeem-info-container .wallet-delivery,
.redemption-container .redeem-info-container .email-delivery {
  width: 50%;
}

@media (max-width: 576px) {
  /* line 87, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container .redeem-info-container .bitcoin-delivery-select,
.redemption-container .redeem-info-container .wallet-delivery,
.redemption-container .redeem-info-container .email-delivery {
    width: 100%;
  }
}

/* line 97, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .redeem-info-header :first-child {
  margin-bottom: 0.625rem;
}

/* line 100, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .redeem-info-header h3 {
  color: #3d424a;
}

/* line 105, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .redeem-info-email-header {
  margin-bottom: 0.625rem;
}

/* line 109, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .redeem-info-subheader {
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

/* line 113, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redeem-info-container .redeem-info-subheader + div {
  font-size: 0.875rem;
  line-height: 22px;
  font-family: var(--primary-font);
  color: var(--input-placeholder-color);
}

/* line 122, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .confirm-redemption-btn {
  margin-bottom: 16px;
}

/* line 127, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 129, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-title {
  margin-top: 1rem;
  height: 5rem;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 136, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-title .redemption-image {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

/* line 143, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-title .redemption-image .redemption-logo img {
  max-width: 285px;
  max-height: 3.375rem;
}

/* line 151, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-body {
  padding: 0;
  position: relative;
}

/* line 154, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-body form {
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  /* TWEENER - IE 10 */
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  flex-direction: column;
  height: 100%;
}

/* line 165, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-body .redemption-body {
  padding: 0.625rem 1.25rem;
  height: 77%;
}

@media (max-width: 992px) {
  /* line 165, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container .redemption-option-card .card-body .redemption-body {
    height: 70% !important;
  }
}

@media (max-width: 1200px) {
  /* line 165, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-container .redemption-option-card .card-body .redemption-body {
    height: 75%;
  }
}

/* line 178, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-body .redemption-body .description-section {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

/* line 188, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-footer {
  background-color: transparent !important;
  border-top: 0 !important;
}

/* line 192, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .card-footer input {
  border-radius: 16px !important;
  text-transform: none !important;
  margin-bottom: 4px;
}

/* line 199, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .redemption-input-wrapper {
  margin-bottom: 0.25rem;
}

/* line 201, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .redemption-input-wrapper label {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

/* line 206, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .redemption-option-card .redemption-input-wrapper input {
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid var(--border-color);
}

/* line 214, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .warning-notes {
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
  color: var(--light-text-color);
  margin-left: 8px;
}

/* line 226, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card {
  height: 31.25rem;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 229, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-title {
  margin-top: 0;
  height: 17.1875rem;
  margin-bottom: 0;
}

/* line 233, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-title .instay-image {
  height: 100%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* line 240, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 245, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* line 251, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .redemption-body {
  padding: 25px;
  flex-grow: 1;
}

/* line 254, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .redemption-body .title {
  font-family: Sentient;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #343638;
}

/* line 261, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .redemption-body .amounts {
  color: var(--light-text-color);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 270, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .redemption-body .amounts .amount {
  margin-right: 10px;
}

/* line 275, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .redemption-body .description {
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  font-weight: 400;
  color: #666666;
}

/* line 283, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-container .instay-option-card .card-body .btn-block {
  margin: 16px;
  width: auto;
}

/* line 291, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper {
  position: relative;
}

/* line 293, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group {
  display: flex;
  flex-wrap: wrap;
}

/* line 296, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group {
  width: 100%;
}

/* line 298, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group:last-child {
  margin-top: 0.625rem;
}

/* line 301, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: var(--light-text-color);
}

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

/* line 305, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group {
  display: flex;
  justify-content: space-between;
}

/* line 309, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
  color: var(--text-color);
  margin-bottom: 0;
  position: relative;
  top: 1px;
}

@media (max-width: 767px) {
  /* line 309, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper label {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 309, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper label {
    font-size: 0.875rem;
  }
}

/* line 315, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper label.disabled {
  color: var(--light-text-color);
}

/* line 319, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper input {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}

/* line 324, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-radio-input-wrapper .redemption-radio-group .card-type-group .radio-group .radio-button-wrapper.hide {
  visibility: hidden;
}

/* line 333, app/assets/stylesheets/platforms/generic/redemptions.scss */
.ins-pop-up-title {
  font-family: Sentient !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: -0.005em !important;
  text-align: left !important;
}

/* line 342, app/assets/stylesheets/platforms/generic/redemptions.scss */
.ins-pop-up-description {
  color: var(--text-color) !important;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-top: 24px;
}

/* line 352, app/assets/stylesheets/platforms/generic/redemptions.scss */
.ins-pop-up-buttons {
  display: flex;
  justify-content: center;
}

/* line 356, app/assets/stylesheets/platforms/generic/redemptions.scss */
.ins-pop-up-buttons .btn-block {
  padding: 12px 32px;
}

/* line 361, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption_label {
  padding: 5px;
  color: #212529;
  font-weight: 500;
  font-size: 14px;
}

/* HTML5 Validation error messages */
/* line 369, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error {
  display: flex;
  color: var(--input-placeholder-color);
  position: absolute;
  bottom: 3rem;
  background: #fff;
  border-radius: 3px;
}

/* line 376, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error .error-icon-container {
  display: none;
  margin-right: 0.3125rem;
  width: 1.875rem;
}

/* line 380, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error .error-icon-container .error-icon {
  width: 100%;
  z-index: 2;
}

/* line 386, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error .error-text {
  z-index: 2;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.9375rem;
  color: #666666;
}

@media (max-width: 1199px) {
  /* line 386, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .error .error-text {
    font-size: 0.75rem;
  }
}

/* line 392, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error.active {
  border: 1px solid var(--border-color);
  padding: 0.5rem 0.3125rem;
  background: #fff;
  z-index: 2;
}

/* line 397, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error.active:after {
  position: absolute;
  width: 15px;
  height: 15px;
  border-top: 0px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-left: 0px solid var(--border-color);
  top: 100%;
  left: 16px;
  content: "";
  transform: rotate(45deg);
  margin-top: -7px;
  background: #fff;
  z-index: 1;
}

/* line 413, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error.active .error-icon-container {
  display: flex;
  align-items: center;
}

/* line 416, app/assets/stylesheets/platforms/generic/redemptions.scss */
.error.active .error-icon-container .error-icon {
  width: 100%;
}

/* line 424, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label {
  display: flex;
  align-items: center;
  position: relative;
}

/* line 428, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label .confirm-label {
  position: relative;
  left: 36px;
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 428, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .checkbox-label .confirm-label {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 428, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .checkbox-label .confirm-label {
    font-size: 0.875rem;
  }
}

/* line 435, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* line 441, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 25px;
  border-radius: 6px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #212529;
  box-shadow: 0px 1px 10px #0000000d;
}

/* line 458, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label input:checked ~ .checkbox-custom {
  background-color: var(--base-color);
  border-radius: 6px;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid var(--base-color);
}

/* line 468, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label .checkbox-custom::after {
  position: absolute;
  border-radius: 6px;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* line 489, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label input:checked ~ .checkbox-custom::after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

/* line 504, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label .danger-checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 25px;
  border-radius: 6px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #dc3545;
  box-shadow: 0px 1px 10px #0000000d;
}

/* line 521, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label input:checked ~ .danger-checkbox-custom {
  background-color: #dc3545;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #dc3545;
  border-radius: 6px;
}

/* line 531, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label .danger-checkbox-custom::after {
  position: absolute;
  border-radius: 6px;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* line 552, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-label input:checked ~ .danger-checkbox-custom::after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

/* line 567, app/assets/stylesheets/platforms/generic/redemptions.scss */
.checkbox-error {
  color: red;
  font-family: var(--secondary-font);
  font-size: 14px;
  padding-left: 36px;
  display: none;
}

/* line 576, app/assets/stylesheets/platforms/generic/redemptions.scss */
.plastic-redemption input:not(.primary-btn) {
  color: var(--text-color) !important;
}

/* line 584, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container input:not(.primary-btn) {
  color: var(--text-color) !important;
}

/* line 588, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .error.active {
  z-index: 1 !important;
}

/* line 591, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .fineprint {
  color: var(--light-text-color);
  margin-top: 0.625rem;
}

@media (max-width: 576px) {
  /* line 596, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .global-giving-redeem-container .first-name {
    margin-bottom: 16px;
  }
}

/* line 603, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container {
  margin-bottom: 1.875rem;
}

/* line 605, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container:not(:last-child) {
  padding-bottom: 1.875rem;
}

/* line 609, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .gg-step {
  font-family: Sentient;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.005em;
  text-align: left;
  text-transform: none !important;
  margin-bottom: 1.25rem;
}

/* line 621, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .gg-label {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

/* line 629, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .error-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0;
}

@media (max-width: 450px) {
  /* line 637, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper input#redemption_project_name::-moz-placeholder {
    color: transparent;
  }
  .global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper input#redemption_project_name::placeholder {
    color: transparent;
  }
}

/* line 642, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group {
  flex-direction: column;
}

/* line 644, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper {
  display: flex;
  align-items: flex-start;
}

/* line 647, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper label {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  /* line 647, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper label {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 647, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper label {
    font-size: 0.875rem;
  }
}

/* line 649, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper label span,
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper label a {
  font-size: inherit;
}

/* line 654, app/assets/stylesheets/platforms/generic/redemptions.scss */
.global-giving-redeem-container .global-giving-steps-container .global-giving-step-container .redemption-radio-input-wrapper .redemption-radio-group .radio-button-wrapper input {
  color: var(--base-color);
  margin-right: 4px;
  width: 24px;
  height: 24px;
}

/* line 668, app/assets/stylesheets/platforms/generic/redemptions.scss */
.description-header {
  margin-top: 8px;
  max-width: 750px;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #666666;
}

/* line 680, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-header {
  margin-top: 32px;
  white-space: nowrap;
  margin-bottom: 0.9375rem;
  font-family: Sentient;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.005em;
  text-align: left;
}

/* line 693, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-image {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 100%;
}

/* line 699, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-image .redemption-logo img {
  max-width: 285px;
  max-height: 3.375rem;
}

/* line 703, app/assets/stylesheets/platforms/generic/redemptions.scss */
.redemption-image .redemption-logo .label-2 {
  color: var(--light-text-color);
}

/* line 709, app/assets/stylesheets/platforms/generic/redemptions.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 715, app/assets/stylesheets/platforms/generic/redemptions.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 720, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: -15px;
}

/* line 725, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

@media (max-width: 1170px) {
  /* line 725, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cash-forward-steps .cards-section {
    margin-bottom: 0.75rem;
  }
}

/* line 735, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section:first-child {
  flex-grow: 1;
  flex-shrink: 0;
}

/* line 740, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section:last-child {
  flex: 1 0 24%;
}

/* line 744, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards {
  display: flex;
}

/* line 746, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper {
  padding: 8px;
  margin: -8px;
  display: flex;
  flex-direction: column;
}

/* line 751, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card {
  background: #fff;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  flex: 1;
  display: flex;
  flex-basis: 33%;
  border-radius: 24px;
  max-width: 22.125rem;
  height: 252px;
  padding: 24px 0px 0px 0px;
  gap: 16px;
  position: relative;
  margin-right: 24px;
}

/* line 766, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .body {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 46px 32px 32px 32px;
  align-items: flex-start;
}

/* line 775, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info {
  display: flex;
  flex-direction: column;
}

/* line 779, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .card-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 32px;
  left: 32px;
}

/* line 785, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .card-icon svg {
  width: 24px;
  height: 24px;
}

/* line 788, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .card-icon svg path {
  fill: var(--secondary-color) !important;
}

/* line 794, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .title {
  font-family: Sentient;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.005em;
  text-align: left;
}

/* line 804, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .description {
  margin-top: 8px;
  font-family: var(--secondary-font);
  color: var(--light-text-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

/* line 812, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cash-forward-steps .cards-section .cash-forward-cards .scroll-wrapper .step-card .card-info .description span {
  font-weight: 600;
}

/* line 823, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section {
  display: flex;
  flex-direction: row;
}

/* line 826, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .left-section {
  margin-right: 12px;
}

/* line 828, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .left-section .cf-header {
  margin-top: 0 !important;
}

/* line 831, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .left-section .step {
  font-family: Inter;
  color: var(--light-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  margin-bottom: 16px;
}

/* line 841, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .left-section .confirm-btn {
  max-width: 300px;
  padding: 5px;
}

/* line 847, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section {
  display: flex;
  flex: 0 0 40%;
  justify-content: center;
}

/* line 851, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card {
  background: #f2e9dd;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  display: flex;
  border-radius: 24px;
  max-width: 22.125rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px 0px 0px 0px;
  gap: 16px;
  position: relative;
  margin-right: 24px;
}

/* line 864, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .body {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px 46px 24px 54px;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* line 864, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cf-lower-section .right-section .step-card .body {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 878, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info {
  display: flex;
  flex-direction: column;
}

/* line 882, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .card-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  left: 18px;
}

/* line 888, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .card-icon svg {
  width: 24px;
  height: 24px;
}

/* line 891, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .card-icon svg path {
  fill: var(--secondary-color) !important;
}

/* line 897, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .title {
  font-family: var(--secondary-font);
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.005em;
  text-align: left;
}

/* line 907, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .description {
  margin-top: 8px;
  font-family: var(--secondary-font);
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

/* line 915, app/assets/stylesheets/platforms/generic/redemptions.scss */
.cf-lower-section .right-section .step-card .card-info .description span {
  font-weight: 600;
}

@media (max-width: 1100px) {
  /* line 925, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cash-forward-cards {
    flex-direction: column;
  }
  /* line 928, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cash-forward-cards .scroll-wrapper .body {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 935, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cf-lower-section {
    flex-direction: column-reverse;
  }
  /* line 937, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cf-lower-section .left-section {
    margin-right: 0 !important;
  }
  /* line 939, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .cf-lower-section .left-section .cf-header {
    margin-top: 24px !important;
  }
  /* line 945, app/assets/stylesheets/platforms/generic/redemptions.scss */
  .step-card {
    max-width: 100% !important;
    margin-bottom: 32px;
    margin-right: 0 !important;
  }
}

/* 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/profile.scss */
.profile-page-container {
  max-width: 1313px;
  margin: 0 auto;
  padding: 64px;
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/platforms/generic/profile.scss */
  .profile-page-container {
    padding: 64px 15px;
  }
}

/* line 6, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .choose-item, .profile-page-container select, .profile-page-container .delete-confirmation-input {
  border: 1px solid #ced4da !important;
  background-color: #FFF;
}

/* line 10, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards {
  position: relative;
}

/* line 13, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 18, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards h6 {
  font-family: Sentient;
  font-size: 41px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: -0.02em;
  margin-bottom: 32px;
}

/* line 26, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards h5 {
  font-family: Sentient;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.005em;
  text-transform: none !important;
}

/* line 34, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card {
  padding: 40px 5%;
  margin-top: 15px;
  border-radius: 16px;
}

/* line 38, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body {
  padding: 0;
  margin: auto;
  width: 80%;
  color: var(--light-text-color);
}

/* line 44, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body p {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

/* line 50, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .btn-danger {
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  text-transform: none !important;
}

/* line 58, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body.body {
  color: var(--light-text-color);
}

/* line 62, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .country-select button {
  border-radius: 12px;
  height: 48px;
  padding: 8px 16px;
}

/* line 67, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .align-end {
  display: flex;
  align-items: flex-end;
}

/* line 70, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .align-end .body-2 {
  font-size: 0.875rem;
}

/* line 74, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .align-middle {
  display: flex;
  align-items: center;
}

/* line 77, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .align-middle div {
  width: 100%;
}

/* line 82, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .checkbox-label .confirm-label {
  bottom: 4px;
}

/* line 84, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .checkbox-label .confirm-label a {
  color: #2D3145;
  color: var(--primary-color);
  font-weight: 400;
  text-decoration: underline;
}

/* line 93, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .select .choose-item.disabled {
  pointer-events: none;
  background: var(--disabled-btn-color);
  color: var(--link-color);
  border: 1px solid #d8d8d8;
}

/* line 98, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .select .choose-item.disabled svg {
  fill: var(--link-color);
}

/* line 104, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .email-input-wrapper label {
  width: 100%;
  margin-bottom: 0;
}

/* line 109, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .password-rules-container {
  padding: 0;
  color: var(--text-color);
}

/* line 112, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .password-rules-container ul {
  margin-bottom: 0;
}

/* line 116, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .error-msg-container {
  position: relative;
}

/* line 118, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .error-msg-container span.inline-error-msg {
  position: absolute;
  background: white;
  color: red;
  bottom: 8px;
}

/* line 125, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .section-subheader {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: var(--base-color);
  margin-bottom: 22px;
}

/* line 133, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .section-subheader.primary-email {
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}

/* line 140, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .profile-cards .profile-card .card-body .primary-email-desc {
  margin-bottom: 23px;
}

/* line 146, app/assets/stylesheets/platforms/generic/profile.scss */
.profile-page-container .btn-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  text-transform: none !important;
}

/* line 155, app/assets/stylesheets/platforms/generic/profile.scss */
.mobile-profile-tabs {
  width: 100vw;
  background: white;
  position: absolute;
  left: 0;
  z-index: 2;
  height: 56px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

/* line 164, app/assets/stylesheets/platforms/generic/profile.scss */
.mobile-profile-tabs div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 169, app/assets/stylesheets/platforms/generic/profile.scss */
.mobile-profile-tabs div a {
  padding: 15px 30px;
  text-decoration: none;
  font-weight: 400;
  color: var(--input-placeholder-color);
}

/* line 174, app/assets/stylesheets/platforms/generic/profile.scss */
.mobile-profile-tabs div a.active {
  border-bottom: 2px solid var(--text-color);
  font-weight: 600;
  color: var(--text-color);
}

/* line 180, app/assets/stylesheets/platforms/generic/profile.scss */
.mobile-profile-tabs div a:first-child {
  margin-right: 40px;
}

@media (max-width: 768px) {
  /* line 189, app/assets/stylesheets/platforms/generic/profile.scss */
  .btn-fit-content {
    margin-top: 12px;
  }
  /* line 193, app/assets/stylesheets/platforms/generic/profile.scss */
  .profile-page-container {
    padding: 2.5rem 1rem;
  }
}

/* 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/charity-projects-search.scss */
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  font-family: var(--secondary-font);
}

/* line 27, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.tt-menu .tt-dataset {
  max-height: 200px;
  overflow: scroll;
}

/* line 32, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
span.twitter-typeahead .tt-dropdown-menu {
  padding: 0;
}

/* line 36, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
span.twitter-typeahead .tt-suggestion {
  display: flex;
  width: 100%;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  padding: 10px;
}

/* line 45, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/* line 52, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* line 59, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
span.twitter-typeahead {
  width: 100%;
}

/* line 62, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}

/* line 66, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

/* line 70, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group
span.twitter-typeahead:not(:first-child):not(:last-child)
.form-control {
  border-radius: 0;
}

/* line 75, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 81, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 87, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}

/* line 90, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}

/* line 94, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}

/* line 97, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}

/* line 103, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.typeahead-image {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0px;
  flex-basis: 0%;
}

/* line 110, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.typeahead-body {
  margin-left: 15px;
  flex-basis: 100%;
}

/* line 115, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.typeahead-title {
  font-size: 14px;
  padding-right: 0px;
  padding-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* line 126, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.typeahead-summary {
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 138, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.global-giving {
  z-index: 9999999999999;
}

/* line 141, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.tt-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 8px 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin-top: -20px;
  padding: 8px 0;
  max-height: 400px;
  overflow-y: auto;
}

/* line 151, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.tt-suggestion {
  font-size: 18px;
  line-height: 24px;
}

/* line 157, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-suggestion.tt-cursor {
  background-color: var(--border-color);
  cursor: pointer;
  height: 90px;
}

/* line 164, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.tt-suggestion p {
  margin: 0;
}

/* line 167, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
.gist {
  font-size: 14px;
}

@media (min-width: 1075px) {
  /* line 172, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-image {
    flex-basis: 10%;
  }
  /* line 175, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-body {
    flex-basis: 90%;
  }
  /* line 191, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  span.twitter-typeahead .tt-suggestion {
    height: 90px;
    margin-right: -15px;
    padding: 6px 20px;
  }
}

@media (min-width: 500px) and (max-width: 1074px) {
  /* line 199, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-image {
    flex-basis: 20%;
  }
  /* line 203, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  span.twitter-typeahead .tt-suggestion {
    height: 100px;
    padding: 6px 20px;
  }
}

@media (min-width: 301px) and (max-width: 500px) {
  /* line 211, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-row-one {
    padding-left: 0px;
    height: 60px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  /* line 218, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-title,
.typeahead-summary {
    -webkit-line-clamp: 3;
  }
  /* line 222, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-title {
    font-size: 12px;
  }
  /* line 226, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-image img {
    height: 60px;
  }
  /* line 230, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .typeahead-summary {
    height: 30px;
  }
  /* line 234, app/assets/stylesheets/platforms/generic/charity-projects-search.scss */
  .tt-suggestion:hover,
.tt-suggestion:focus,
.tt-suggestion.tt-cursor {
    height: 105px;
  }
}

/* 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/instay_hotel_tile.scss */
.button-submit-wrapper {
  background: transparent;
  border: 0;
  width: 100%;
  margin-bottom: 25px;
  padding: 0;
}

/* line 9, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile {
  text-align: left;
}

/* line 12, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile:hover {
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .hotel-tile-name-container {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}

/* line 21, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .hotel-tile-name-container .hotel-tile-name {
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.2s ease-in-out;
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 1rem;
  color: var(--text-color);
  text-transform: capitalize;
  margin-right: 10px;
}

/* line 33, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .location {
  font-family: var(--secondary-font);
  font-weight: 400;
  font-size: 0.875rem;
  color: inherit;
  color: var(--light-text-color);
}

/* line 279, app/assets/stylesheets/platforms/generic/settings/fonts.scss */
.button-submit-wrapper .hotel-tile .location span,
.button-submit-wrapper .hotel-tile .location a {
  font-size: inherit;
}

/* line 37, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .hotel-tile-img-container {
  height: 295px;
  margin-bottom: 12px;
  position: relative;
}

/* line 41, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .hotel-tile-img-container .hotel-tile-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

/* line 46, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile .hotel-tile-img-container .upcoming-state,
.button-submit-wrapper .hotel-tile .hotel-tile-img-container .coming-soon-state {
  border-radius: 999px;
  top: 14px;
  left: 14px;
  position: absolute;
  background: #fff;
  opacity: 0.87;
  padding: 8px;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-size: 0.625rem;
  font-weight: 600;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* line 68, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile.enabled {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0);
}

/* line 70, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile.enabled:hover {
  cursor: pointer;
}

/* line 72, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile.enabled:hover .hotel-tile-img {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
}

/* line 75, app/assets/stylesheets/platforms/generic/instay_hotel_tile.scss */
.button-submit-wrapper .hotel-tile.enabled:hover .hotel-tile-name {
  border-bottom: 2px solid var(--text-color);
}

/* 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/extension_banner.scss */
.extension_banner {
  margin: 0 0 2rem 0;
  width: 100%;
  display: none;
}

/* line 8, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG {
  border-radius: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 36px;
  padding-right: 48px;
  background: linear-gradient(90deg, #cbaf82 0%, white 51%);
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

/* line 20, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .section1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}

/* line 27, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .section1 .wantEvenMoreCashBack {
  color: #212529;
  font-size: 26px;
  font-family: var(--primary-font);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2.6px;
  word-wrap: break-word;
}

/* line 37, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .section1 .nowEarn5CashBack {
  color: #212529;
  font-size: 18px;
  font-family: var(--secondary-font);
  font-weight: 400;
  word-wrap: break-word;
}

/* line 44, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .section1 .nowEarn5CashBack .cashBack {
  font-weight: 700;
}

/* line 50, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .downloadExtensionButton {
  margin-left: auto;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 16px;
  padding-bottom: 16px;
  background: var(--base-color);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: none;
}

/* line 63, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .downloadExtensionButton .addOurExtensionItsFree {
  text-align: center;
  color: white;
  font-size: 16px;
  font-family: var(--secondary-font);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1px;
  word-wrap: break-word;
}

/* line 75, app/assets/stylesheets/platforms/generic/extension_banner.scss */
.extension_banner .gradientBG .X {
  width: 16px;
  height: 16px;
  position: relative;
  top: -50px;
  right: -30px;
  cursor: pointer;
}

@media (max-width: 768px) {
  /* line 87, app/assets/stylesheets/platforms/generic/extension_banner.scss */
  .extension_banner {
    display: none !important;
  }
}

/* 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/mobile_banner.scss */
.mobile_banner_container {
  display: none;
  margin-top: 1rem;
}

@media (max-width: 770px) {
  /* line 3, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner_container {
    margin-top: 0 !important;
    margin-left: 24px !important;
    width: 91%;
  }
}

/* line 14, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner {
  border-radius: 16px;
  margin: 0px 15px 2rem 15px;
  display: flex;
  flex-direction: row;
  padding-right: 48px;
  gap: 32px;
  align-items: center;
  background: radial-gradient(108% 295% at 104.6% 154.59%, #1a1a1a 70%, #cbaf82 100%);
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.12);
  position: relative;
}

/* line 30, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_image {
  align-self: flex-end;
}

/* line 34, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_info {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  flex: 1;
}

/* line 42, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_info .banner_message {
  color: #fff;
  flex: 1;
  gap: 12px;
  display: flex;
  flex-direction: column;
}

/* line 49, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_info .banner_message .banner_header1 {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}

/* line 55, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_info .banner_message .banner_header2 {
  font-family: var(--secondary-font);
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
  width: 100%;
}

/* line 64, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .banner_info .download_links {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
}

/* line 72, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.mobile_banner .close_button {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

/* line 82, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
.sm_mobile_banner {
  display: none;
}

@media (max-width: 1200px) {
  /* line 87, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner {
    padding-right: 16px;
  }
  /* line 90, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner .banner_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  /* line 95, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner .banner_info .banner_message {
    text-align: center;
  }
  /* line 100, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner .download_links {
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 1030px) {
  /* line 108, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .mobile_banner {
    display: none;
  }
  /* line 112, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    border-radius: 16px;
    background: radial-gradient(2618.99% 214.73% at -14.21% -57.89%, #1a1a1a 48.16%, #cbaf82 100%), #fff;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.12);
    position: relative;
    align-self: center;
    width: 100%;
    height: 267px;
  }
  /* line 129, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_banner_message {
    display: flex;
    color: white;
    flex-direction: column;
    padding-top: 20px;
    text-align: center;
  }
  /* line 136, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_banner_message .sm_header1 {
    font-family: var(--secondary-font);
    font-size: 16px;
    font-weight: 400;
  }
  /* line 142, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_banner_message .sm_header2 {
    font-family: var(--secondary-font);
    font-size: 17px;
    font-weight: 700;
  }
  /* line 149, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_banner_image {
    margin-top: -35px;
    align-self: center;
  }
  /* line 153, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_banner_image img {
    max-width: 70vw;
  }
  /* line 158, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .sm_download_img_link {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 165, app/assets/stylesheets/platforms/generic/mobile_banner.scss */
  .sm_mobile_banner .close_button {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
}

/* 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/referral_program.scss */
.referral-program .account-balances {
  flex-wrap: nowrap !important;
  flex-direction: column !important;
}

/* line 8, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .account-balances .rewards-section {
  margin-bottom: 32px !important;
}

/* line 13, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .card-icon {
  width: 24px;
  height: 24px;
}

/* line 18, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .step-card {
  background: #fff;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 16px;
  padding: 32px;
  min-width: 208px;
  gap: 16px;
}

/* line 27, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program h2 {
  font-family: Sentient;
  font-size: 41px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-align: left;
  text-transform: none !important;
}

/* line 37, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .wrap-text {
  white-space: wrap;
}

/* line 41, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program h5 {
  margin-bottom: 0.625rem;
}

/* line 45, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .body {
  color: var(--light-text-color);
}

/* line 49, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .t-400 {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 160% */
  color: #111415;
}

/* line 58, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .t-200 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  color: #363d42;
}

/* line 67, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .t-200-strong {
  font-weight: 600 !important;
}

/* line 71, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .t-100 {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.06px;
  color: #6f787f;
}

/* line 81, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .l-300 {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  color: #111415;
}

/* line 91, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .step-card-header {
  font-family: Sentient;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
  letter-spacing: -0.08px;
  color: black;
}

/* line 101, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .subheader {
  max-width: 768px;
}

/* line 105, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .disclaimer {
  margin-top: 16px;
}

/* line 109, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .text-container {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

/* line 115, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .card-arrow-container {
  align-items: center;
}

/* line 119, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .arrow-container {
  margin: 16px;
}

/* line 123, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .rewards-info {
  gap: 16px;
}

/* line 127, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .email-card {
  background: #fff;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  padding: 24px;
  border-radius: 16px;
}

/* line 134, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .referral-email-input {
  border-radius: 12px;
  border: none;
  margin-bottom: 16px;
  height: 48px;
  padding: 12px 16px;
  box-shadow: 0px 0.5px 0.25px 0px var(--neutral-darken-200-d, rgba(12, 34, 45, 0.09)), 0px 0px 16px 0px var(--neutral-darken-100-d, rgba(22, 22, 55, 0.03)), 0px 0px 1px 0px var(--neutral-darken-400-d, rgba(10, 27, 41, 0.29)) inset;
}

/* line 146, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .referral-email-input::-moz-placeholder {
  overflow: hidden;
  color: #6f787f;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.referral-program .referral-email-input::placeholder {
  overflow: hidden;
  color: #6f787f;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 157, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .middle-section {
  gap: 37px;
}

/* line 161, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .light-gray-text {
  color: #6f787f !important;
  background-color: #e9ebec !important;
}

/* line 166, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .entered-email {
  background-color: #785827 !important;
  color: white !important;
}

/* line 171, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container {
  flex: 2;
}

/* line 174, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container .email-card {
  padding: 29px !important;
}

/* line 178, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container .earned-cashback-card {
  padding: 24px !important;
}

/* line 182, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container .circles {
  margin-top: 24px;
  gap: 16px;
}

/* line 187, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container .circle {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(226, 236, 243, 0.45);
}

/* line 194, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .earned-container .referred-email-circle {
  background-color: #917144;
}

/* line 199, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .invitations-container {
  background: #fff;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease-in-out;
  padding: 24px;
  border-radius: 16px;
}

/* line 205, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .invitations-container .top-header {
  margin-bottom: 16px;
}

/* line 209, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .invitations-container .invitations {
  border-top: 1px solid rgba(12, 34, 45, 0.09);
  padding: 0 16px 16px;
}

/* line 214, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .invitations-container .referred-email-line {
  padding: 16px 0;
  border-bottom: 1px solid rgba(12, 34, 45, 0.09);
}

/* line 220, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .request-response {
  font-size: 12px;
  font-family: Inter;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.06px;
  word-wrap: break-word;
  margin-bottom: 16px;
}

/* line 230, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .referral-success {
  color: green;
}

/* line 234, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .referral-error {
  color: #bd0026;
}

/* line 237, app/assets/stylesheets/platforms/generic/referral_program.scss */
.referral-program .referral-error svg {
  margin-right: 8px;
}

@media (max-width: 991px) {
  /* line 245, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .account-balances {
    padding: 0 !important;
  }
  /* line 249, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .step-card {
    background: inherit;
    box-shadow: none;
    padding: 0px;
    min-width: 90px;
    gap: 16px;
  }
  /* line 257, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .rewards-balance-card {
    height: 100px !important;
    min-width: 100px !important;
    box-shadow: none !important;
    background-color: inherit !important;
  }
  /* line 264, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .card-icon {
    border-radius: var(--Rounded, 999px);
    padding: 8px;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0px 0.5px 0.25px 0px var(--neutral-darken-200-d, rgba(12, 34, 45, 0.09)), 0px 0px 16px 0px var(--neutral-darken-100-d, rgba(22, 22, 55, 0.03)), 0px 0px 1px 0px var(--neutral-darken-400-d, rgba(10, 27, 41, 0.29)) inset;
  }
  /* line 276, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .card-arrow-container {
    align-items: start;
  }
  /* line 280, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .arrow-container {
    margin: 5px 0 0 0;
  }
  /* line 284, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .step-card-header {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  /* line 292, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .disclaimer {
    margin-top: 0;
  }
  /* line 296, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .invitations-container {
    padding: 24px 0 !important;
  }
}

@media (max-width: 991px) and (max-width: 500px) {
  /* line 303, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .email-address {
    max-width: 190px;
    word-wrap: break-word;
    padding-right: 10px;
  }
  /* line 309, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .mobile-text {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.06px;
    color: #363d42;
  }
  /* line 319, app/assets/stylesheets/platforms/generic/referral_program.scss */
  .referral-program .mobile-text-bold {
    font-weight: 700;
  }
}

/* line 47, app/assets/stylesheets/platforms/generic/generic.scss */
.page-contaner {
  max-width: 1313px;
  margin: 0 auto;
  padding: 64px;
}

@media (max-width: 767px) {
  /* line 47, app/assets/stylesheets/platforms/generic/generic.scss */
  .page-contaner {
    padding: 64px 15px;
  }
}

/* line 51, app/assets/stylesheets/platforms/generic/generic.scss */
.logged-in-body {
  width: 100%;
  overflow-x: hidden !important;
  padding: 0 !important;
}

/* line 56, app/assets/stylesheets/platforms/generic/generic.scss */
.logged-in-body.guestbook {
  background-color: var(--base-color);
}

/* line 61, app/assets/stylesheets/platforms/generic/generic.scss */
.form-control:disabled {
  background: var(--disabled-btn-color);
}

/* line 65, app/assets/stylesheets/platforms/generic/generic.scss */
.card {
  border-radius: 3px;
  border: 0;
}

/* line 70, app/assets/stylesheets/platforms/generic/generic.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 74, app/assets/stylesheets/platforms/generic/generic.scss */
.no-text-transform {
  text-transform: none !important;
}

/* line 78, app/assets/stylesheets/platforms/generic/generic.scss */
.body-2 {
  font-family: var(--primary-font);
  font-size: 1rem;
  color: var(--input-placeholder-color);
}

/* line 84, app/assets/stylesheets/platforms/generic/generic.scss */
body {
  font-family: var(--primary-font);
  overflow-x: hidden;
}

/* line 91, app/assets/stylesheets/platforms/generic/generic.scss */
.popup-base div.close-popup {
  position: absolute;
  top: 0;
  right: 0;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

/* line 99, app/assets/stylesheets/platforms/generic/generic.scss */
.popup-base .popup-content {
  width: 590px;
  display: flex;
  flex-direction: column;
  background: #fff;
}

@media (max-width: 576px) {
  /* line 99, app/assets/stylesheets/platforms/generic/generic.scss */
  .popup-base .popup-content {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}

/* line 110, app/assets/stylesheets/platforms/generic/generic.scss */
.popup-base .popup-content .popup-body {
  position: relative;
  padding: 50px;
}

@media (max-width: 576px) {
  /* line 110, app/assets/stylesheets/platforms/generic/generic.scss */
  .popup-base .popup-content .popup-body {
    padding: 110px 20px 50px;
  }
}

/* line 120, app/assets/stylesheets/platforms/generic/generic.scss */
.dashboard-wrapper {
  background-color: #f8f8f9;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

/* line 125, app/assets/stylesheets/platforms/generic/generic.scss */
.dashboard-wrapper .rewards-dashboard-container {
  max-width: 1313px;
  margin: 0 auto;
  padding: 64px;
}

@media (max-width: 767px) {
  /* line 125, app/assets/stylesheets/platforms/generic/generic.scss */
  .dashboard-wrapper .rewards-dashboard-container {
    padding: 64px 15px;
  }
}

/* line 130, app/assets/stylesheets/platforms/generic/generic.scss */
.input-button-wrapper {
  display: flex;
  align-items: flex-end;
}

/* line 135, app/assets/stylesheets/platforms/generic/generic.scss */
.terms-privacy {
  display: block;
  font-size: 0.875rem;
  color: #666666;
  text-align: center;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.9375rem;
}

/* line 145, app/assets/stylesheets/platforms/generic/generic.scss */
.terms-privacy a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

@media (max-width: 400px) {
  /* line 135, app/assets/stylesheets/platforms/generic/generic.scss */
  .terms-privacy {
    font-size: 0.75rem;
  }
}

/* line 156, app/assets/stylesheets/platforms/generic/generic.scss */
.primary-link {
  background: transparent;
  border: 0;
  color: #2d3145;
  color: var(--primary-color);
  font-size: 0.9375rem;
  font-weight: 600;
  font-family: var(--primary-font);
  text-decoration: none;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

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

/* line 170, app/assets/stylesheets/platforms/generic/generic.scss */
.form-control:focus {
  box-shadow: none !important;
}

/* line 174, app/assets/stylesheets/platforms/generic/generic.scss */
.focus-visible {
  outline-color: var(--primary-color);
}

/* line 178, app/assets/stylesheets/platforms/generic/generic.scss */
.select2-selection:focus {
  outline: var(--darken-border-color) auto 1px !important;
}

/* line 182, app/assets/stylesheets/platforms/generic/generic.scss */
.md-btn {
  height: 3.3125rem !important;
}

/* line 186, app/assets/stylesheets/platforms/generic/generic.scss */
.inline-input-btn {
  height: 2.375rem !important;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3125rem 0.9375rem;
}

/* line 192, app/assets/stylesheets/platforms/generic/generic.scss */
.inline-error-msg {
  color: red;
}

/* line 197, app/assets/stylesheets/platforms/generic/generic.scss */
.extension-popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* line 210, app/assets/stylesheets/platforms/generic/generic.scss */
.frame-child {
  align-self: stretch;
  width: 336px;
  position: relative;
  border-radius: 16px 0px 0px 16px;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 219, app/assets/stylesheets/platforms/generic/generic.scss */
.blue-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 336px;
  height: 100%;
  background-color: rgba(0, 0, 255, 0.1);
  pointer-events: none;
  border-radius: 16px 0px 0px 16px;
}

/* line 230, app/assets/stylesheets/platforms/generic/generic.scss */
.introducing-our-ultimate {
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 24px;
  font-weight: 600;
}

/* line 238, app/assets/stylesheets/platforms/generic/generic.scss */
.introducing-our-ultimate-trave-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* line 246, app/assets/stylesheets/platforms/generic/generic.scss */
.cash-back {
  font-weight: 500;
}

/* line 250, app/assets/stylesheets/platforms/generic/generic.scss */
.at-over-60000 {
  font-weight: 300;
}

/* line 254, app/assets/stylesheets/platforms/generic/generic.scss */
.cash-back-container {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 48px;
}

/* line 261, app/assets/stylesheets/platforms/generic/generic.scss */
.credit-card {
  font-weight: 600;
  color: #111415;
}

/* line 266, app/assets/stylesheets/platforms/generic/generic.scss */
.introducing-our-free-container {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #363d42;
  font-family: Inter;
}

/* line 275, app/assets/stylesheets/platforms/generic/generic.scss */
.cash-back-points-at-over-60-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

/* line 284, app/assets/stylesheets/platforms/generic/generic.scss */
.discover-now {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  color: white;
}

/* line 292, app/assets/stylesheets/platforms/generic/generic.scss */
.discover-now:hover {
  color: white;
  text-decoration: none;
}

/* line 298, app/assets/stylesheets/platforms/generic/generic.scss */
.discover-now-button {
  align-self: stretch;
  border-radius: 999px;
  background-color: #0966d7;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  box-sizing: border-box;
}

/* line 311, app/assets/stylesheets/platforms/generic/generic.scss */
.button-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: Inter;
}

/* line 323, app/assets/stylesheets/platforms/generic/generic.scss */
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  font-size: 40px;
  font-family: Sentient;
}

/* line 334, app/assets/stylesheets/platforms/generic/generic.scss */
.frame-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 54px;
  gap: 32px;
}

/* line 344, app/assets/stylesheets/platforms/generic/generic.scss */
.rectangle-parent {
  height: 100%;
  flex: 1;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: 16px;
  color: #111415;
  font-family: Inter;
  position: absolute;
  background: white;
  width: 800px;
  height: 496px;
  border-radius: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 367, app/assets/stylesheets/platforms/generic/generic.scss */
.frame-close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}