/* node_modules/@adyen/adyen-web/dist/es/adyen.css */
.js-iframe {
  border: none;
  color-scheme: auto;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.adyen-checkout-card-input__wrapper {
  position: relative;
}
.adyen-checkout-card-input__icon {
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  height: 18px;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  width: 27px;
}
.adyen-checkout-card-input__form {
  opacity: 1;
}
.adyen-checkout-card-input__spinner {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.adyen-checkout-card-input__spinner--active {
  display: block;
}
.adyen-checkout-card-input__form--loading {
  opacity: 0;
}
.adyen-checkout__input {
  display: block;
  max-height: 100px;
}
.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,
.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden {
  display: none;
}
.adyen-checkout__card__exp-cvc__exp-date__input--hidden {
  justify-content: flex-end;
}
.revolving-plan-installments__disabled {
  opacity: .4;
  pointer-events: none;
}
.adyen-checkout__card-input__form {
  transition: opacity .25s ease-out;
}
.adyen-checkout__card__cardNumber {
  max-width: 400px;
}
.adyen-checkout__card__cardNumber__input {
  padding-left: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__card__exp-date__input--oneclick {
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-title-line-height,26px);
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adyen-checkout__card__holderName,
.adyen-checkout__field--expiryDate,
.adyen-checkout__field--storedCard {
  margin-bottom: 0;
}
.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,
.adyen-checkout__card__holderName,
.adyen-checkout__card__kcp-authentication,
.adyen-checkout__card__socialSecurityNumber,
.adyen-checkout__installments {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__card-input.adyen-checkout__card-input--loading {
  pointer-events: none;
}
.adyen-checkout__card__holderName:first-child {
  margin: 0 0 var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__field--cardNumber .adyen-checkout-card-input__icon--hidden,
.adyen-checkout__field--cardNumber .adyen-checkout__input--error + .adyen-checkout__card__cardNumber__brandIcon,
.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand) + .adyen-checkout-input__inline-validation--valid {
  display: none;
}
.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,
.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
  opacity: 0;
}
@keyframes cvc-indicate-location {
  0% {
    opacity: 1;
  }
  to {
    opacity: .3;
  }
}
.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,
.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: cvc-indicate-location;
}
.adyen-checkout__card__cvc__hint__wrapper {
  align-items: center;
  backface-visibility: visible;
  display: flex;
  height: 100%;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  position: absolute;
  right: 0;
  transform: translateZ(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: transform .3s cubic-bezier(.455, .03, .515, .955);
  width: 27px;
  will-change: transform;
}
.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
  transform: rotateY(180deg);
}
.adyen-checkout__card__cvc__hint {
  backface-visibility: hidden;
  position: absolute;
  transition: opacity .1s linear;
}
.adyen-checkout__field__exp-date_hint_wrapper {
  align-items: center;
  display: flex;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  position: absolute;
  right: 0;
  transition: opacity .1s linear;
}
.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
  opacity: 0;
}
.adyen-checkout__field__exp-date_hint {
  height: 18px;
  width: 27px;
}
.adyen-checkout__card__cvc__hint--front {
  transform: rotateY(180deg);
}
@media (prefers-reduced-motion:reduce) {
  .adyen-checkout__card__cvc__hint__wrapper {
    transition: none;
  }
}
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
  justify-content: left;
}
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
  display: flex;
  flex-direction: column;
}
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
  margin-top: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
  margin-left: var(--adyen-sdk-spacer-070,16px);
  position: relative;
  top: 52px;
  width: 30%;
}
.adyen-checkout__card-input .adyen-checkout__fieldset--dual-brand-switcher {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__card-input .adyen-checkout__fieldset--dual-brand-switcher .adyen-checkout__fieldset__title {
  padding-bottom: 0;
}
.adyen-checkout__spinner__wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.adyen-checkout__spinner__wrapper--inline {
  display: inline-block;
  height: auto;
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-right: 0;
}
.adyen-checkout__spinner {
  height: var(--adyen-sdk-spacer-090,24px);
  position: relative;
  width: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__spinner:after,
.adyen-checkout__spinner:before {
  animation: rotate 1s cubic-bezier(.785, .135, .15, .86) infinite;
  border: var(--adyen-sdk-border-width-l,3px) solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.adyen-checkout__spinner:before {
  border-color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  border-top-color: transparent;
  opacity: .1;
}
.adyen-checkout__spinner:after {
  border-color: transparent;
  border-top-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__spinner--small {
  height: var(--adyen-sdk-spacer-070,16px);
  width: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__spinner--small:after,
.adyen-checkout__spinner--small:before {
  border-width: var(--adyen-sdk-spacer-010,2px);
}
.adyen-checkout__spinner--medium {
  height: 28px;
  width: 28px;
}
.adyen-checkout__spinner--large {
  height: var(--adyen-sdk-spacer-120,48px);
  width: var(--adyen-sdk-spacer-120,48px);
}
.adyen-checkout__spinner--large:after,
.adyen-checkout__spinner--large:before {
  border-width: var(--adyen-sdk-spacer-020,4px);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.loading-input__form {
  opacity: 1;
}
.loading-input__form--loading {
  opacity: 0;
}
.loading-input__spinner {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.loading-input__spinner--active {
  display: block;
}
.adyen-checkout__field {
  display: block;
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  width: 100%;
}
.adyen-checkout__field-static-value {
  background-color: var(--adyen-sdk-color-background-primary-hover,#f7f7f8);
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  height: 28px;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin-left: var(--adyen-sdk-spacer-020,4px);
  padding: var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-030,6px);
}
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active,
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within:hover {
  border: none;
  box-shadow: none;
}
.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:hover {
  border: none;
  box-shadow: none;
}
.adyen-checkout__input-wrapper {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  position: relative;
}
.adyen-checkout__input-wrapper div,
.adyen-checkout__input-wrapper input,
.adyen-checkout__input-wrapper span {
  border-radius: inherit;
}
.adyen-checkout__input-wrapper button,
.adyen-checkout__input-wrapper div,
.adyen-checkout__input-wrapper input {
  border: none;
}
.adyen-checkout__input-wrapper:active,
.adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__input-wrapper:focus-within:hover {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__input-wrapper:hover {
  border-color: var(--adyen-sdk-color-outline-tertiary,#8d95a3);
}
.adyen-checkout__field--inactive > .adyen-checkout__input-wrapper {
  background: var(--adyen-sdk-color-background-disabled,#eeeff1);
  border-color: transparent;
}
.adyen-checkout__field--error > :not(.adyen-checkout__label--focused) + .adyen-checkout__input-wrapper:not(:focus-within, :active) {
  border-color: var(--adyen-sdk-color-outline-critical,#e22d2d);
}
.adyen-checkout__label {
  display: block;
  position: relative;
}
.adyen-checkout__label--focused + .adyen-checkout__input-wrapper {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__label--disabled + .adyen-checkout__input-wrapper {
  background: var(--adyen-sdk-color-background-disabled,#eeeff1);
  border-color: transparent;
}
.adyen-checkout__helper-text {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: block;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout__label-adornment--end {
  position: absolute;
  right: 0;
  top: 0;
}
.adyen-checkout__label__text {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin-bottom: var(--adyen-sdk-spacer-020,4px);
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .1s ease-out;
  white-space: nowrap;
}
.adyen-checkout__label__text--error {
  color: var(--adyen-sdk-color-label-critical,#c72727);
}
.adyen-checkout__label--focused .adyen-checkout__label__text {
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout-contextual-text,
.adyen-checkout-contextual-text--error {
  align-items: center;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-top: var(--adyen-sdk-spacer-020,4px);
  opacity: 1;
  transition: margin .2s ease-out, opacity .2s ease-out;
}
.adyen-checkout-contextual-text--error {
  color: var(--adyen-sdk-color-label-critical,#c72727);
}
.adyen-checkout-contextual-text--hidden {
  height: 0;
  margin: 0;
  opacity: 0;
}
.adyen-checkout__filter-input:-webkit-autofill,
.adyen-checkout__input:-webkit-autofill {
  color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  -webkit-text-fill-color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  box-shadow: 0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.adyen-checkout__filter-input:-webkit-autofill,
.adyen-checkout__filter-input:-webkit-autofill:active,
.adyen-checkout__filter-input:-webkit-autofill:focus,
.adyen-checkout__filter-input:-webkit-autofill:hover,
.adyen-checkout__filter-input:autofill,
.adyen-checkout__input:-webkit-autofill,
.adyen-checkout__input:-webkit-autofill:active,
.adyen-checkout__input:-webkit-autofill:focus,
.adyen-checkout__input:-webkit-autofill:hover,
.adyen-checkout__input:autofill {
  color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  -webkit-text-fill-color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-color: var(--adyen-sdk-color-label-primary,#00112c) !important;
  box-shadow: 0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.adyen-checkout__filter-input,
.adyen-checkout__input {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: var(--adyen-sdk-color-label-primary,#00112c) !important;
}
.adyen-checkout__field-wrapper {
  display: flex;
  width: 100%;
}
@media (min-width:480px) {
  .adyen-checkout__field--20 {
    width: 20%;
  }
  .adyen-checkout__field--30 {
    width: 30%;
  }
  .adyen-checkout__field--40 {
    width: 40%;
  }
  .adyen-checkout__field--50 {
    width: 50%;
  }
  .adyen-checkout__field--60 {
    width: 60%;
  }
  .adyen-checkout__field--70 {
    width: 70%;
  }
  .adyen-checkout__field--80 {
    width: 80%;
  }
  .adyen-checkout__field--col-20 {
    width: calc(20% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-30 {
    width: calc(30% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-40 {
    width: calc(40% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-50 {
    width: calc(50% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-60 {
    width: calc(60% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-70 {
    width: calc(70% - var(--adyen-sdk-spacer-040, 8px));
  }
  .adyen-checkout__field--col-80 {
    width: calc(80% - var(--adyen-sdk-spacer-040, 8px));
  }
}
.adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-right: 0;
}
.adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: var(--adyen-sdk-spacer-040,8px);
}
[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 0;
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__field-wrapper:last-of-type > .adyen-checkout__field {
  margin-bottom: 0;
}
.adyen-checkout__input {
  background: inherit;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: block;
  font-family: inherit;
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  height: var(--adyen-sdk-spacer-110,40px);
  outline: none;
  padding-left: var(--adyen-sdk-spacer-060,12px);
  transition: border .2s ease-out, box-shadow .2s ease-out;
  width: 100%;
}
.adyen-checkout__input:required {
  box-shadow: none;
}
.adyen-checkout__input:-moz-read-only {
  color: var(--adyen-sdk-color-label-secondary,#5c687c) !important;
  cursor: default;
}
.adyen-checkout__input:disabled,
.adyen-checkout__input:read-only {
  color: var(--adyen-sdk-color-label-secondary,#5c687c) !important;
  cursor: default;
}
span.adyen-checkout__input {
  overflow: hidden;
}
.adyen-checkout-input__inline-validation {
  height: var(--adyen-sdk-spacer-070,16px);
  margin-right: var(--adyen-sdk-spacer-060,12px);
  width: var(--adyen-sdk-spacer-070,16px);
}
[dir=rtl] .adyen-checkout-input__inline-validation {
  margin-left: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-input__inline-validation > .adyen-checkout__icon {
  display: block;
}
.adyen-checkout-input__inline-validation--valid {
  color: var(--adyen-sdk-color-label-success,#07893c);
}
.adyen-checkout-input__inline-validation--invalid {
  color: var(--adyen-sdk-color-label-critical,#c72727);
}
.adyen-checkout__input--date {
  padding: .5em;
}
.adyen-checkout__fieldset {
  border: none;
  display: block;
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin: 0;
  padding-block-start: 0;
  padding-bottom: var(--adyen-sdk-spacer-040,8px);
  padding-block-end: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  width: 100%;
}
.adyen-checkout__fieldset__description {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: 1.5;
  list-style-type: disc;
  margin: 0;
}
.adyen-checkout__fieldset:last-of-type {
  padding-bottom: 0;
}
.adyen-checkout__fieldset + .adyen-checkout__fieldset {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__fieldset__title {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: block;
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: var(--adyen-sdk-text-subtitle-stronger-font-weight,600);
  font-weight: var(--adyen-sdk-text-subtitle-font-weight,500);
  line-height: var(--adyen-sdk-text-subtitle-line-height,26px);
  margin: 0;
  padding: 0 0 var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__fieldset__title:has(+ .adyen-checkout__fieldset__description) {
  padding: 0;
}
.adyen-checkout__field-group,
.adyen-checkout__fieldset__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media (min-width:480px) {
  .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
    margin-bottom: 0;
  }
}
.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,
:not(.adyen-checkout__field-group) > .adyen-checkout__field:last-of-type {
  margin-bottom: 0;
}
.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0;
}
.adyen-checkout__radio_group + .adyen-checkout-input__inline-validation {
  display: none;
}
.adyen-checkout__radio_group__input {
  opacity: 0;
  position: absolute;
}
.adyen-checkout__radio_group__label {
  color: inherit;
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: 400;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin: 0;
  overflow: visible;
  padding-bottom: 0;
  padding-left: var(--adyen-sdk-spacer-090,24px);
  position: relative;
}
.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
  color: inherit;
}
.adyen-checkout__radio_group__label:before {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  border-radius: 50%;
  content: "";
  height: var(--adyen-sdk-spacer-070,16px);
  left: 0;
  position: absolute;
  top: var(--adyen-sdk-spacer-010,2px);
  transition: border-color .2s ease-out, box-shadow .2s ease-out;
  width: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__radio_group__label:hover:before {
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
  cursor: pointer;
}
.adyen-checkout__radio_group__label:after {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 15, 45, .25);
  content: "";
  display: block;
  height: var(--adyen-sdk-spacer-030,6px);
  left: 5px;
  margin: 0 auto;
  position: absolute;
  top: 7px;
  transform: scale(0);
  transition: transform .2s ease-out;
  width: var(--adyen-sdk-spacer-030,6px);
}
.adyen-checkout__radio_group__label:hover {
  border-color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
}
.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__label--selected {
  background-color: var(--adyen-sdk-color-label-primary,#00112c);
  border: 0;
  transition: all .2s ease-out;
}
.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
  transform: scale(1);
}
.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
  border-color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:hover:before,
.adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3);
}
.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d);
}
.adyen-checkout__radio_group--button {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--adyen-sdk-spacer-070,16px);
  width: 100%;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper {
  display: flex;
  flex: 1 0 0;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:after {
  left: calc(var(--adyen-sdk-spacer-060, 12px) + 5px);
  position: absolute;
  top: calc(50% - var(--adyen-sdk-spacer-030, 6px)/2);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:before {
  left: calc(var(--adyen-sdk-spacer-060, 12px));
  position: absolute;
  top: calc(50% - var(--adyen-sdk-spacer-070, 16px)/2);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  padding: var(--adyen-sdk-spacer-060,12px);
  padding-left: calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));
  width: 100%;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input + .adyen-checkout__radio_group__label:hover,
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label,
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__image {
  opacity: 0;
  transition: opacity .6s ease-out;
}
.adyen-checkout__image--loaded {
  opacity: 1;
}
.adyen-checkout__dropdown__button-icon--left {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.adyen-checkout__dropdown__button-icon--left > img {
  margin-left: 0;
  margin-right: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__dropdown {
  max-width: 100%;
  position: relative;
}
.adyen-checkout__dropdown,
.adyen-checkout__dropdown__button {
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  width: 100%;
}
.adyen-checkout__dropdown__button {
  align-items: center;
  background: inherit;
  border-radius: inherit;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
  display: flex;
  height: var(--adyen-sdk-spacer-110,40px);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  outline: 0;
  padding: 0 var(--adyen-sdk-spacer-060,12px);
  text-decoration: none;
  transition: border .2s ease-out, box-shadow .2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[dir=rtl] .adyen-checkout__dropdown__button {
  padding: 7px var(--adyen-sdk-spacer-060,12px) 7px var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__dropdown__button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%2300112C' fill-rule='evenodd' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: var(--adyen-sdk-spacer-030,6px);
  position: absolute;
  right: var(--adyen-sdk-spacer-070,16px);
  width: var(--adyen-sdk-spacer-040,8px);
}
[dir=rtl] .adyen-checkout__dropdown__button:after {
  left: var(--adyen-sdk-spacer-070,16px);
  right: auto;
}
.adyen-checkout__dropdown__button--active:after {
  transform: rotate(180deg);
}
.adyen-checkout__dropdown__button--disabled {
  opacity: .4;
}
.adyen-checkout__dropdown__button--readonly,
.adyen-checkout__dropdown__button--readonly--active,
.adyen-checkout__dropdown__button--readonly:focus,
.adyen-checkout__dropdown__button--readonly:hover {
  background: var(--adyen-sdk-color-background-disabled,#eeeff1);
  border-color: transparent;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: not-allowed;
}
.adyen-checkout__dropdown__button--readonly:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E");
}
.adyen-checkout__dropdown__button--invalid {
  border-color: var(--adyen-sdk-color-outline-critical,#e22d2d);
}
.adyen-checkout__dropdown__button__icon {
  border-radius: 3px;
  height: 26px;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  max-width: var(--adyen-sdk-spacer-110,40px);
}
.adyen-checkout__dropdown__button__text {
  flex-grow: 1;
  overflow: hidden;
  pointer-events: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adyen-checkout__dropdown__button__text-placeholder {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
}
.adyen-checkout__dropdown__button__secondary-text {
  margin-right: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__filter-input {
  background: inherit;
  border: 0;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-family: inherit;
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  height: 100%;
  padding: 0;
  width: 100%;
}
.adyen-checkout__filter-input:active,
.adyen-checkout__filter-input:focus {
  outline: 0;
}
.adyen-checkout__filter-input[readonly] {
  border-color: transparent;
  color: var(--adyen-sdk-color-label-secondary,#5c687c) !important;
  cursor: not-allowed;
}
.adyen-checkout__dropdown__list {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  box-shadow: 0 var(--adyen-sdk-spacer-010,2px) 7px rgba(0, 15, 45, .3);
  display: none;
  list-style: none;
  margin: 0 0 var(--adyen-sdk-spacer-120,48px);
  max-height: 375px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
  display: block;
  margin-top: var(--adyen-sdk-spacer-010,2px);
}
.adyen-checkout__dropdown__element {
  align-items: center;
  border: var(--adyen-sdk-border-width-s,1px) solid transparent;
  cursor: pointer;
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  outline: 0;
  padding: var(--adyen-sdk-spacer-040,8px);
  transition: background .2s ease-out, border-color .2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  word-break: break-word;
}
.adyen-checkout__dropdown__element .adyen-checkout__icon {
  position: absolute;
  right: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__dropdown__element:last-child {
  border-bottom: 0;
}
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
  background: rgba(230, 233, 235, .6);
}
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
  background: rgba(0, 102, 255, .1);
}
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
  background: rgba(0, 102, 255, .15);
}
.adyen-checkout__dropdown__element--disabled {
  cursor: not-allowed;
  opacity: .4;
}
.adyen-checkout__dropdown__element__icon {
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  margin-right: var(--adyen-sdk-spacer-060,12px);
  max-height: 26px;
  max-width: var(--adyen-sdk-spacer-110,40px);
}
.adyen-checkout__dropdown__element__text {
  flex-grow: 1;
}
.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__dropdown__element__flag {
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-right: var(--adyen-sdk-spacer-050,10px);
  max-height: 18px;
  max-width: 27px;
}
.adyen-checkout__dropdown + .adyen-checkout-input__inline-validation {
  right: var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__installments .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.adyen-checkout__installments .adyen-checkout__input-wrapper:active,
.adyen-checkout__installments .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within:hover {
  box-shadow: none;
}
.adyen-checkout__installments .adyen-checkout__fieldset--revolving-plan {
  margin-top: -5px;
}
.adyen-checkout-disclaimer__label {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  display: inline-block;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: 400;
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
  padding-left: 0;
}
[dir=rtl] .adyen-checkout-disclaimer__label {
  padding-right: 0;
}
.adyen-checkout-link {
  --text-decoration:none;
  color: var(--adyen-sdk-color-label-highlight,#0070f5);
  -webkit-text-decoration: var(--text-decoration);
  text-decoration: var(--text-decoration);
}
.adyen-checkout-link:focus-visible {
  outline: none;
}
.adyen-checkout-link:active,
.adyen-checkout-link:hover {
  --text-decoration:underline;
}
.adyen-checkout-link:focus-visible {
  border-radius: var(--adyen-sdk-border-radius-xs,2px);
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));
  transition: .1s cubic-bezier(.785, .135, .15, .86);
}
.adyen-checkout__card__dual-branding__icons {
  display: flex;
  pointer-events: auto;
}
.adyen-checkout__card__dual-branding__icons .adyen-checkout__card__cardNumber__brandIcon {
  cursor: inherit;
  opacity: 1;
}
.adyen-checkout__card__dual-branding__icons .adyen-checkout__card__cardNumber__brandIcon:first-child {
  right: var(--adyen-sdk-spacer-110,40px);
}
.adyen-checkout__card__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
  margin-top: -12px;
  min-height: var(--adyen-sdk-spacer-090,24px);
  transition: all .3s ease-out;
}
.adyen-checkout__card__brands__brand-wrapper {
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  display: inline-block;
  height: var(--adyen-sdk-spacer-070,16px);
  margin: var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-010,2px);
  overflow: hidden;
  position: relative;
  width: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__card__brands--hidden {
  margin: -8px 0 8px;
  max-height: 0;
  min-height: 0;
  opacity: 0;
}
.adyen-checkout__card__brands img {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.adyen-checkout__checkbox {
  display: flex;
  width: 100%;
}
.adyen-checkout__checkbox__label {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: 400;
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  padding-left: var(--adyen-sdk-spacer-090,24px);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[dir=rtl] .adyen-checkout__checkbox__label {
  padding-left: 0;
  padding-right: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__checkbox__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before {
  opacity: 1;
}
.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after {
  background-color: var(--adyen-sdk-color-label-primary,#00112c);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
  border-color: var(--adyen-sdk-color-label-primary,#00112c);
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3);
}
.adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after {
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3);
}
.adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
  border-color: var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
}
.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  border-bottom: var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);
  border-left: 1px solid transparent;
  border-radius: 0 var(--adyen-sdk-spacer-010,2px) 1px;
  border-right: var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);
  border-top: 1px solid transparent;
  content: "";
  height: 11px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: var(--adyen-sdk-spacer-010,2px);
  transform: rotate(37deg);
  transform-origin: 100% 100%;
  transition: opacity .2s ease-out;
  width: var(--adyen-sdk-spacer-030,6px);
  z-index: 1;
}
[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  left: auto;
  right: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  content: "";
  height: var(--adyen-sdk-spacer-070,16px);
  left: 0;
  position: absolute;
  top: 0;
  transition:
    background .15s ease-out,
    border .05s ease-out,
    box-shadow .1s ease-out;
  width: var(--adyen-sdk-spacer-070,16px);
  z-index: 0;
}
[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  left: auto;
  right: 0;
}
.adyen-checkout__field--consentCheckbox {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
}
.adyen-checkout__field--consentCheckbox,
[dir=rtl] .adyen-checkout__field--consentCheckbox {
  padding: var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
  flex: 1;
  justify-content: space-between;
}
.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active,
.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within:hover {
  box-shadow: none;
}
.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
  border-color: var(--adyen-sdk-color-outline-critical,#e22d2d);
}
.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
  margin-right: 0;
}
[dir=rtl] .adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
  margin-left: 0;
}
.adyen-checkout__store-details {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  gap: var(--adyen-sdk-spacer-060,12px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__address-search {
  position: relative;
}
.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: var(--adyen-sdk-spacer-070,16px);
  left: var(--adyen-sdk-spacer-060,12px);
  position: absolute;
  width: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  transform: none;
}
.adyen-checkout__address-search .adyen-checkout__filter-input {
  padding-left: calc(var(--adyen-sdk-spacer-040, 8px) + var(--adyen-sdk-spacer-070, 16px));
  position: relative;
}
.adyen-checkout__address-search__manual-add {
  position: absolute;
  right: 0;
  top: 0;
}
.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
  border: 0;
  padding: 0;
}
.adyen-checkout__input-icon {
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  height: 18px;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  width: 27px;
}
.adyen-checkout__input-icon--hidden {
  display: none;
}
.adyen-checkout__input-icon--no-radio-icon {
  margin-left: calc(var(--adyen-sdk-spacer-090, 24px)*-1);
}
.adyen-checkout__radio_group__label--no-radio {
  color: inherit;
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: 400;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin: 0;
  overflow: visible;
  padding-bottom: 0;
  padding-left: var(--adyen-sdk-spacer-090,24px);
  position: relative;
}
.adyen-checkout__radio_group__label--no-radio:hover {
  border-color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
}
.adyen-checkout__label--focused .adyen-checkout__radio_group__label--no-radio {
  color: inherit;
}
.adyen-checkout__radio_group__label--no-radio.adyen-checkout__radio_group__label--no-radio--invalid {
  color: var(--adyen-sdk-color-outline-critical,#e22d2d);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label--no-radio {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  padding: var(--adyen-sdk-spacer-060,12px);
  padding-left: calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));
  width: 100%;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label--no-radio {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input + .adyen-checkout__radio_group__label--no-radio:hover {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label--no-radio,
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label--no-radio {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label--no-radio {
  outline: var(--adyen-sdk-border-width-m,2px) solid var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper {
  display: flex;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout__radio_group-extended__label {
  width: 100%;
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout-input__inline-validation {
  display: none;
  margin-right: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__radio_group--button .adyen-checkout__radio_group-extended__label-wrapper .adyen-checkout-input__inline-validation.adyen-checkout-input__inline-validation--valid {
  display: block;
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-top: 1px;
}
@media (max-width:480px) {
  .adyen-checkout__radio_group__input-wrapper.adyen-checkout__field--50 {
    min-width: 100%;
  }
}
.adyen-checkout-form-instruction {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  margin-top: 0;
}
[dir=rtl] .adyen-checkout-form-instruction {
  padding-right: 0;
}
.adyen-checkout-toggle {
  color: inherit;
  cursor: pointer;
  display: flex;
  width: auto;
}
.adyen-checkout-toggle,
.adyen-checkout-toggle *,
.adyen-checkout-toggle :after,
.adyen-checkout-toggle :before,
.adyen-checkout-toggle:after,
.adyen-checkout-toggle:before {
  box-sizing: border-box;
}
.adyen-checkout-toggle--disabled {
  cursor: not-allowed;
  display: flex;
}
.adyen-checkout-toggle--readonly {
  pointer-events: none;
}
.adyen-checkout-toggle--label-first {
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.adyen-checkout-toggle__input {
  cursor: inherit;
  opacity: 0;
  position: absolute;
}
.adyen-checkout-toggle__track {
  align-items: center;
  background-color: var(--adyen-sdk-toggle-track-background-color,#ffffff);
  border: var(--adyen-sdk-toggle-track-border,1px solid #8d95a3);
  border-radius: var(--adyen-sdk-toggle-track-border-radius,12px);
  display: flex;
  height: var(--adyen-sdk-toggle-track-height,20px);
  min-width: var(--adyen-sdk-toggle-track-width,36px);
  padding: var(--adyen-sdk-toggle-track-padding,2px 4px);
  position: relative;
}
.adyen-checkout-toggle__input:focus-visible + .adyen-checkout-toggle__track {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));
  transition: .1s cubic-bezier(.785, .135, .15, .86);
}
.adyen-checkout-toggle__input:hover:enabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-hover-background-color,#f7f7f8);
  border-color: var(--adyen-sdk-toggle-track-hover-border-color,#6d7789);
}
.adyen-checkout-toggle__input:active:enabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-active-background-color,#eeeff1);
  border-color: var(--adyen-sdk-toggle-track-active-border-color,#00112c);
}
.adyen-checkout-toggle__input:disabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-disabled-background-color,#f7f7f8);
  border-color: var(--adyen-sdk-toggle-track-disabled-border-color,#dbdee2);
  cursor: not-allowed;
}
.adyen-checkout-toggle__input:disabled + .adyen-checkout-toggle__track path {
  fill: #8d95a3;
}
.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-readonly-background-color,#f7f7f8);
  border-color: var(--adyen-sdk-toggle-track-readonly-border-color,#dbdee2);
}
.adyen-checkout-toggle__input:checked + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-toggled-background-color,#00112c);
  border: var(--adyen-sdk-toggle-track-toggled-border,0);
  padding: var(--adyen-sdk-toggle-track-toggled-padding,2px);
}
.adyen-checkout-toggle__input:checked:hover:enabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-toggled-hover-background-color,#5c687c);
}
.adyen-checkout-toggle__input:checked:active:enabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-toggled-active-background-color,#8d95a3);
}
.adyen-checkout-toggle__input:checked:disabled + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-toggled-disabled-background-color,#c0c5cc);
}
.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input:checked + .adyen-checkout-toggle__track {
  background-color: var(--adyen-sdk-toggle-track-toggled-readonly-background-color,#c0c5cc);
}
.adyen-checkout-toggle__handle {
  align-content: center;
  background-color: var(--adyen-sdk-toggle-handle-background-color,#00112c);
  border-radius: var(--adyen-sdk-toggle-handle-border-radius,12px);
  color: var(--adyen-sdk-toggle-handle-toggled-color,#00112c);
  display: inline-flex;
  height: var(--adyen-sdk-toggle-handle-height,12px);
  justify-content: center;
  transition: var(--adyen-sdk-toggle-handle-transition,transform .15s cubic-bezier(.2,0,.4,.9));
  width: var(--adyen-sdk-toggle-handle-width,12px);
}
.adyen-checkout-toggle__input:disabled + * .adyen-checkout-toggle__handle {
  background-color: var(--adyen-sdk-toggle-handle-disabled-background-color,#8d95a3);
  cursor: not-allowed;
}
.adyen-checkout-toggle__input:checked + * .adyen-checkout-toggle__handle {
  background-color: var(--adyen-sdk-toggle-handle-toggled-background-color,#ffffff);
  height: var(--adyen-sdk-toggle-handle-toggled-height,16px);
  transform: translateX(100%);
  width: var(--adyen-sdk-toggle-handle-toggled-width,16px);
}
.adyen-checkout-toggle__input:checked:disabled + * .adyen-checkout-toggle__handle {
  background-color: var(--adyen-sdk-toggle-handle-toggled-disabled-background-color,#eeeff1);
  color: var(--adyen-sdk-toggle-handle-toggled-disabled-color,#8d95a3);
  cursor: not-allowed;
}
.adyen-checkout-toggle--readonly .adyen-checkout-toggle__input:checked + * .adyen-checkout-toggle__handle {
  background-color: var(--adyen-sdk-toggle-handle-toggled-readonly-background-color,#eeeff1);
}
.adyen-checkout-toggle__label-container {
  display: flex;
  flex-direction: column;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  padding-left: var(--adyen-sdk-toggle-label-padding,16px);
}
.adyen-checkout-toggle--label-first > .adyen-checkout-toggle__label-container {
  padding-left: 0;
  padding-right: var(--adyen-sdk-toggle-label-padding,16px);
}
.adyen-checkout-toggle__label {
  vertical-align: baseline;
}
.adyen-checkout-toggle__description,
.adyen-checkout-toggle__label {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
}
.adyen-checkout-toggle__description {
  color: var(--adyen-sdk-toggle-description-color,#5c687c);
  padding-top: var(--adyen-sdk-toggle-description-padding,4px);
}
.adyen-checkout__modal-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: var(--adyen-sdk-spacer-090,24px);
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.adyen-checkout__modal-wrapper:before {
  background: rgba(0, 17, 44, .5);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .3s linear;
  width: 100%;
  z-index: 10;
}
.adyen-checkout__modal-wrapper--open {
  visibility: visible;
}
.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,
.adyen-checkout__modal-wrapper--open:before {
  opacity: 1;
}
.adyen-checkout__modal {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  box-shadow: 0 var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-090,24px) rgba(0, 17, 44, .15);
  margin: auto;
  opacity: 0;
  padding: var(--adyen-sdk-spacer-070,16px);
  position: relative;
  transition: opacity .2s ease, visibility .2s ease;
  z-index: 11;
}
.adyen-checkout__button {
  background: var(--adyen-sdk-color-background-always-dark,#00112c);
  border: 0;
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  color: var(--adyen-sdk-color-label-on-color,#ffffff);
  cursor: pointer;
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  height: var(--adyen-sdk-spacer-120,48px);
  margin: 0;
  padding: var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-000,0);
  text-decoration: none;
  transition: background .3s ease-out, box-shadow .3s ease-out;
  width: 100%;
}
.adyen-checkout__button:focus {
  box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  outline: 0;
}
.adyen-checkout__button:hover {
  background: var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);
  box-shadow:
    0 0,
    0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) -1px rgba(0, 0, 0, .2),
    0 var(--adyen-sdk-spacer-020,4px) 5px 0 rgba(0, 0, 0, .14);
}
.adyen-checkout__button:active {
  background: var(--adyen-sdk-color-background-always-dark-active,#8d95a3);
}
.adyen-checkout__button:hover:focus {
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3), 0 3px var(--adyen-sdk-spacer-020,4px) rgba(0, 15, 45, .2);
}
.adyen-checkout__button:disabled,
.adyen-checkout__button:disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}
.adyen-checkout__button.adyen-checkout__button--loading {
  background: var(--adyen-sdk-color-label-disabled,#8d95a3);
  box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__button.adyen-checkout__button--pay {
  display: flex;
  justify-content: center;
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__button.adyen-checkout__button--pay:disabled {
  opacity: .4;
}
.adyen-checkout__button.adyen-checkout__button--standalone {
  margin-top: 0;
}
.adyen-checkout__button.adyen-checkout__button--inline {
  display: block;
  font-size: .81em;
  height: auto;
  padding: var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-040,8px);
  width: auto;
}
.adyen-checkout__button.adyen-checkout__button--ghost {
  background: none;
  border: 0;
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:before {
  border-color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  border-top-color: transparent;
  opacity: .1;
}
.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:after {
  border-color: transparent;
  border-top-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__button.adyen-checkout__button--ghost:hover {
  background: var(--adyen-sdk-color-background-secondary-hover,#eeeff1);
  box-shadow: none;
}
.adyen-checkout__button.adyen-checkout__button--ghost:active {
  background: var(--adyen-sdk-color-background-secondary-active,#e3e5e9);
  box-shadow: none;
}
.adyen-checkout__button.adyen-checkout__button--secondary {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  padding: var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:before {
  border-color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  border-top-color: transparent;
  opacity: .1;
}
.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:after {
  border-color: transparent;
  border-top-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout__button.adyen-checkout__button--secondary:hover {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  box-shadow: 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) rgba(27, 42, 60, .2), 0 var(--adyen-sdk-spacer-020,4px) 5px rgba(27, 42, 60, .14);
}
.adyen-checkout__button.adyen-checkout__button--secondary:active,
.adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  box-shadow: none;
}
.adyen-checkout__button.adyen-checkout__button--secondary:focus {
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  outline: 0;
}
.adyen-checkout__button.adyen-checkout__button--secondary:disabled,
.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
  background-color: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border-color: var(--adyen-sdk-color-outline-disabled,#dbdee2);
  box-shadow: none;
  cursor: not-allowed;
  opacity: .5;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}
.adyen-checkout__button.adyen-checkout__button--action {
  background: var(--adyen-sdk-color-background-always-dark,#00112c);
  border: var(--adyen-sdk-border-width-s,1px) solid transparent;
  color: var(--adyen-sdk-color-label-on-color,#ffffff);
  padding: var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__button.adyen-checkout__button--action:hover {
  background: var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);
  box-shadow: none;
}
.adyen-checkout__button.adyen-checkout__button--action:active,
.adyen-checkout__button.adyen-checkout__button--action:active:hover {
  background: var(--adyen-sdk-color-background-always-dark-active,#8d95a3);
  box-shadow: none;
}
.adyen-checkout__button.adyen-checkout__button--link {
  background: transparent;
  border: var(--adyen-sdk-border-width-s,1px) solid transparent;
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  color: var(--adyen-sdk-color-label-highlight,#0070f5);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  padding: var(--adyen-sdk-spacer-010,2px);
  text-decoration: none;
}
.adyen-checkout__button.adyen-checkout__button--link:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}
.adyen-checkout__button.adyen-checkout__button--completed,
.adyen-checkout__button.adyen-checkout__button--completed:active,
.adyen-checkout__button.adyen-checkout__button--completed:active:hover,
.adyen-checkout__button.adyen-checkout__button--completed:hover {
  background: var(--adyen-sdk-color-label-success,#07893c);
  color: var(--adyen-sdk-color-label-on-color,#ffffff);
}
.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
  filter: brightness(0) invert(1);
}
.adyen-checkout__button__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.adyen-checkout__button__icon {
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
[dir=rtl] .adyen-checkout__button__icon {
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-right: 0;
}
.adyen-checkout__button__text {
  display: block;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adyen-checkout__button__text--sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.adyen-checkout__button .adyen-checkout__spinner:before {
  border-color: var(--adyen-sdk-color-label-on-color,#ffffff);
  border-top-color: transparent;
  opacity: .1;
}
.adyen-checkout__button .adyen-checkout__spinner:after {
  border-color: transparent;
  border-top-color: var(--adyen-sdk-color-label-on-color,#ffffff);
}
.adyen-checkout-card-fastlane__modal {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  max-width: 372px;
}
.adyen-checkout-card-fastlane__modal-section {
  -moz-column-gap: var(--adyen-sdk-spacer-070,16px);
  column-gap: var(--adyen-sdk-spacer-070,16px);
  display: grid;
  grid-template-areas: "image header" ". text";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
  place-items: start;
}
.adyen-checkout-card-fastlane__modal-section-image {
  grid-area: image;
  place-self: center;
}
.adyen-checkout-card-fastlane__modal-section-header {
  color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  font-size: var(--adyen-sdk-text-title-m-font-size,1.25rem);
  font-weight: var(--adyen-sdk-text-title-m-font-weight,600);
  grid-area: header;
  line-height: var(--adyen-sdk-text-title-m-line-height,30px);
  margin: 0;
}
.adyen-checkout-card-fastlane__modal-section-text {
  color: var(--adyen-sdk-color-background-inverse-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  grid-area: text;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
}
.adyen-checkout-card-fastlane__modal-brand {
  height: 23px;
  margin-top: var(--adyen-sdk-spacer-040,8px);
  width: 168px;
}
.adyen-checkout-card-fastlane__modal-button-container {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-card-fastlane__modal-button-container > button {
  line-height: 0;
}
.adyen-checkout-card__fastlane {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-card__fastlane,
[dir=rtl] .adyen-checkout-card__fastlane {
  padding: var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-card__fastlane-consent-toggle {
  display: flex;
}
.adyen-checkout-card__fastlane-consent-text,
.adyen-checkout-card__fastlane-consent-toggle--active {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-card__fastlane-consent-text {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
}
.adyen-checkout-card__fastlane-brand {
  height: 23px;
  width: 168px;
}
.adyen-checkout__button.adyen-checkout__button--fastlane-info-modal {
  height: 20px;
  line-height: 0;
  margin-left: var(--adyen-sdk-spacer-020,4px);
  padding: 0;
  vertical-align: bottom;
  width: 20px;
}
.adyen-checkout-ctp__otp-resend-code-wrapper {
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.adyen-checkout-ctp__otp-resend-code--confirmation,
.adyen-checkout-ctp__otp-resend-code--disabled {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  cursor: default;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  margin-left: auto;
  pointer-events: none;
}
.adyen-checkout-ctp__otp-resend-code--confirmation {
  align-items: center;
  display: flex;
}
.adyen-checkout-ctp__otp-resend-code--confirmation > img {
  margin-left: var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout-ctp__otp-resend-code-counter {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: default;
  display: inline-block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  margin-left: auto;
  text-align: right;
}
.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--otp {
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-ctp__otp-field-wrapper {
  position: relative;
}
.adyen_checkout-ctp__brand-wrapper {
  align-items: center;
  display: flex;
  height: 18px;
}
.adyen_checkout-ctp__brand-logo {
  margin-right: var(--adyen-sdk-spacer-030,6px);
  width: var(--adyen-sdk-spacer-090,24px);
}
.adyen_checkout-ctp__brand-pipe {
  height: 15px;
  margin-right: var(--adyen-sdk-spacer-030,6px);
}
.adyen_checkout-ctp__brand-scheme {
  margin-right: var(--adyen-sdk-spacer-030,6px);
  -o-object-fit: none;
  object-fit: none;
}
.adyen_checkout-ctp__brand-scheme-mc {
  width: 27px;
}
.adyen_checkout-ctp__brand-scheme-visa {
  width: 35px;
}
.adyen-checkout__ctp-modal-header-image {
  display: block;
  margin: auto;
}
.adyen-checkout__ctp-modal-title {
  font-size: var(--adyen-sdk-text-title-m-font-size,1.25rem);
  font-weight: 700;
  line-height: var(--adyen-sdk-spacer-090,24px);
  margin: 0 0 var(--adyen-sdk-spacer-060,12px);
  padding: 0;
}
.adyen-checkout__ctp-modal-text {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__ctp-modal-benefits {
  margin-left: 0;
  padding-left: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout__ctp-modal-benefits li {
  list-style: disc;
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
  max-width: 464px;
}
.adyen_checkout-ctp__brand-wrapper--popup {
  justify-content: center;
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
}
.adyen-web__ctp-info-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.adyen-checkout__button--section-logout-button {
  margin-left: auto;
}
.adyen-checkout__button--section-logout-button--disabled {
  color: var(--adyen-sdk-color-label-disabled,#8d95a3);
  pointer-events: none;
}
.adyen-checkout-ctp__section {
  background-color: white;
  border-radius: var(--adyen-sdk-spacer-060,12px);
  box-shadow: 0 6px 12px rgba(0, 17, 44, .08), 0 2px 4px rgba(0, 17, 44, .04);
  padding: var(--adyen-sdk-spacer-070,16px);
  position: relative;
}
.adyen-checkout-ctp__section-brand {
  align-items: center;
  display: flex;
  height: 18px;
  margin-bottom: 16px;
}
.adyen-checkout-ctp__section--standalone {
  all: unset;
}
.adyen-checkout-ctp__section .adyen-checkout__fieldset {
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout-ctp__section-header {
  align-items: center;
  display: flex;
}
.adyen-checkout-ctp__section-header-title {
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-title-font-weight,600);
  line-height: 22px;
  margin: 0;
  padding: 0;
  width: auto;
}
@media screen and (max-width:400px) {
  .adyen-checkout-ctp__section-header-title {
    font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  }
}
.adyen-checkout-ctp__section-header-adornment {
  margin-left: 5px;
}
.adyen-checkout-ctp__section-text {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0 0 var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-ctp__section-text,
.adyen-checkout-ctp__separator {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
}
.adyen-checkout-ctp__separator {
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout-ctp__otp-subtitle--highlighted {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
}
.adyen-checkout-ctp__otp-checkbox-container {
  background-color: #f7f8f9;
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-ctp__otp-checkbox-container--checked {
  background-color: #F2F8FF;
}
.adyen-checkout-ctp__otp-checkbox-container label {
  cursor: pointer;
}
.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container {
  margin-bottom: var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout-ctp__otp-checkbox-info {
  color: #707070;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin: var(--adyen-sdk-spacer-020,4px) 0 0;
}
.adyen-checkout-ctp__otp-readmore-button {
  all: unset;
  color: #0075ff;
  cursor: pointer;
  text-transform: lowercase;
}
.adyen-checkout-ctp__card-list-single-card {
  align-items: center;
  background-color: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border-radius: var(--adyen-sdk-spacer-030,6px);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  height: var(--adyen-sdk-spacer-110,40px);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  padding: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-ctp__card-list-single-card-expired {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  text-decoration: line-through;
}
.adyen-checkout-ctp__expired-label {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  line-height: 17px;
  margin-left: auto;
}
.adyen-checkout-ctp__card-image {
  border-radius: 3px;
  height: 24px;
  margin-right: var(--adyen-sdk-spacer-040,8px);
}
.checkout-secondary-button__text {
  font-size: .85em;
  margin-left: 5px;
  margin-top: 1px;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
  opacity: 1;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
  margin: 0;
  opacity: .4;
  text-decoration: line-through;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  line-height: 17px;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
  opacity: 1;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
  opacity: .4;
  text-decoration: line-through;
}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  opacity: 1;
}
.adyen-checkout__iframe {
  border: 0;
}
.adyen-checkout-ctp__card {
  background-color: white;
  border: none;
  border-radius: var(--adyen-sdk-spacer-020,4px);
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) #999595;
  cursor: pointer;
  height: var(--adyen-sdk-spacer-110,40px);
  margin: 0;
  margin-bottom: var(--adyen-sdk-spacer-080,20px);
  width: 100%;
}
.adyen-checkout-ctp__empty-cards {
  align-items: center;
  background-color: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border-radius: var(--adyen-sdk-spacer-030,6px);
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  height: var(--adyen-sdk-spacer-110,40px);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
  padding: var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__iframe--ctpIframe {
  pointer-events: auto;
}
.adyen-checkout__iframe--ctpIframe-hidden {
  display: none;
}
@keyframes card-bounce {
  0% {
    animation-timing-function: cubic-bezier(.17, .17, .32, 1);
    -webkit-translate: 0 -60%;
    -moz-translate: 0 -60%;
    -ms-translate: 0 -60%;
    translate: 0 -60%;
  }
  9.70874% {
    animation-timing-function: cubic-bezier(.41, 0, .49, 1);
    -webkit-translate: 0 8.5%;
    -moz-translate: 0 8.5%;
    -ms-translate: 0 8.5%;
    translate: 0 8.5%;
  }
  23.4466% {
    animation-timing-function: cubic-bezier(.29, 0, .26, 1);
    -webkit-translate: 0 -22.5%;
    -moz-translate: 0 -22.5%;
    -ms-translate: 0 -22.5%;
    translate: 0 -22.5%;
  }
  47.7184% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  63.8835% {
    animation-timing-function: cubic-bezier(1, 0, .78, 1);
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  86.5534% {
    -webkit-translate: 0 40.7%;
    -moz-translate: 0 40.7%;
    -ms-translate: 0 40.7%;
    translate: 0 40.7%;
  }
  to {
    -webkit-translate: 0 40.7%;
    -moz-translate: 0 40.7%;
    -ms-translate: 0 40.7%;
    translate: 0 40.7%;
  }
}
@keyframes card-fade-100 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  8.1068% {
    opacity: 1;
  }
  78.4466% {
    opacity: 1;
  }
  86.5534% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes card-fade-60 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  8.1068% {
    opacity: .6;
  }
  78.4466% {
    opacity: .6;
  }
  86.5534% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes card-fade-20 {
  0% {
    animation-timing-function: linear;
    opacity: 0;
  }
  8.1068% {
    opacity: .2;
  }
  78.4466% {
    opacity: .2;
  }
  86.5534% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.adyen-checkout-ctp__card-animation {
  aspect-ratio: 1/.438;
  filter: grayscale(1);
  margin: 40px auto 50px;
  max-width: 100%;
  position: relative;
  width: 140px;
}
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer {
  background-size: contain !important;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:first-of-type {
  animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both;
  animation-delay: .1s;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.4 2.4 0 0 0-.548.23c-.132.08-.653.173-1.164.208m-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373m-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26m-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
  opacity: 1;
  z-index: 3;
}
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2) {
  animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both;
  animation-delay: 50ms;
  opacity: .6;
  transform: translateY(25%);
  z-index: 2;
}
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2),
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
}
.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
  animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both;
  opacity: .2;
  transform: translateY(50%);
  z-index: 1;
}
.adyen-checkout-ctp__loading-subtitle {
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0 auto 58px;
  max-width: 280px;
  text-align: center;
}
.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--shopperLogin {
  margin-bottom: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout__content-separator {
  align-items: center;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  justify-content: center;
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
  text-transform: capitalize;
  white-space: nowrap;
}
.adyen-checkout__content-separator:after,
.adyen-checkout__content-separator:before {
  border-bottom: 1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);
  content: "";
  flex: 1;
}
.adyen-checkout__content-separator:after {
  margin-left: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout__content-separator:before {
  margin-right: var(--adyen-sdk-spacer-080,20px);
}
[class^=adyen-checkout],
[class^=adyen-checkout] *,
[class^=adyen-checkout] :after,
[class^=adyen-checkout] :before,
[class^=adyen-checkout]:after,
[class^=adyen-checkout]:before {
  box-sizing: border-box;
}
.adyen-checkout__threeds2__challenge,
.adyen-checkout__threeds2__challenge-container {
  background-color: transparent;
  display: block;
  height: inherit;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.adyen-checkout__threeds2__challenge--01,
.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 250px;
}
.adyen-checkout__threeds2__challenge--02,
.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 390px;
}
.adyen-checkout__threeds2__challenge--03,
.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
  height: 600px;
  width: 500px;
}
.adyen-checkout__threeds2__challenge--04,
.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 600px;
}
.adyen-checkout__threeds2__challenge--05,
.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
  height: 100%;
  width: 100%;
}
.adyen-checkout__iframe--threeDSIframe {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
  display: block;
  margin: var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
  color: var(--adyen-sdk-color-label-critical,#c72727);
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  margin-bottom: var(--adyen-sdk-spacer-130,56px);
  text-align: center;
}
.adyen-checkout__bacs--confirm {
  position: relative;
}
.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
  display: none;
}
.adyen-checkout__bacs .adyen-checkout__field--inactive {
  pointer-events: none;
}
.adyen-checkout__bacs .adyen-checkout__bacs--edit {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
  top: -50px;
}
.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
  background: none;
  border: none;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
  padding: 0;
  text-align: end;
  text-decoration: underline;
}
.adyen-checkout__voucher-result {
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  position: relative;
  text-align: center;
}
.adyen-checkout__voucher-result__bottom,
.adyen-checkout__voucher-result__top {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-separator-primary,#dbdee2);
}
.adyen-checkout__voucher-result__top {
  border-bottom: 0;
  border-radius: var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px) 0 0;
  padding: var(--adyen-sdk-spacer-110,40px) 0 var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__voucher-result__bottom {
  border-radius: 0 0 var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px);
  border-top: 0;
}
.adyen-checkout__voucher-result__separator {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  display: flex;
  margin: 0 auto;
  position: relative;
}
.adyen-checkout__voucher-result__separator__inner {
  border-top: 1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);
  width: 100%;
}
.adyen-checkout__voucher-result__image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--adyen-sdk-spacer-110,40px);
  width: 100%;
}
.adyen-checkout-link--voucher-result-instructions {
  display: inline-block;
}
.adyen-checkout__voucher-result__image__wrapper {
  display: block;
  height: var(--adyen-sdk-spacer-120,48px);
  margin: 0 var(--adyen-sdk-spacer-090,24px);
  position: relative;
}
.adyen-checkout__voucher-result__image__wrapper:after {
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.adyen-checkout__voucher-result__image__wrapper:nth-child(2) {
  margin-left: 0;
}
.adyen-checkout__voucher-result__image__brand,
.adyen-checkout__voucher-result__image__issuer {
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  height: var(--adyen-sdk-spacer-120,48px);
}
.adyen-checkout__voucher-result__introduction {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0 auto;
  max-width: 400px;
  text-align: center;
}
.adyen-checkout__voucher-result__amount {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: 700;
  margin: var(--adyen-sdk-spacer-090,24px) auto 0;
  text-align: center;
}
.adyen-checkout__voucher-result__surcharge {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  text-align: center;
}
.adyen-checkout__voucher-result__code__label,
.adyen-checkout__voucher-result__surcharge {
  display: block;
  font-weight: 400;
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
}
.adyen-checkout__voucher-result__code__label {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.adyen-checkout__voucher-result__code__label:before {
  content: "";
  position: absolute;
}
.adyen-checkout__voucher-result__code__label__text {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  letter-spacing: normal;
  line-height: 1;
  padding: 0 var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__voucher-result__code__barcode {
  display: block;
  height: var(--adyen-sdk-spacer-130,56px);
  margin: 0 auto var(--adyen-sdk-spacer-040,8px);
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__voucher-result__code {
  border-width: 1px 0;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: inline-block;
  font-size: var(--adyen-sdk-text-title-l-font-size,1.5rem);
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 auto;
  padding: var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-120,48px);
  position: relative;
  text-align: center;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  width: 100%;
  word-break: break-word;
}
.adyen-checkout__voucher-result__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto var(--adyen-sdk-spacer-100,32px);
  max-width: 100%;
  min-width: 200px;
  padding: 0;
  width: 300px;
}
.adyen-checkout__voucher-result__actions__item {
  margin: 0 var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout__details-table {
  list-style: none;
  margin: -1px auto 0;
  padding: 0;
}
.adyen-checkout__details-table__item {
  border-top: 1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  justify-content: space-between;
  padding: var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-090,24px);
  word-break: break-word;
}
.adyen-checkout__details-table__item:last-child {
  margin-bottom: 0;
}
.adyen-checkout__details-table__label {
  max-width: 50%;
  text-align: left;
}
.adyen-checkout__details-table__value {
  font-weight: 700;
  max-width: 50%;
  text-align: right;
}
.adyen-checkout__voucher-result__introduction {
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  max-width: 420px;
}
.adyen-checkout__eftpad-canada-info {
  align-items: center;
  background-color: #f2f8ff;
  border: 1px solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  gap: var(--adyen-sdk-spacer-070,16px);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout_eftpad-canada-store-details {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  margin-top: 0;
}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
  display: flex;
}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
  display: flex;
  margin: var(--adyen-sdk-spacer-040,8px) 0;
}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
  margin-right: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
  margin: 0;
}
.adyen-checkout__field--gender .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active,
.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within:hover {
  box-shadow: none;
}
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active,
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within:hover {
  box-shadow: none;
}
.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress,
.adyen-checkout__open-invoice .adyen-checkout__fieldset--personalDetails {
  padding-bottom: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
  margin-top: var(--adyen-sdk-spacer-090,24px);
  padding-bottom: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
  margin-bottom: 0;
}
.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__open-invoice--loading {
  pointer-events: none;
}
.adyen-checkout__amazonpay__button {
  margin: auto;
}
.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
  display: block;
  margin: var(--adyen-sdk-spacer-040,8px) auto 0;
  width: auto;
}
apple-pay-button {
  --apple-pay-button-width:100%;
  --apple-pay-button-height:48px;
  --apple-pay-button-border-radius:4px;
}
.adyen-checkout__cashapp > .adyen-checkout__store-details {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  margin-top: 0;
}
.adyen-checkout__paywithgoogle {
  height: var(--adyen-sdk-spacer-120,48px);
}
.adyen-checkout__paypal__buttons {
  position: relative;
  z-index: 0;
}
.adyen-checkout__paypal__button {
  display: flex;
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__paypal__button:empty {
  display: none;
}
.adyen-checkout__paypal__status--pending {
  margin: var(--adyen-sdk-spacer-070,16px) 0;
}
.adyen-checkout__paypal__status--processing {
  align-items: center;
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  justify-content: center;
  padding: var(--adyen-sdk-spacer-090,24px) 0;
}
.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
  display: none;
}
.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
  margin: var(--adyen-sdk-spacer-070,16px) 0 38px;
}
.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
  padding: var(--adyen-sdk-spacer-080,20px) 0 65px;
}
.adyen-checkout-fastlane__card-brand--wrapper {
  align-items: center;
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  display: flex;
  height: 26px;
  justify-content: center;
  margin-right: var(--adyen-sdk-spacer-060,12px);
  overflow: hidden;
  position: relative;
  width: var(--adyen-sdk-spacer-110,40px);
}
.adyen-checkout-fastlane__card-section {
  align-items: center;
  display: flex;
}
.adyen-checkout-fastlane__card-number {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
}
.adyen-checkout-fastlane__brand {
  display: flex;
  justify-content: center;
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-fastlane__brand img {
  width: 95px;
}
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active,
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active:hover,
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within,
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within:hover {
  box-shadow: none;
}
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  padding: var(--adyen-sdk-spacer-090,24px);
  word-break: break-all;
}
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  padding: var(--adyen-sdk-spacer-090,24px);
  word-break: break-all;
}
.adyen-checkout__issuer-button {
  align-items: center;
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: none;
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);
  cursor: pointer;
  display: flex;
  flex-basis: 47%;
  flex-grow: 2;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  height: var(--adyen-sdk-spacer-110,40px);
  justify-content: space-between;
  padding: var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-060,12px);
  transition: background .3s ease-out, box-shadow .3s ease-out;
}
.adyen-checkout__issuer-button:active {
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  outline: none;
}
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  outline: none;
}
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  outline: none;
}
.adyen-checkout__issuer-button--selected {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  box-shadow: inset 0 0 0 1.5px var(--adyen-sdk-color-outline-primary-active,#00112c);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  height: var(--adyen-sdk-spacer-110,40px);
  transition: none;
}
.adyen-checkout__issuer-button-img {
  margin-right: var(--adyen-sdk-spacer-040,8px);
  max-height: 26px;
}
.adyen-checkout__issuer-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__field--issuer-list {
  margin-bottom: 0;
}
.adyen-checkout__field--issuer-list .adyen-checkout__dropdown {
  position: static;
}
.adyen-checkout__field--issuer-list .adyen-checkout__dropdown__button {
  position: relative;
}
.adyen-checkout__econtext-input__field > .adyen-checkout__button--pay:only-child {
  margin-top: 0;
}
.adyen-checkout-trustly {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-trustly__descriptor {
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  margin: var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout-trustly__description-list {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: 1.5;
  list-style-type: disc;
  margin: 0;
  padding-left: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout-paybybank_AIS_DD {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-paybybank_AIS_DD__description-header {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  margin: var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout-paybybank_AIS_DD__description-body {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: 1.5;
  list-style-type: disc;
  margin: 0;
}
@media (max-width:330px) {
  .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(2) {
    display: none;
  }
}
@media (max-width:360px) {
  .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(3) {
    display: none;
  }
}
@media (max-width:390px) {
  .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(4) {
    display: none;
  }
}
.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brand-number {
  text-overflow: clip;
  white-space: nowrap;
}
.adyen-checkout__voucher-result--paybybank_pix {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__top {
  border: none;
  margin: var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-000,0);
  padding: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__bottom {
  border: none;
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image__wrapper {
  width: 8em;
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__image__wrapper > img {
  width: 100%;
}
.adyen-checkout__voucher-result--paybybank_pix .adyen-checkout__voucher-result__amount {
  font-size: var(--adyen-sdk-text-title-l-font-size,1.5rem);
  font-weight: var(--adyen-sdk-text-title-l-font-weight,600);
  line-height: var(--adyen-sdk-text-title-l-line-height,34px);
  margin-top: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout-await-logo-open-finance {
  height: auto;
  width: 8em;
}
.adyen-checkout-await-logo-container {
  align-items: center;
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-090,24px);
  width: -moz-fit-content;
  width: fit-content;
}
.adyen-checkout-await-logo-container:has(> :only-child) {
  background: none;
}
.adyen-checkout__await {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  padding: var(--adyen-sdk-spacer-110,40px);
  text-align: center;
}
.adyen-checkout__await--result {
  padding: 100px;
}
.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.adyen-checkout__await__brand-logo {
  border-radius: 3px;
  width: 74px;
}
.adyen-checkout__await__indicator-text,
.adyen-checkout__await__subtitle {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-top: var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
  margin-left: var(--adyen-sdk-spacer-050,10px);
  margin-top: var(--adyen-sdk-spacer-030,6px);
}
.adyen-checkout__await__indicator-holder {
  display: flex;
  justify-content: center;
  margin-bottom: var(--adyen-sdk-spacer-080,20px);
  margin-top: var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__await__subtitle--result {
  margin-bottom: var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__await__icon {
  height: 88px;
  width: 88px;
}
.adyen-checkout__await__progress {
  background: var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-l,12px);
  height: var(--adyen-sdk-spacer-020,4px);
  margin: var(--adyen-sdk-spacer-100,32px) auto var(--adyen-sdk-spacer-060,12px);
  width: 152px;
}
.adyen-checkout__await__percentage {
  background: var(--adyen-sdk-color-label-primary,#00112c);
  border-radius: var(--adyen-sdk-border-radius-l,12px);
  display: block;
  height: 100%;
}
.adyen-checkout__await__countdown {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
}
.adyen-checkout__await > .adyen-checkout__spinner__wrapper {
  margin: 60px 0;
}
.adyen-checkout__await__app-link {
  display: none;
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__await__amount {
  font-size: var(--adyen-sdk-text-title-l-font-size,1.5rem);
  font-weight: var(--adyen-sdk-text-title-font-weight,600);
  margin-top: var(--adyen-sdk-spacer-070,16px);
  text-align: center;
}
@media only screen and (max-device-width:1200px) {
  .adyen-checkout__await__app-link {
    display: block;
  }
}
.adyen-checkout-pay-by-bank-pix-await {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__countdown-holder,
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__subtitle {
  display: none;
}
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await,
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await--paybybank_pix {
  border: none;
  padding: 0;
}
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__indicator-holder {
  margin-top: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__countdown {
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout-pay-by-bank-pix-await .adyen-checkout__await__end-slot {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-top: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout-issuer-list-introduction-logo-container {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-070,16px);
  text-align: center;
}
.adyen-checkout-issuer-list-introduction-logo-container__title {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight,500);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0;
}
.adyen-checkout-issuer-list-introduction-logo-container__logo {
  height: auto;
  width: 8em;
}
.adyen-checkout-issuer-list-introduction-text-container,
.adyen-checkout-issuer-list-introduction-text-container__title {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
}
.adyen-checkout-issuer-list-introduction-text-container__title {
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight,500);
  margin: 0 0 var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout-issuer-list-introduction-text-container__content {
  margin: 0;
}
.adyen-checkout-issuer-list-introduction-text-container__content:not(:last-child) {
  margin-bottom: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout-pix-enrollment-issuer-list {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-pix-enrollment-issuer-list .adyen-checkout-disclaimer__label {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  display: inline-block;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: 0;
  text-align: center;
}
.adyen-checkout-await-logo-open-finance {
  height: auto;
  width: 8em;
}
.adyen-checkout-await-logo-arrow-down {
  height: auto;
  width: 1em;
}
.adyen-checkout-await-logo-bank {
  height: auto;
  width: 3em;
}
.adyen-checkout__klarna-widget {
  pointer-events: all;
}
.adyen-checkout__qr-loader {
  align-items: center;
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  flex-direction: column;
  padding: var(--adyen-sdk-spacer-110,40px);
  padding-bottom: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__qr-loader--result {
  gap: var(--adyen-sdk-spacer-090,24px);
  padding: 100px;
}
.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.adyen-checkout__qr-loader__brand-logo-wrapper {
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
  overflow: hidden;
}
.adyen-checkout__qr-loader__brand-logo {
  display: block;
  width: 80px;
}
.adyen-checkout__qr-loader__subtitle {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  max-width: 400px;
  text-align: center;
}
.adyen-checkout__qr-loader__icon {
  height: 88px;
  width: 88px;
}
.adyen-checkout__qr-loader__payment_amount {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-title-l-font-size,1.5rem);
  font-weight: var(--adyen-sdk-text-title-l-font-weight,600);
  line-height: var(--adyen-sdk-text-body-wide-line-height,24px);
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__qr-loader__progress {
  background: var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-l,12px);
  height: var(--adyen-sdk-spacer-020,4px);
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
  padding-right: 3%;
  width: 152px;
}
[dir=rtl] .adyen-checkout__qr-loader__progress {
  padding-left: 3%;
  padding-right: 0;
}
.adyen-checkout__qr-loader__percentage {
  background: var(--adyen-sdk-color-label-primary,#00112c);
  border-radius: var(--adyen-sdk-border-radius-l,12px);
  display: block;
  height: 100%;
}
.adyen-checkout__qr-loader__countdown {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  text-align: center;
}
.adyen-checkout__qr-loader > .adyen-checkout__spinner__wrapper {
  margin: 60px 0;
}
.adyen-checkout__qr-loader__app-link {
  display: none;
}
.adyen-checkout__button.adyen-checkout__button--qr-loader {
  margin-top: var(--adyen-sdk-spacer-090,24px);
  text-decoration: none;
}
.adyen-checkout__qr-loader__instructions {
  color: var(--adyen-sdk-color-label-tertiary,#5c687c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  line-height: 1.5;
  margin-top: var(--adyen-sdk-spacer-090,24px);
  max-width: 300px;
}
.adyen-checkout__qr-loader__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__await__instructions {
  display: flex;
  justify-content: center;
}
@media (max-width:1024px) {
  .adyen-checkout__qr-loader__app-link {
    display: block;
    min-width: 220px;
  }
}
.adyen-checkout__qr-loader--swish > .adyen-checkout__qr-loader__instructions {
  text-align: center;
}
.adyen-checkout-paynow__introduction {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  text-align: center;
}
.adyen-checkout-timeline-wrapper {
  background-color: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border-radius: 8px;
  max-width: 300px;
  padding: 16px;
}
.adyen-checkout-timeline {
  scrollbar-color: var(--adyen-sdk-color-background-quaternary,#c0c5cc) transparent;
}
.adyen-checkout-timeline__items {
  all: unset;
}
.adyen-checkout-timeline-item {
  scrollbar-color: var(--adyen-sdk-color-background-quaternary,#c0c5cc) transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  list-style-type: none;
  max-width: 500px;
}
.adyen-checkout-timeline-item:last-child .adyen-checkout-timeline-item__separator {
  display: none;
}
.adyen-checkout-timeline-item:last-child .adyen-checkout-timeline-item__content {
  padding-bottom: 0;
}
.adyen-checkout-timeline-item__row {
  display: flex;
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-timeline-item__marker {
  display: flex;
  flex-flow: column;
  margin-top: var(--adyen-sdk-spacer-010,2px);
  max-width: var(--adyen-sdk-spacer-070,16px);
  width: 100%;
}
.adyen-checkout-timeline-item__separator {
  flex-grow: 1;
  position: relative;
}
.adyen-checkout-timeline-item__separator:before {
  background-color: var(--adyen-sdk-color-separator-secondary,#c9cdd3);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 1px;
}
.adyen-checkout-timeline-item__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-timeline-item__title {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  letter-spacing: 0;
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  margin-bottom: var(--adyen-sdk-spacer-010,2px);
  text-align: left;
}
.adyen-checkout-paynow__instructions {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  line-height: var(--adyen-sdk-text-body-line-height,20px);
  text-align: center;
}
.adyen-checkout-paynow__instructions > p {
  margin-bottom: 0;
}
.adyen-checkout__blik__helper {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: 400;
  margin: 0 0 var(--adyen-sdk-spacer-070,16px);
  padding: 0;
}
.adyen-checkout__loading-input__form {
  transition: opacity .25s ease-out;
}
.adyen-checkout__fieldset--phone-input {
  direction: ltr;
}
.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields {
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields > .adyen-checkout__field {
  margin-bottom: 0;
}
.adyen-checkout-field--phone-prefix {
  width: 144px;
}
.adyen-checkout-field--phone-number {
  flex: 1;
}
.adyen-checkout__field--vpa {
  margin-bottom: 0;
}
.adyen-checkout_upi-mode-selection-text {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin-bottom: var(--adyen-sdk-spacer-040,8px);
  margin-top: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__segmented-control--upi-margin-bottom {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-upi-area-intent .adyen-checkout__button--pay {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay {
  margin-top: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout-checkmark {
  border-bottom: 1.5px solid var(--adyen-sdk-color-label-primary,#00112c);
  border-right: 1.5px solid var(--adyen-sdk-color-label-primary,#00112c);
  height: var(--adyen-sdk-spacer-060,12px);
  transform: rotate(45deg);
  width: var(--adyen-sdk-spacer-030,6px);
}
.adyen-checkout__segmented-control {
  background: var(--adyen-sdk-color-background-tertiary,#eeeff1);
  border-radius: var(--adyen-sdk-border-radius-l,12px);
  display: flex;
  gap: var(--adyen-sdk-spacer-020,4px);
  justify-content: space-between;
  padding: var(--adyen-sdk-spacer-030,6px);
}
.adyen-checkout__segmented-control--disabled {
  pointer-events: none;
}
.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment {
  color: var(--adyen-sdk-color-label-disabled,#8d95a3);
}
.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment--selected .adyen-checkout-checkmark {
  border-bottom: 1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3);
  border-right: 1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3);
}
.adyen-checkout__segmented-control-segment {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  gap: var(--adyen-sdk-spacer-050,10px);
  height: var(--adyen-sdk-spacer-110,40px);
  justify-content: center;
  text-align: center;
  transition: background .3s ease-out;
  width: 100%;
}
.adyen-checkout__segmented-control-segment:active,
.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
  background-color: var(--adyen-sdk-color-background-secondary,#f7f7f8);
}
.adyen-checkout__segmented-control-segment--selected {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  color: var(--adyen-sdk-color-label-primary,#00112c);
}
.adyen-checkout__payment-method__header__title {
  align-items: center;
  background: none;
  border: none;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  gap: var(--adyen-sdk-spacer-060,12px);
  margin-right: var(--adyen-sdk-spacer-070,16px);
  max-height: 38px;
  max-width: 100%;
  padding: 0;
}
[dir=rtl] .adyen-checkout__payment-method__header__title {
  margin-left: var(--adyen-sdk-spacer-070,16px);
  margin-right: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__payment-method__header__title--standalone {
  cursor: default;
}
.adyen-checkout__payment-method__radio {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: 50%;
  height: var(--adyen-sdk-spacer-070,16px);
  left: var(--adyen-sdk-spacer-070,16px);
  transition: border-color .2s ease-out, box-shadow .2s ease-out;
  width: var(--adyen-sdk-spacer-070,16px);
}
[dir=rtl] .adyen-checkout__payment-method__radio {
  left: auto;
  right: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__payment-method__radio:after {
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--adyen-sdk-spacer-040,8px);
  left: 0;
  margin: 0 auto;
  position: relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease-out;
  width: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__payment-method__radio--selected {
  background-color: var(--adyen-sdk-color-label-primary,#00112c);
  border: 0;
  transition: all .3s ease-out;
}
.adyen-checkout__payment-method__radio--selected:hover {
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
}
.adyen-checkout__payment-method__radio--selected:after {
  transform: translateY(-50%) scale(1);
}
.adyen-checkout-upi-app-item {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-070,16px);
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease,
    border-radius .15s ease;
  width: 100%;
}
.adyen-checkout-upi-app-item__label {
  cursor: pointer;
}
.adyen-checkout-upi-app-item:hover:not(.adyen-checkout-upi-app-item--selected) {
  border-color: var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
}
.adyen-checkout-upi-app-item--selected:not(.adyen-checkout-upi-app-item:last-child) {
  border-color: var(--adyen-sdk-color-outline-primary-active,#00112c);
  box-shadow: 0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c);
}
.adyen-checkout-upi-app-item--selected {
  border-color: var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  cursor: default;
}
.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item,
.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item > label {
  cursor: default;
}
.adyen-checkout-upi-app-item .adyen-checkout-expand-button--upi-app-item {
  margin-right: 0;
}
.adyen-checkout-upi-app-list {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.adyen-checkout-upi-app-list--loading {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__payto-component .adyen-checkout__fieldset {
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__payto-component .adyen-checkout__fieldset .adyen-checkout__fieldset__fields {
  gap: 0 var(--adyen-sdk-spacer-060,12px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__payto-component .adyen-checkout-field--phone-prefix {
  width: 98px;
}
.adyen-checkout__payto-component--loading {
  pointer-events: none;
}
.adyen-checkout__await--payto .adyen-checkout__details-table {
  margin-top: var(--adyen-sdk-spacer-070,16px);
  padding-top: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__await--payto .adyen-checkout__details-table__item:first-child {
  border-top: none;
}
.adyen-checkout__alert-message {
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  display: flex;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  margin: 0 0 var(--adyen-sdk-spacer-070,16px);
  padding: var(--adyen-sdk-spacer-060,12px);
  text-align: left;
}
.adyen-checkout__alert-message--error {
  background: var(--adyen-sdk-color-background-critical-strong,#e22d2d);
}
.adyen-checkout__alert-message--info {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
}
.adyen-checkout__alert-message__icon {
  height: 14px;
  margin-right: var(--adyen-sdk-spacer-040,8px);
  width: 14px;
}
.adyen-checkout__giftcard-result__header {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.adyen-checkout__giftcard-result__header__title {
  align-items: center;
  display: flex;
}
.adyen-checkout__giftcard-result__name {
  margin-left: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__giftcard-result__balance {
  list-style: none;
  margin: var(--adyen-sdk-spacer-070,16px) 0 0;
  padding: 0;
}
.adyen-checkout__giftcard-result__balance__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--adyen-sdk-spacer-040,8px);
}
.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
}
.adyen-checkout__giftcard-result__balance__item:last-child {
  margin-bottom: 0;
}
.adyen-checkout__giftcard-result__balance__value--amount {
  font-weight: 700;
}
.adyen-checkout__giftcard-result__remaining-balance {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  margin: var(--adyen-sdk-spacer-040,8px) auto 0;
  text-align: center;
}
.adyen-checkout__bankTransfer__introduction {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  margin: 0 0 var(--adyen-sdk-spacer-070,16px);
  padding: 0;
}
.adyen-checkout__bankTransfer__emailField {
  margin: 0 0 var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
  display: block;
  margin: var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px);
}
.adyen-checkout__adyen-giving .adyen-checkout__status__text {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  margin-bottom: var(--adyen-sdk-spacer-130,56px);
  text-align: center;
}
.adyen-checkout__adyen-giving .adyen-checkout-disclaimer__label {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  margin-top: 0;
}
.adyen-checkout__campaign {
  position: relative;
}
.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
  text-decoration: underline;
}
.adyen-checkout__campaign-logo {
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  display: block;
  flex-shrink: 0;
  height: var(--adyen-sdk-spacer-120,48px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  width: var(--adyen-sdk-spacer-120,48px);
}
.adyen-checkout__campaign-background-image {
  aspect-ratio: 5/2;
  background-color: var(--adyen-sdk-color-label-primary,#00112c);
  background-position: 50%;
  background-size: 100%;
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  margin-bottom: var(--adyen-sdk-spacer-060,12px);
  overflow: hidden;
  transition: background-size .6s ease-out;
}
.adyen-checkout__campaign-background-image:hover {
  background-size: 110%;
}
.adyen-checkout__campaign-link {
  text-decoration: none;
}
.adyen-checkout__campaign-link:hover {
  text-decoration: underline;
}
.adyen-checkout__campaign-content {
  align-items: flex-start;
  display: flex;
  gap: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout__campaign-description,
.adyen-checkout__campaign-title {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  margin: 0;
}
.adyen-checkout__campaign-title {
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-title-font-weight,600);
  line-height: var(--adyen-sdk-text-title-line-height,26px);
}
.adyen-checkout__campaign-cause {
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight,500);
}
.adyen-checkout__campaign-cause,
.adyen-checkout__campaign-description {
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
}
.adyen-checkout__campaign-description {
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  margin-top: var(--adyen-sdk-spacer-060,12px);
}
.adyen-checkout-roundup-description {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  display: inline-block;
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-caption-font-weight,400);
  line-height: var(--adyen-sdk-text-caption-line-height,18px);
  padding-left: 0;
}
.adyen-checkout__adyen-giving-actions {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
  margin-top: var(--adyen-sdk-spacer-070,16px);
  text-align: center;
}
.adyen-checkout__button.adyen-checkout__button--donate {
  margin: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__button.adyen-checkout__button--decline {
  display: block;
  margin: auto;
}
.adyen-checkout__button-group {
  background: transparent;
  display: flex;
  justify-content: space-between;
}
.adyen-checkout__button-group .adyen-checkout__button {
  background: transparent;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  font-weight: 400;
  height: var(--adyen-sdk-spacer-110,40px);
  line-height: var(--adyen-sdk-spacer-110,40px);
  margin-right: var(--adyen-sdk-spacer-040,8px);
  padding: 0;
  text-align: center;
}
.adyen-checkout__button-group .adyen-checkout__button:last-child {
  margin-right: 0;
}
.adyen-checkout__button-group .adyen-checkout__button:hover {
  background: transparent;
  box-shadow: inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
}
.adyen-checkout__button-group .adyen-checkout__button:active {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  box-shadow: inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3);
}
.adyen-checkout__button-group .adyen-checkout__button--disabled,
.adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__button-group .adyen-checkout__button--selected,
.adyen-checkout__button-group .adyen-checkout__button--selected:active,
.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,
.adyen-checkout__button-group .adyen-checkout__button--selected:hover {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  box-shadow: inset 0 0 0 1px var(--adyen-sdk-color-label-primary,#00112c);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  height: var(--adyen-sdk-spacer-110,40px);
  transition: none;
}
.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.adyen-checkout__order-payment-methods-list {
  list-style: none;
  margin: 0 auto var(--adyen-sdk-spacer-070,16px);
  padding: 0;
}
.adyen-checkout__order-payment-method {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);
  margin-top: -1px;
  position: relative;
  width: 100%;
}
.adyen-checkout__order-payment-method:first-child {
  border-top-left-radius: var(--adyen-sdk-border-radius-m,8px);
  border-top-right-radius: var(--adyen-sdk-border-radius-m,8px);
}
.adyen-checkout__order-payment-method:last-child {
  border-bottom-left-radius: var(--adyen-sdk-border-radius-m,8px);
  border-bottom-right-radius: var(--adyen-sdk-border-radius-m,8px);
}
.adyen-checkout__order-payment-method__header {
  align-items: center;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  flex-wrap: nowrap;
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
  justify-content: space-between;
  padding: var(--adyen-sdk-spacer-070,16px);
  position: relative;
  transition: background .1s ease-out;
  width: 100%;
}
.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
  padding: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__order-payment-method__details {
  padding: 0 var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__order-payment-method__deducted-amount {
  display: flex;
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  justify-content: space-between;
  line-height: var(--adyen-sdk-text-subtitle-font-size,1rem);
}
.adyen-checkout__order-payment-method__deducted-amount__label {
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
}
.adyen-checkout__order-payment-method__deducted-amount__value {
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight,500);
}
.adyen-checkout__order-remaining-amount {
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  padding: var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);
  width: 100%;
}
.adyen-checkout__order-remaining-amount strong {
  font-weight: 700;
}
.adyen-checkout__dropin--loading .adyen-checkout__instant-payment-methods-list {
  opacity: .2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__payment-method__disable-confirmation {
  background: var(--adyen-sdk-color-background-critical-strong,#e22d2d);
  border-left: 1px solid #e12424;
  border-right: 1px solid #e12424;
  color: var(--adyen-sdk-color-label-on-color,#ffffff);
  display: grid;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  grid-template-rows: 0fr;
  margin: 0 -17px;
  opacity: 0;
  overflow: hidden;
  transition:
    grid-template-rows var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear),
    opacity var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-standard,cubic-bezier(.2,0,.4,.9)),
    margin-bottom var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear);
}
.adyen-checkout__payment-method__disable-confirmation__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 0;
  transition: visibility var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear), padding var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear);
  visibility: hidden;
}
.adyen-checkout__payment-method__disable-confirmation--open {
  grid-template-rows: 1fr;
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
  opacity: 1;
}
.adyen-checkout__payment-method__disable-confirmation--open .adyen-checkout__payment-method__disable-confirmation__content {
  padding: var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);
  visibility: visible;
}
.adyen-checkout__payment-method__disable-confirmation__buttons {
  display: flex;
}
.adyen-checkout__payment-method__disable-confirmation__button {
  background: var(--adyen-sdk-color-background-critical-strong,#e22d2d);
  border: var(--adyen-sdk-border-width-s,1px) solid transparent;
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  color: var(--adyen-sdk-color-label-on-color,#ffffff);
  cursor: pointer;
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
  height: auto;
  margin: 0 0 0 var(--adyen-sdk-spacer-040,8px);
  padding: var(--adyen-sdk-spacer-040,8px);
  width: auto;
}
.adyen-checkout__payment-method__disable-confirmation__button:hover,
.adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
  background: #d81e1e;
  box-shadow: none;
}
.adyen-checkout__payment-method__disable-confirmation__button:active,
.adyen-checkout__payment-method__disable-confirmation__button:hover:active {
  background: #c11b1b;
  box-shadow: none;
}
.adyen-checkout__payment-method__disable-confirmation__button--remove,
.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
  border-color: var(--adyen-sdk-color-label-on-color,#ffffff);
}
.adyen-checkout__payment-method__disable-confirmation__button--cancel,
.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
  border-color: transparent;
}
.adyen-checkout__payment-method {
  background: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  cursor: pointer;
  position: relative;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease,
    border-radius .15s ease;
  width: 100%;
}
.adyen-checkout__payment-method:focus {
  outline: 0;
}
.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) {
  border-color: var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
}
.adyen-checkout__payment-method--loading {
  opacity: .2;
}
.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
  opacity: .9;
}
.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,
.adyen-checkout__payment-method--disabling {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__payment-method--disabling {
  opacity: .3;
}
.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
  display: none;
}
.adyen-checkout__payment-method__header {
  align-items: center;
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  flex-wrap: nowrap;
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
  justify-content: space-between;
  padding: var(--adyen-sdk-spacer-070,16px);
  position: relative;
  transition: background .1s ease-out;
  width: 100%;
}
[dir=rtl] .adyen-checkout__payment-method__header {
  padding: calc(var(--adyen-sdk-spacer-070, 16px) - var(--adyen-sdk-spacer-020, 4px));
  padding-right: calc(var(--adyen-sdk-spacer-120, 48px) - var(--adyen-sdk-spacer-020, 4px));
}
.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
  padding: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__payment-method__surcharge {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  margin-left: var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout__payment-method--selected {
  background: var(--adyen-sdk-color-background-secondary,#f7f7f8);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  cursor: default;
  transition: opacity .3s ease-out;
}
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
  flex-wrap: wrap;
}
.adyen-checkout__payment-method__details {
  padding: var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-070,16px);
  position: relative;
}
.adyen-checkout__payment-method__details__content > :last-child {
  margin-bottom: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__payment-method__image__wrapper {
  align-items: center;
  border-radius: var(--adyen-sdk-border-radius-s,4px);
  box-shadow: var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));
  display: flex;
  height: 26px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: var(--adyen-sdk-spacer-110,40px);
}
.adyen-checkout__payment-method__image {
  border-radius: var(--adyen-checkout-border-radius-s);
  display: block;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.adyen-checkout__payment-method__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  gap: var(--adyen-sdk-spacer-020,4px);
  height: var(--adyen-sdk-spacer-070,16px);
  margin: var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-000,0);
  overflow: hidden;
  text-align: right;
}
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-body-font-size,.875rem);
}
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
  height: auto;
  overflow: visible;
  text-align: left;
}
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  display: inline-block;
  height: var(--adyen-sdk-spacer-070,16px);
  transition: opacity .2s ease-out;
  width: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
  margin: var(--adyen-sdk-spacer-000,0);
}
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  margin-bottom: var(--adyen-sdk-spacer-020,4px);
}
.adyen-checkout__payment-method__brands img {
  display: block;
  height: 100%;
  width: 100%;
}
.adyen-checkout__payment-method__image__wrapper--disabled {
  opacity: .25;
}
.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
  box-shadow: 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);
  cursor: pointer;
}
.adyen-checkout__payment-method__name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.adyen-checkout__payment-method__additional-info {
  color: var(--adyen-sdk-color-label-secondary,#5c687c);
  font-size: var(--adyen-sdk-text-caption-font-size,.75rem);
  font-weight: var(--adyen-sdk-text-body-font-weight,400);
}
.adyen-checkout__payment-method__name_wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-020,4px);
  min-width: var(--adyen-sdk-spacer-120,48px);
  text-align: start;
}
.adyen-checkout__status {
  align-items: center;
  background-color: var(--adyen-sdk-color-background-primary,#ffffff);
  border: var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-m,8px);
  color: var(--adyen-sdk-color-label-primary,#00112c);
  display: flex;
  flex-direction: column;
  font-size: var(--adyen-sdk-text-title-font-size,1rem);
  height: 350px;
  justify-content: center;
  margin: 0;
  padding: var(--adyen-sdk-spacer-100,32px);
  text-align: center;
}
.adyen-checkout__status__icon {
  margin-bottom: var(--adyen-sdk-spacer-090,24px);
}
.adyen-checkout__status .adyen-checkout__spinner__wrapper {
  max-height: 88px;
}
.adyen-checkout__dropin {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout__button--dropin-show-paymentmethods {
  align-self: start;
}
.adyen-checkout-payment-methods-container {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
}
.adyen-checkout-payment-methods-list-label {
  color: var(--adyen-sdk-color-label-primary,#00112c);
  font-size: var(--adyen-sdk-text-subtitle-font-size,1rem);
  font-weight: var(--adyen-sdk-text-subtitle-stronger-font-weight,600);
  line-height: var(--adyen-sdk-text-subtitle-line-height,26px);
}
.adyen-checkout__payment-methods-list {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-070,16px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.adyen-checkout__payment-methods-list--loading {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.adyen-checkout__instant-payment-methods-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--adyen-sdk-spacer-070,16px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.adyen-checkout__instant-payment-methods-list li {
  flex: 1 0 calc(50% - var(--adyen-sdk-spacer-070, 16px)/2);
}
.adyen-checkout__payment-method {
  display: block;
}
.adyen-checkout__payment-method__details {
  overflow: hidden;
}
.adyen-checkout__payment-method__image {
  height: 26px;
  width: var(--adyen-sdk-spacer-110,40px);
}
[dir=rtl] .adyen-checkout__payment-method__image__wrapper {
  margin-left: var(--adyen-sdk-spacer-040,8px);
  margin-right: 0;
}
.adyen-checkout-pm-details-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s ease;
  visibility: hidden;
}
.adyen-checkout-pm-details-wrapper[aria-hidden=false] {
  grid-template-rows: 1fr;
  visibility: visible;
}
.adyen-checkout-pm-details-wrapper[aria-hidden=false] .adyen-checkout__payment-method__details {
  overflow: visible;
}
.adyen-checkout-sr-panel {
  font-size: .75em;
  margin-bottom: var(--adyen-sdk-spacer-080,20px);
}
.adyen-checkout-sr-panel--sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* src/styles.scss */
.darkMode {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode {
  --mat-option-selected-state-label-text-color: #0072bc;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkMode .mat-accent {
  --mat-option-selected-state-label-text-color: #00a3e0;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkMode .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkMode {
  --mat-optgroup-label-text-color: white;
}
.darkMode {
  --mat-full-pseudo-checkbox-selected-icon-color: #00a3e0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkMode {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00a3e0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkMode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #0072bc;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkMode .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0072bc;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkMode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #00a3e0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkMode .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00a3e0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkMode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkMode .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkMode {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
.darkMode {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
.darkMode {
  --mdc-elevated-card-container-shape: 4px;
}
.darkMode {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.darkMode {
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
}
.darkMode {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 20px;
  --mat-card-subtitle-text-size: 20px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}
.darkMode {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.darkMode .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #0072bc;
  --mdc-linear-progress-track-color: rgba(0, 114, 188, 0.25);
}
.darkMode .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #00a3e0;
  --mdc-linear-progress-track-color: rgba(0, 163, 224, 0.25);
}
.darkMode .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.darkMode {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.darkMode {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.darkMode {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 15px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: -0.01em;
}
.darkMode {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.darkMode {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.darkMode {
  --mdc-filled-text-field-caret-color: #0072bc;
  --mdc-filled-text-field-focus-active-indicator-color: #0072bc;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 114, 188, 0.87);
  --mdc-filled-text-field-container-color: rgb(73.56, 73.56, 73.56);
  --mdc-filled-text-field-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.darkMode {
  --mdc-outlined-text-field-caret-color: #0072bc;
  --mdc-outlined-text-field-focus-outline-color: #0072bc;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 114, 188, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.darkMode {
  --mat-form-field-focus-select-arrow-color: rgba(0, 114, 188, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #00a3e0;
  --mdc-filled-text-field-focus-active-indicator-color: #00a3e0;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #00a3e0;
  --mdc-outlined-text-field-focus-outline-color: #00a3e0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(0, 163, 224, 0.87);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkMode {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
.darkMode {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
.darkMode {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
.darkMode {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 15px;
  --mat-form-field-subscript-text-tracking: -0.01em;
  --mat-form-field-subscript-text-weight: 400;
}
.darkMode {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 114, 188, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkMode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 163, 224, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkMode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkMode {
  --mat-select-arrow-transform: translateY(-8px);
}
.darkMode {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
.darkMode {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-autocomplete-background-color: #424242;
}
.darkMode {
  --mdc-dialog-container-shape: 4px;
}
.darkMode {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.darkMode {
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.darkMode {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 20px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 400;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.darkMode .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.darkMode .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.darkMode .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.darkMode .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0072bc;
  --mdc-chip-elevated-selected-container-color: #0072bc;
  --mdc-chip-elevated-disabled-container-color: #0072bc;
  --mdc-chip-flat-disabled-selected-container-color: #0072bc;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #00a3e0;
  --mdc-chip-elevated-selected-container-color: #00a3e0;
  --mdc-chip-elevated-disabled-container-color: #00a3e0;
  --mdc-chip-flat-disabled-selected-container-color: #00a3e0;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkMode .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.darkMode .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 15px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}
.darkMode {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.darkMode .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.darkMode {
  --mdc-switch-selected-focus-state-layer-color: #50bfe7;
  --mdc-switch-selected-handle-color: #50bfe7;
  --mdc-switch-selected-hover-state-layer-color: #50bfe7;
  --mdc-switch-selected-pressed-state-layer-color: #50bfe7;
  --mdc-switch-selected-focus-handle-color: #80e1ee;
  --mdc-switch-selected-hover-handle-color: #80e1ee;
  --mdc-switch-selected-pressed-handle-color: #80e1ee;
  --mdc-switch-selected-focus-track-color: #0097d2;
  --mdc-switch-selected-hover-track-color: #0097d2;
  --mdc-switch-selected-pressed-track-color: #0097d2;
  --mdc-switch-selected-track-color: #0097d2;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.darkMode .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #00a3e0;
  --mdc-switch-selected-handle-color: #00a3e0;
  --mdc-switch-selected-hover-state-layer-color: #00a3e0;
  --mdc-switch-selected-pressed-state-layer-color: #00a3e0;
  --mdc-switch-selected-focus-handle-color: #00a3e0;
  --mdc-switch-selected-hover-handle-color: #00a3e0;
  --mdc-switch-selected-pressed-handle-color: #00a3e0;
  --mdc-switch-selected-focus-track-color: #00a3e0;
  --mdc-switch-selected-hover-track-color: #00a3e0;
  --mdc-switch-selected-pressed-track-color: #00a3e0;
  --mdc-switch-selected-track-color: #00a3e0;
}
.darkMode .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935;
}
.darkMode {
  --mdc-switch-state-layer-size: 40px;
}
.darkMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 15px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}
.darkMode {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.darkMode .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #0072bc;
  --mdc-radio-selected-hover-icon-color: #0072bc;
  --mdc-radio-selected-icon-color: #0072bc;
  --mdc-radio-selected-pressed-icon-color: #0072bc;
}
.darkMode .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #0072bc;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkMode .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.darkMode .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #00a3e0;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkMode .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.darkMode .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkMode {
  --mdc-radio-state-layer-size: 40px;
}
.darkMode {
  --mat-radio-touch-target-display: block;
}
.darkMode {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 15px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
.darkMode {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.darkMode {
  --mdc-slider-handle-color: #0072bc;
  --mdc-slider-focus-handle-color: #0072bc;
  --mdc-slider-hover-handle-color: #0072bc;
  --mdc-slider-active-track-color: #0072bc;
  --mdc-slider-inactive-track-color: #0072bc;
  --mdc-slider-with-tick-marks-inactive-container-color: #0072bc;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
}
.darkMode {
  --mat-slider-ripple-color: #0072bc;
  --mat-slider-hover-state-layer-color: rgba(0, 114, 188, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 114, 188, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
}
.darkMode .mat-accent {
  --mdc-slider-handle-color: #00a3e0;
  --mdc-slider-focus-handle-color: #00a3e0;
  --mdc-slider-hover-handle-color: #00a3e0;
  --mdc-slider-active-track-color: #00a3e0;
  --mdc-slider-inactive-track-color: #00a3e0;
  --mdc-slider-with-tick-marks-inactive-container-color: #00a3e0;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.darkMode .mat-accent {
  --mat-slider-ripple-color: #00a3e0;
  --mat-slider-hover-state-layer-color: rgba(0, 163, 224, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 163, 224, 0.2);
}
.darkMode .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.darkMode .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.darkMode {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 20px;
  --mdc-slider-label-label-text-line-height: 20px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 400;
}
.darkMode {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.darkMode {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}
.darkMode {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.darkMode {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.darkMode {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
}
.darkMode .mdc-list-item__start,
.darkMode .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #0072bc;
  --mdc-radio-selected-hover-icon-color: #0072bc;
  --mdc-radio-selected-icon-color: #0072bc;
  --mdc-radio-selected-pressed-icon-color: #0072bc;
}
.darkMode .mat-accent .mdc-list-item__start,
.darkMode .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.darkMode .mat-warn .mdc-list-item__start,
.darkMode .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.darkMode .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0072bc;
  --mdc-checkbox-selected-hover-icon-color: #0072bc;
  --mdc-checkbox-selected-icon-color: #0072bc;
  --mdc-checkbox-selected-pressed-icon-color: #0072bc;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0072bc;
  --mdc-checkbox-selected-hover-state-layer-color: #0072bc;
  --mdc-checkbox-selected-pressed-state-layer-color: #0072bc;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.darkMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0072bc;
}
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.darkMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.darkMode {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
.darkMode {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.darkMode .mdc-list-item__start,
.darkMode .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.darkMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.darkMode {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 15px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 15px;
  --mdc-list-list-item-trailing-supporting-text-tracking: -0.01em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.darkMode .mdc-list-group__subheader {
  font: 400 20px / 20px Roboto, sans-serif;
  letter-spacing: normal;
}
.darkMode {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.darkMode {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.darkMode {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 15px;
  --mat-paginator-container-text-tracking: -0.01em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 15px;
}
.darkMode {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.darkMode {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.darkMode {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.darkMode .mat-mdc-tab-group,
.darkMode .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #0072bc;
}
.darkMode .mat-mdc-tab-group,
.darkMode .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #0072bc;
  --mat-tab-header-active-ripple-color: #0072bc;
  --mat-tab-header-inactive-ripple-color: #0072bc;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0072bc;
  --mat-tab-header-active-hover-label-text-color: #0072bc;
  --mat-tab-header-active-focus-indicator-color: #0072bc;
  --mat-tab-header-active-hover-indicator-color: #0072bc;
}
.darkMode .mat-mdc-tab-group.mat-accent,
.darkMode .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #00a3e0;
}
.darkMode .mat-mdc-tab-group.mat-accent,
.darkMode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #00a3e0;
  --mat-tab-header-active-ripple-color: #00a3e0;
  --mat-tab-header-inactive-ripple-color: #00a3e0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #00a3e0;
  --mat-tab-header-active-hover-label-text-color: #00a3e0;
  --mat-tab-header-active-focus-indicator-color: #00a3e0;
  --mat-tab-header-active-hover-indicator-color: #00a3e0;
}
.darkMode .mat-mdc-tab-group.mat-warn,
.darkMode .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.darkMode .mat-mdc-tab-group.mat-warn,
.darkMode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.darkMode .mat-mdc-tab-group.mat-background-primary,
.darkMode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #0072bc;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkMode .mat-mdc-tab-group.mat-background-accent,
.darkMode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #00a3e0;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkMode .mat-mdc-tab-group.mat-background-warn,
.darkMode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkMode .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.darkMode .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 15px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 400;
}
.darkMode {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.darkMode {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
}
.darkMode .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0072bc;
  --mdc-checkbox-selected-hover-icon-color: #0072bc;
  --mdc-checkbox-selected-icon-color: #0072bc;
  --mdc-checkbox-selected-pressed-icon-color: #0072bc;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0072bc;
  --mdc-checkbox-selected-hover-state-layer-color: #0072bc;
  --mdc-checkbox-selected-pressed-state-layer-color: #0072bc;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkMode {
  --mdc-checkbox-state-layer-size: 40px;
}
.darkMode {
  --mat-checkbox-touch-target-display: block;
}
.darkMode {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 15px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
.darkMode {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.darkMode {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.darkMode {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.darkMode {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.darkMode {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.darkMode {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.darkMode {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.darkMode {
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkMode {
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
}
.darkMode {
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkMode {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
}
.darkMode {
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkMode {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
}
.darkMode {
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkMode {
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
}
.darkMode .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #0072bc;
}
.darkMode .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #0072bc;
  --mat-text-button-ripple-color: rgba(0, 114, 188, 0.1);
}
.darkMode .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #00a3e0;
}
.darkMode .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #00a3e0;
  --mat-text-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.darkMode .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.darkMode .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkMode .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #0072bc;
  --mdc-filled-button-label-text-color: white;
}
.darkMode .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #00a3e0;
  --mdc-filled-button-label-text-color: white;
}
.darkMode .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.darkMode .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #0072bc;
  --mdc-protected-button-label-text-color: white;
}
.darkMode .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #00a3e0;
  --mdc-protected-button-label-text-color: white;
}
.darkMode .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.darkMode .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #0072bc;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkMode .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #0072bc;
  --mat-outlined-button-ripple-color: rgba(0, 114, 188, 0.1);
}
.darkMode .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #00a3e0;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkMode .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #00a3e0;
  --mat-outlined-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.darkMode .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkMode .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkMode {
  --mdc-text-button-container-height: 36px;
}
.darkMode {
  --mdc-filled-button-container-height: 36px;
}
.darkMode {
  --mdc-protected-button-container-height: 36px;
}
.darkMode {
  --mdc-outlined-button-container-height: 36px;
}
.darkMode {
  --mat-text-button-touch-target-display: block;
}
.darkMode {
  --mat-filled-button-touch-target-display: block;
}
.darkMode {
  --mat-protected-button-touch-target-display: block;
}
.darkMode {
  --mat-outlined-button-touch-target-display: block;
}
.darkMode {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 15px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 400;
  --mdc-text-button-label-text-transform: none;
}
.darkMode {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 15px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 400;
  --mdc-filled-button-label-text-transform: none;
}
.darkMode {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 15px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 400;
  --mdc-protected-button-label-text-transform: none;
}
.darkMode {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 15px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 400;
  --mdc-outlined-button-label-text-transform: none;
}
.darkMode {
  --mdc-icon-button-icon-size: 24px;
}
.darkMode {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
}
.darkMode {
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
}
.darkMode .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #0072bc;
}
.darkMode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #0072bc;
  --mat-icon-button-ripple-color: rgba(0, 114, 188, 0.1);
}
.darkMode .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #00a3e0;
}
.darkMode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #00a3e0;
  --mat-icon-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.darkMode .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.darkMode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkMode {
  --mat-icon-button-touch-target-display: block;
}
.darkMode .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.darkMode {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mdc-fab-container-color: #424242;
}
.darkMode {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.darkMode {
  --mdc-fab-small-container-color: #424242;
}
.darkMode {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.darkMode .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #0072bc;
}
.darkMode .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #00a3e0;
}
.darkMode .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.darkMode .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #0072bc;
}
.darkMode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #00a3e0;
}
.darkMode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.darkMode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkMode {
  --mat-fab-touch-target-display: block;
}
.darkMode {
  --mat-fab-small-touch-target-display: block;
}
.darkMode {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 15px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 400;
}
.darkMode {
  --mdc-snackbar-container-shape: 4px;
}
.darkMode {
  --mdc-snackbar-container-color: rgb(217.2, 217.2, 217.2);
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
}
.darkMode {
  --mat-snack-bar-button-color: #0072bc;
}
.darkMode {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 15px;
  --mdc-snackbar-supporting-text-weight: 400;
}
.darkMode {
  --mat-table-row-item-outline-width: 1px;
}
.darkMode {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.darkMode {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
.darkMode {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 20px;
  --mat-table-header-headline-size: 20px;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 15px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 15px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
.darkMode {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.darkMode {
  --mdc-circular-progress-active-indicator-color: #0072bc;
}
.darkMode .mat-accent {
  --mdc-circular-progress-active-indicator-color: #00a3e0;
}
.darkMode .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.darkMode {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
.darkMode {
  --mat-badge-background-color: #0072bc;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.darkMode .mat-badge-accent {
  --mat-badge-background-color: #00a3e0;
  --mat-badge-text-color: white;
}
.darkMode .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.darkMode {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.darkMode {
  --mat-bottom-sheet-container-shape: 4px;
}
.darkMode {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.darkMode {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 15px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
.darkMode {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.darkMode {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.darkMode {
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
}
.darkMode {
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
}
.darkMode {
  --mat-standard-button-toggle-height: 48px;
}
.darkMode {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
.darkMode {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}
.darkMode {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0072bc;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 114, 188, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 114, 188, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 114, 188, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0072bc;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 114, 188, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.darkMode .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #00a3e0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 163, 224, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 163, 224, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.darkMode .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.darkMode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #00a3e0;
}
.darkMode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.darkMode .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.darkMode .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.darkMode {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 15px;
  --mat-datepicker-calendar-body-label-text-weight: 400;
  --mat-datepicker-calendar-period-button-text-size: 15px;
  --mat-datepicker-calendar-period-button-text-weight: 400;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
.darkMode {
  --mat-divider-width: 1px;
}
.darkMode {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.darkMode {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.darkMode {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.darkMode {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
.darkMode {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 20px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 15px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
.darkMode {
  --mat-grid-list-tile-header-primary-text-size: 15px;
  --mat-grid-list-tile-header-secondary-text-size: 15px;
  --mat-grid-list-tile-footer-primary-text-size: 15px;
  --mat-grid-list-tile-footer-secondary-text-size: 15px;
}
.darkMode {
  --mat-icon-color: inherit;
}
.darkMode .mat-icon.mat-primary {
  --mat-icon-color: #0072bc;
}
.darkMode .mat-icon.mat-accent {
  --mat-icon-color: #00a3e0;
}
.darkMode .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.darkMode {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
.darkMode {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.darkMode {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0072bc;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0072bc;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0072bc;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.darkMode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #00a3e0;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #00a3e0;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #00a3e0;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.darkMode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.darkMode {
  --mat-stepper-header-height: 72px;
}
.darkMode {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 15px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
.darkMode {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.darkMode {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.darkMode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0072bc;
  --mat-toolbar-container-text-color: white;
}
.darkMode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00a3e0;
  --mat-toolbar-container-text-color: white;
}
.darkMode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.darkMode {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
.darkMode {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
.darkMode {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.darkMode {
  --mat-tree-node-min-height: 48px;
}
.darkMode {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 15px;
  --mat-tree-node-text-weight: 400;
}
.darkMode {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkMode {
  --mat-timepicker-container-background-color: #424242;
}
.testMode {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.testMode {
  --mat-option-selected-state-label-text-color: #e7460b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.testMode .mat-accent {
  --mat-option-selected-state-label-text-color: #e7460b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.testMode .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.testMode {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.testMode {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.testMode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.testMode .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.testMode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.testMode .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.testMode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.testMode .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.testMode {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
.testMode {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
.testMode {
  --mdc-elevated-card-container-shape: 4px;
}
.testMode {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.testMode {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
.testMode {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 20px;
  --mat-card-subtitle-text-size: 20px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}
.testMode {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.testMode .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #e7460b;
  --mdc-linear-progress-track-color: rgba(231, 70, 11, 0.25);
}
.testMode .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #e7460b;
  --mdc-linear-progress-track-color: rgba(231, 70, 11, 0.25);
}
.testMode .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.testMode {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.testMode {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.testMode {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 15px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: -0.01em;
}
.testMode {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.testMode {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.testMode {
  --mdc-filled-text-field-caret-color: #e7460b;
  --mdc-filled-text-field-focus-active-indicator-color: #e7460b;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.testMode {
  --mdc-outlined-text-field-caret-color: #e7460b;
  --mdc-outlined-text-field-focus-outline-color: #e7460b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.testMode {
  --mat-form-field-focus-select-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.testMode .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #e7460b;
  --mdc-filled-text-field-focus-active-indicator-color: #e7460b;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
}
.testMode .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #e7460b;
  --mdc-outlined-text-field-focus-outline-color: #e7460b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
}
.testMode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(231, 70, 11, 0.87);
}
.testMode .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.testMode .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.testMode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.testMode {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
.testMode {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
.testMode {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
.testMode {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 15px;
  --mat-form-field-subscript-text-tracking: -0.01em;
  --mat-form-field-subscript-text-weight: 400;
}
.testMode {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.testMode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.testMode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.testMode {
  --mat-select-arrow-transform: translateY(-8px);
}
.testMode {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
.testMode {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-autocomplete-background-color: white;
}
.testMode {
  --mdc-dialog-container-shape: 4px;
}
.testMode {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.testMode {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.testMode {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 20px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 400;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.testMode .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.testMode .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.testMode .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.testMode .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e7460b;
  --mdc-chip-elevated-selected-container-color: #e7460b;
  --mdc-chip-elevated-disabled-container-color: #e7460b;
  --mdc-chip-flat-disabled-selected-container-color: #e7460b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e7460b;
  --mdc-chip-elevated-selected-container-color: #e7460b;
  --mdc-chip-elevated-disabled-container-color: #e7460b;
  --mdc-chip-flat-disabled-selected-container-color: #e7460b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.testMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.testMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.testMode .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.testMode .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 15px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}
.testMode {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.testMode .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.testMode {
  --mdc-switch-selected-focus-state-layer-color: #e7460b;
  --mdc-switch-selected-handle-color: #e7460b;
  --mdc-switch-selected-hover-state-layer-color: #e7460b;
  --mdc-switch-selected-pressed-state-layer-color: #e7460b;
  --mdc-switch-selected-focus-handle-color: #e7460b;
  --mdc-switch-selected-hover-handle-color: #e7460b;
  --mdc-switch-selected-pressed-handle-color: #e7460b;
  --mdc-switch-selected-focus-track-color: #e7460b;
  --mdc-switch-selected-hover-track-color: #e7460b;
  --mdc-switch-selected-pressed-track-color: #e7460b;
  --mdc-switch-selected-track-color: #e7460b;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.testMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #e7460b;
  --mdc-switch-selected-handle-color: #e7460b;
  --mdc-switch-selected-hover-state-layer-color: #e7460b;
  --mdc-switch-selected-pressed-state-layer-color: #e7460b;
  --mdc-switch-selected-focus-handle-color: #e7460b;
  --mdc-switch-selected-hover-handle-color: #e7460b;
  --mdc-switch-selected-pressed-handle-color: #e7460b;
  --mdc-switch-selected-focus-track-color: #e7460b;
  --mdc-switch-selected-hover-track-color: #e7460b;
  --mdc-switch-selected-pressed-track-color: #e7460b;
  --mdc-switch-selected-track-color: #e7460b;
}
.testMode .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
.testMode {
  --mdc-switch-state-layer-size: 40px;
}
.testMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 15px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}
.testMode {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.testMode .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.testMode .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e7460b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.testMode .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e7460b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.testMode .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode {
  --mdc-radio-state-layer-size: 40px;
}
.testMode {
  --mat-radio-touch-target-display: block;
}
.testMode {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 15px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
.testMode {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.testMode {
  --mdc-slider-handle-color: #e7460b;
  --mdc-slider-focus-handle-color: #e7460b;
  --mdc-slider-hover-handle-color: #e7460b;
  --mdc-slider-active-track-color: #e7460b;
  --mdc-slider-inactive-track-color: #e7460b;
  --mdc-slider-with-tick-marks-inactive-container-color: #e7460b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
.testMode {
  --mat-slider-ripple-color: #e7460b;
  --mat-slider-hover-state-layer-color: rgba(231, 70, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 70, 11, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
.testMode .mat-accent {
  --mdc-slider-handle-color: #e7460b;
  --mdc-slider-focus-handle-color: #e7460b;
  --mdc-slider-hover-handle-color: #e7460b;
  --mdc-slider-active-track-color: #e7460b;
  --mdc-slider-inactive-track-color: #e7460b;
  --mdc-slider-with-tick-marks-inactive-container-color: #e7460b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.testMode .mat-accent {
  --mat-slider-ripple-color: #e7460b;
  --mat-slider-hover-state-layer-color: rgba(231, 70, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 70, 11, 0.2);
}
.testMode .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.testMode .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.testMode {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 20px;
  --mdc-slider-label-label-text-line-height: 20px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 400;
}
.testMode {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}
.testMode {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.testMode {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.testMode {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.testMode .mdc-list-item__start,
.testMode .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.testMode .mat-accent .mdc-list-item__start,
.testMode .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.testMode .mat-warn .mdc-list-item__start,
.testMode .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.testMode .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.testMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.testMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.testMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e7460b;
}
.testMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.testMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.testMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.testMode {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
.testMode {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.testMode .mdc-list-item__start,
.testMode .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.testMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.testMode {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 15px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 15px;
  --mdc-list-list-item-trailing-supporting-text-tracking: -0.01em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.testMode .mdc-list-group__subheader {
  font: 400 20px / 20px Roboto, sans-serif;
  letter-spacing: normal;
}
.testMode {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.testMode {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 15px;
  --mat-paginator-container-text-tracking: -0.01em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 15px;
}
.testMode {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.testMode {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.testMode {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.testMode .mat-mdc-tab-group,
.testMode .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #e7460b;
}
.testMode .mat-mdc-tab-group,
.testMode .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #e7460b;
  --mat-tab-header-active-ripple-color: #e7460b;
  --mat-tab-header-inactive-ripple-color: #e7460b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e7460b;
  --mat-tab-header-active-hover-label-text-color: #e7460b;
  --mat-tab-header-active-focus-indicator-color: #e7460b;
  --mat-tab-header-active-hover-indicator-color: #e7460b;
}
.testMode .mat-mdc-tab-group.mat-accent,
.testMode .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #e7460b;
}
.testMode .mat-mdc-tab-group.mat-accent,
.testMode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #e7460b;
  --mat-tab-header-active-ripple-color: #e7460b;
  --mat-tab-header-inactive-ripple-color: #e7460b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e7460b;
  --mat-tab-header-active-hover-label-text-color: #e7460b;
  --mat-tab-header-active-focus-indicator-color: #e7460b;
  --mat-tab-header-active-hover-indicator-color: #e7460b;
}
.testMode .mat-mdc-tab-group.mat-warn,
.testMode .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.testMode .mat-mdc-tab-group.mat-warn,
.testMode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.testMode .mat-mdc-tab-group.mat-background-primary,
.testMode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #e7460b;
  --mat-tab-header-with-background-foreground-color: white;
}
.testMode .mat-mdc-tab-group.mat-background-accent,
.testMode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #e7460b;
  --mat-tab-header-with-background-foreground-color: white;
}
.testMode .mat-mdc-tab-group.mat-background-warn,
.testMode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.testMode .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.testMode .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 15px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 400;
}
.testMode {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.testMode {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.testMode {
  --mdc-checkbox-state-layer-size: 40px;
}
.testMode {
  --mat-checkbox-touch-target-display: block;
}
.testMode {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 15px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
.testMode {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.testMode {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.testMode {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.testMode {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.testMode {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.testMode {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.testMode {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.testMode {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.testMode {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
.testMode {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.testMode {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
.testMode {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.testMode {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
.testMode {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.testMode .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #e7460b;
}
.testMode .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #e7460b;
  --mat-text-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #e7460b;
}
.testMode .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #e7460b;
  --mat-text-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.testMode .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.testMode .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #e7460b;
  --mdc-filled-button-label-text-color: white;
}
.testMode .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #e7460b;
  --mdc-filled-button-label-text-color: white;
}
.testMode .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.testMode .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #e7460b;
  --mdc-protected-button-label-text-color: white;
}
.testMode .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #e7460b;
  --mdc-protected-button-label-text-color: white;
}
.testMode .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.testMode .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #e7460b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.testMode .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #e7460b;
  --mat-outlined-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #e7460b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.testMode .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #e7460b;
  --mat-outlined-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.testMode .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.testMode {
  --mdc-text-button-container-height: 36px;
}
.testMode {
  --mdc-filled-button-container-height: 36px;
}
.testMode {
  --mdc-protected-button-container-height: 36px;
}
.testMode {
  --mdc-outlined-button-container-height: 36px;
}
.testMode {
  --mat-text-button-touch-target-display: block;
}
.testMode {
  --mat-filled-button-touch-target-display: block;
}
.testMode {
  --mat-protected-button-touch-target-display: block;
}
.testMode {
  --mat-outlined-button-touch-target-display: block;
}
.testMode {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 15px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 400;
  --mdc-text-button-label-text-transform: none;
}
.testMode {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 15px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 400;
  --mdc-filled-button-label-text-transform: none;
}
.testMode {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 15px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 400;
  --mdc-protected-button-label-text-transform: none;
}
.testMode {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 15px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 400;
  --mdc-outlined-button-label-text-transform: none;
}
.testMode {
  --mdc-icon-button-icon-size: 24px;
}
.testMode {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.testMode {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
.testMode .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #e7460b;
}
.testMode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #e7460b;
  --mat-icon-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #e7460b;
}
.testMode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #e7460b;
  --mat-icon-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.testMode .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.testMode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.testMode {
  --mat-icon-button-touch-target-display: block;
}
.testMode .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.testMode {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mdc-fab-container-color: white;
}
.testMode {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.testMode {
  --mdc-fab-small-container-color: white;
}
.testMode {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.testMode .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #e7460b;
}
.testMode .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #e7460b;
}
.testMode .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.testMode .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #e7460b;
}
.testMode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #e7460b;
}
.testMode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.testMode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.testMode {
  --mat-fab-touch-target-display: block;
}
.testMode {
  --mat-fab-small-touch-target-display: block;
}
.testMode {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 15px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 400;
}
.testMode {
  --mdc-snackbar-container-shape: 4px;
}
.testMode {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
.testMode {
  --mat-snack-bar-button-color: #e7460b;
}
.testMode {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 15px;
  --mdc-snackbar-supporting-text-weight: 400;
}
.testMode {
  --mat-table-row-item-outline-width: 1px;
}
.testMode {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
.testMode {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 20px;
  --mat-table-header-headline-size: 20px;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 15px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 15px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
.testMode {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.testMode {
  --mdc-circular-progress-active-indicator-color: #e7460b;
}
.testMode .mat-accent {
  --mdc-circular-progress-active-indicator-color: #e7460b;
}
.testMode .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.testMode {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
.testMode {
  --mat-badge-background-color: #e7460b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.testMode .mat-badge-accent {
  --mat-badge-background-color: #e7460b;
  --mat-badge-text-color: white;
}
.testMode .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.testMode {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.testMode {
  --mat-bottom-sheet-container-shape: 4px;
}
.testMode {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.testMode {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 15px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
.testMode {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.testMode {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.testMode {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
.testMode {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}
.testMode {
  --mat-standard-button-toggle-height: 48px;
}
.testMode {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
.testMode {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}
.testMode {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e7460b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 70, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e7460b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 70, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e7460b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 70, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 70, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.testMode .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.testMode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #e7460b;
}
.testMode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.testMode .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.testMode .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.testMode {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 15px;
  --mat-datepicker-calendar-body-label-text-weight: 400;
  --mat-datepicker-calendar-period-button-text-size: 15px;
  --mat-datepicker-calendar-period-button-text-weight: 400;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
.testMode {
  --mat-divider-width: 1px;
}
.testMode {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.testMode {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.testMode {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
.testMode {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 20px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 15px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
.testMode {
  --mat-grid-list-tile-header-primary-text-size: 15px;
  --mat-grid-list-tile-header-secondary-text-size: 15px;
  --mat-grid-list-tile-footer-primary-text-size: 15px;
  --mat-grid-list-tile-footer-secondary-text-size: 15px;
}
.testMode {
  --mat-icon-color: inherit;
}
.testMode .mat-icon.mat-primary {
  --mat-icon-color: #e7460b;
}
.testMode .mat-icon.mat-accent {
  --mat-icon-color: #e7460b;
}
.testMode .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.testMode {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
.testMode {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
.testMode {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e7460b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e7460b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e7460b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.testMode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e7460b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e7460b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e7460b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.testMode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.testMode {
  --mat-stepper-header-height: 72px;
}
.testMode {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 15px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
.testMode {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.testMode {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.testMode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e7460b;
  --mat-toolbar-container-text-color: white;
}
.testMode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #e7460b;
  --mat-toolbar-container-text-color: white;
}
.testMode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.testMode {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
.testMode {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
.testMode {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.testMode {
  --mat-tree-node-min-height: 48px;
}
.testMode {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 15px;
  --mat-tree-node-text-weight: 400;
}
.testMode {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.testMode {
  --mat-timepicker-container-background-color: white;
}
.darkTestMode {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode {
  --mat-option-selected-state-label-text-color: #e7460b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkTestMode .mat-accent {
  --mat-option-selected-state-label-text-color: #e7460b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkTestMode .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.darkTestMode {
  --mat-optgroup-label-text-color: white;
}
.darkTestMode {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkTestMode {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkTestMode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkTestMode .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkTestMode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7460b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkTestMode .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7460b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkTestMode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.darkTestMode .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.darkTestMode {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
.darkTestMode {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
.darkTestMode {
  --mdc-elevated-card-container-shape: 4px;
}
.darkTestMode {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.darkTestMode {
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
}
.darkTestMode {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 20px;
  --mat-card-subtitle-text-size: 20px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}
.darkTestMode {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.darkTestMode .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #e7460b;
  --mdc-linear-progress-track-color: rgba(231, 70, 11, 0.25);
}
.darkTestMode .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #e7460b;
  --mdc-linear-progress-track-color: rgba(231, 70, 11, 0.25);
}
.darkTestMode .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.darkTestMode {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.darkTestMode {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.darkTestMode {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 15px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: -0.01em;
}
.darkTestMode {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.darkTestMode {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.darkTestMode {
  --mdc-filled-text-field-caret-color: #e7460b;
  --mdc-filled-text-field-focus-active-indicator-color: #e7460b;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
  --mdc-filled-text-field-container-color: rgb(73.56, 73.56, 73.56);
  --mdc-filled-text-field-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.darkTestMode {
  --mdc-outlined-text-field-caret-color: #e7460b;
  --mdc-outlined-text-field-focus-outline-color: #e7460b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.darkTestMode {
  --mat-form-field-focus-select-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
}
.darkTestMode .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #e7460b;
  --mdc-filled-text-field-focus-active-indicator-color: #e7460b;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #e7460b;
  --mdc-outlined-text-field-focus-outline-color: #e7460b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 70, 11, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(231, 70, 11, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
.darkTestMode {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
.darkTestMode {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
.darkTestMode {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 15px;
  --mat-form-field-subscript-text-tracking: -0.01em;
  --mat-form-field-subscript-text-weight: 400;
}
.darkTestMode {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 70, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.darkTestMode {
  --mat-select-arrow-transform: translateY(-8px);
}
.darkTestMode {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
.darkTestMode {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-autocomplete-background-color: #424242;
}
.darkTestMode {
  --mdc-dialog-container-shape: 4px;
}
.darkTestMode {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.darkTestMode {
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.darkTestMode {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 20px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 400;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.darkTestMode .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.darkTestMode .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.darkTestMode .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.darkTestMode .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e7460b;
  --mdc-chip-elevated-selected-container-color: #e7460b;
  --mdc-chip-elevated-disabled-container-color: #e7460b;
  --mdc-chip-flat-disabled-selected-container-color: #e7460b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e7460b;
  --mdc-chip-elevated-selected-container-color: #e7460b;
  --mdc-chip-elevated-disabled-container-color: #e7460b;
  --mdc-chip-flat-disabled-selected-container-color: #e7460b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.darkTestMode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.darkTestMode .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.darkTestMode .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 15px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}
.darkTestMode {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.darkTestMode .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.darkTestMode {
  --mdc-switch-selected-focus-state-layer-color: #e7460b;
  --mdc-switch-selected-handle-color: #e7460b;
  --mdc-switch-selected-hover-state-layer-color: #e7460b;
  --mdc-switch-selected-pressed-state-layer-color: #e7460b;
  --mdc-switch-selected-focus-handle-color: #e7460b;
  --mdc-switch-selected-hover-handle-color: #e7460b;
  --mdc-switch-selected-pressed-handle-color: #e7460b;
  --mdc-switch-selected-focus-track-color: #e7460b;
  --mdc-switch-selected-hover-track-color: #e7460b;
  --mdc-switch-selected-pressed-track-color: #e7460b;
  --mdc-switch-selected-track-color: #e7460b;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.darkTestMode .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #e7460b;
  --mdc-switch-selected-handle-color: #e7460b;
  --mdc-switch-selected-hover-state-layer-color: #e7460b;
  --mdc-switch-selected-pressed-state-layer-color: #e7460b;
  --mdc-switch-selected-focus-handle-color: #e7460b;
  --mdc-switch-selected-hover-handle-color: #e7460b;
  --mdc-switch-selected-pressed-handle-color: #e7460b;
  --mdc-switch-selected-focus-track-color: #e7460b;
  --mdc-switch-selected-hover-track-color: #e7460b;
  --mdc-switch-selected-pressed-track-color: #e7460b;
  --mdc-switch-selected-track-color: #e7460b;
}
.darkTestMode .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935;
}
.darkTestMode {
  --mdc-switch-state-layer-size: 40px;
}
.darkTestMode .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 15px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}
.darkTestMode {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.darkTestMode .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.darkTestMode .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #e7460b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkTestMode .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.darkTestMode .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #e7460b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkTestMode .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.darkTestMode .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.darkTestMode {
  --mdc-radio-state-layer-size: 40px;
}
.darkTestMode {
  --mat-radio-touch-target-display: block;
}
.darkTestMode {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 15px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
.darkTestMode {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.darkTestMode {
  --mdc-slider-handle-color: #e7460b;
  --mdc-slider-focus-handle-color: #e7460b;
  --mdc-slider-hover-handle-color: #e7460b;
  --mdc-slider-active-track-color: #e7460b;
  --mdc-slider-inactive-track-color: #e7460b;
  --mdc-slider-with-tick-marks-inactive-container-color: #e7460b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
}
.darkTestMode {
  --mat-slider-ripple-color: #e7460b;
  --mat-slider-hover-state-layer-color: rgba(231, 70, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 70, 11, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
}
.darkTestMode .mat-accent {
  --mdc-slider-handle-color: #e7460b;
  --mdc-slider-focus-handle-color: #e7460b;
  --mdc-slider-hover-handle-color: #e7460b;
  --mdc-slider-active-track-color: #e7460b;
  --mdc-slider-inactive-track-color: #e7460b;
  --mdc-slider-with-tick-marks-inactive-container-color: #e7460b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.darkTestMode .mat-accent {
  --mat-slider-ripple-color: #e7460b;
  --mat-slider-hover-state-layer-color: rgba(231, 70, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 70, 11, 0.2);
}
.darkTestMode .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.darkTestMode .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.darkTestMode {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 20px;
  --mdc-slider-label-label-text-line-height: 20px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 400;
}
.darkTestMode {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}
.darkTestMode {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.darkTestMode {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.darkTestMode {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
}
.darkTestMode .mdc-list-item__start,
.darkTestMode .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.darkTestMode .mat-accent .mdc-list-item__start,
.darkTestMode .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7460b;
  --mdc-radio-selected-hover-icon-color: #e7460b;
  --mdc-radio-selected-icon-color: #e7460b;
  --mdc-radio-selected-pressed-icon-color: #e7460b;
}
.darkTestMode .mat-warn .mdc-list-item__start,
.darkTestMode .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.darkTestMode .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.darkTestMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.darkTestMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.darkTestMode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e7460b;
}
.darkTestMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.darkTestMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.darkTestMode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.darkTestMode {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
.darkTestMode {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.darkTestMode .mdc-list-item__start,
.darkTestMode .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.darkTestMode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.darkTestMode {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 15px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 15px;
  --mdc-list-list-item-trailing-supporting-text-tracking: -0.01em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.darkTestMode .mdc-list-group__subheader {
  font: 400 20px / 20px Roboto, sans-serif;
  letter-spacing: normal;
}
.darkTestMode {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.darkTestMode {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 15px;
  --mat-paginator-container-text-tracking: -0.01em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 15px;
}
.darkTestMode {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.darkTestMode {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.darkTestMode {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.darkTestMode .mat-mdc-tab-group,
.darkTestMode .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #e7460b;
}
.darkTestMode .mat-mdc-tab-group,
.darkTestMode .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #e7460b;
  --mat-tab-header-active-ripple-color: #e7460b;
  --mat-tab-header-inactive-ripple-color: #e7460b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e7460b;
  --mat-tab-header-active-hover-label-text-color: #e7460b;
  --mat-tab-header-active-focus-indicator-color: #e7460b;
  --mat-tab-header-active-hover-indicator-color: #e7460b;
}
.darkTestMode .mat-mdc-tab-group.mat-accent,
.darkTestMode .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #e7460b;
}
.darkTestMode .mat-mdc-tab-group.mat-accent,
.darkTestMode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #e7460b;
  --mat-tab-header-active-ripple-color: #e7460b;
  --mat-tab-header-inactive-ripple-color: #e7460b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e7460b;
  --mat-tab-header-active-hover-label-text-color: #e7460b;
  --mat-tab-header-active-focus-indicator-color: #e7460b;
  --mat-tab-header-active-hover-indicator-color: #e7460b;
}
.darkTestMode .mat-mdc-tab-group.mat-warn,
.darkTestMode .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.darkTestMode .mat-mdc-tab-group.mat-warn,
.darkTestMode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.darkTestMode .mat-mdc-tab-group.mat-background-primary,
.darkTestMode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #e7460b;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkTestMode .mat-mdc-tab-group.mat-background-accent,
.darkTestMode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #e7460b;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkTestMode .mat-mdc-tab-group.mat-background-warn,
.darkTestMode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.darkTestMode .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.darkTestMode .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 15px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 400;
}
.darkTestMode {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.darkTestMode {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
}
.darkTestMode .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e7460b;
  --mdc-checkbox-selected-hover-icon-color: #e7460b;
  --mdc-checkbox-selected-icon-color: #e7460b;
  --mdc-checkbox-selected-pressed-icon-color: #e7460b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7460b;
  --mdc-checkbox-selected-hover-state-layer-color: #e7460b;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7460b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.darkTestMode {
  --mdc-checkbox-state-layer-size: 40px;
}
.darkTestMode {
  --mat-checkbox-touch-target-display: block;
}
.darkTestMode {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 15px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
.darkTestMode {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.darkTestMode {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.darkTestMode {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.darkTestMode {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.darkTestMode {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.darkTestMode {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.darkTestMode {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.darkTestMode {
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode {
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
}
.darkTestMode {
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
}
.darkTestMode {
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
}
.darkTestMode {
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode {
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
}
.darkTestMode .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #e7460b;
}
.darkTestMode .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #e7460b;
  --mat-text-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #e7460b;
}
.darkTestMode .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #e7460b;
  --mat-text-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.darkTestMode .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkTestMode .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #e7460b;
  --mdc-filled-button-label-text-color: white;
}
.darkTestMode .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #e7460b;
  --mdc-filled-button-label-text-color: white;
}
.darkTestMode .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.darkTestMode .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #e7460b;
  --mdc-protected-button-label-text-color: white;
}
.darkTestMode .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #e7460b;
  --mdc-protected-button-label-text-color: white;
}
.darkTestMode .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.darkTestMode .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #e7460b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #e7460b;
  --mat-outlined-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #e7460b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #e7460b;
  --mat-outlined-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkTestMode {
  --mdc-text-button-container-height: 36px;
}
.darkTestMode {
  --mdc-filled-button-container-height: 36px;
}
.darkTestMode {
  --mdc-protected-button-container-height: 36px;
}
.darkTestMode {
  --mdc-outlined-button-container-height: 36px;
}
.darkTestMode {
  --mat-text-button-touch-target-display: block;
}
.darkTestMode {
  --mat-filled-button-touch-target-display: block;
}
.darkTestMode {
  --mat-protected-button-touch-target-display: block;
}
.darkTestMode {
  --mat-outlined-button-touch-target-display: block;
}
.darkTestMode {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 15px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 400;
  --mdc-text-button-label-text-transform: none;
}
.darkTestMode {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 15px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 400;
  --mdc-filled-button-label-text-transform: none;
}
.darkTestMode {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 15px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 400;
  --mdc-protected-button-label-text-transform: none;
}
.darkTestMode {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 15px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 400;
  --mdc-outlined-button-label-text-transform: none;
}
.darkTestMode {
  --mdc-icon-button-icon-size: 24px;
}
.darkTestMode {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode {
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
}
.darkTestMode .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #e7460b;
}
.darkTestMode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #e7460b;
  --mat-icon-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #e7460b;
}
.darkTestMode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #e7460b;
  --mat-icon-button-ripple-color: rgba(231, 70, 11, 0.1);
}
.darkTestMode .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.darkTestMode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.darkTestMode {
  --mat-icon-button-touch-target-display: block;
}
.darkTestMode .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.darkTestMode {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mdc-fab-container-color: #424242;
}
.darkTestMode {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode {
  --mdc-fab-small-container-color: #424242;
}
.darkTestMode {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #e7460b;
}
.darkTestMode .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #e7460b;
}
.darkTestMode .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.darkTestMode .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #e7460b;
}
.darkTestMode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #e7460b;
}
.darkTestMode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.darkTestMode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.darkTestMode {
  --mat-fab-touch-target-display: block;
}
.darkTestMode {
  --mat-fab-small-touch-target-display: block;
}
.darkTestMode {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 15px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 400;
}
.darkTestMode {
  --mdc-snackbar-container-shape: 4px;
}
.darkTestMode {
  --mdc-snackbar-container-color: rgb(217.2, 217.2, 217.2);
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
}
.darkTestMode {
  --mat-snack-bar-button-color: #e7460b;
}
.darkTestMode {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 15px;
  --mdc-snackbar-supporting-text-weight: 400;
}
.darkTestMode {
  --mat-table-row-item-outline-width: 1px;
}
.darkTestMode {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
.darkTestMode {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 20px;
  --mat-table-header-headline-size: 20px;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 15px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 15px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
.darkTestMode {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.darkTestMode {
  --mdc-circular-progress-active-indicator-color: #e7460b;
}
.darkTestMode .mat-accent {
  --mdc-circular-progress-active-indicator-color: #e7460b;
}
.darkTestMode .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.darkTestMode {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
.darkTestMode {
  --mat-badge-background-color: #e7460b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.darkTestMode .mat-badge-accent {
  --mat-badge-background-color: #e7460b;
  --mat-badge-text-color: white;
}
.darkTestMode .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.darkTestMode {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.darkTestMode {
  --mat-bottom-sheet-container-shape: 4px;
}
.darkTestMode {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.darkTestMode {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 15px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
.darkTestMode {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.darkTestMode {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.darkTestMode {
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
}
.darkTestMode {
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
}
.darkTestMode {
  --mat-standard-button-toggle-height: 48px;
}
.darkTestMode {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
.darkTestMode {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}
.darkTestMode {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e7460b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 70, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e7460b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 70, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.darkTestMode .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e7460b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 70, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 70, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 70, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.darkTestMode .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.darkTestMode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #e7460b;
}
.darkTestMode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.darkTestMode .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.darkTestMode .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.darkTestMode {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 15px;
  --mat-datepicker-calendar-body-label-text-weight: 400;
  --mat-datepicker-calendar-period-button-text-size: 15px;
  --mat-datepicker-calendar-period-button-text-weight: 400;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
.darkTestMode {
  --mat-divider-width: 1px;
}
.darkTestMode {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.darkTestMode {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.darkTestMode {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.darkTestMode {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
.darkTestMode {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 20px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 15px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
.darkTestMode {
  --mat-grid-list-tile-header-primary-text-size: 15px;
  --mat-grid-list-tile-header-secondary-text-size: 15px;
  --mat-grid-list-tile-footer-primary-text-size: 15px;
  --mat-grid-list-tile-footer-secondary-text-size: 15px;
}
.darkTestMode {
  --mat-icon-color: inherit;
}
.darkTestMode .mat-icon.mat-primary {
  --mat-icon-color: #e7460b;
}
.darkTestMode .mat-icon.mat-accent {
  --mat-icon-color: #e7460b;
}
.darkTestMode .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.darkTestMode {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
.darkTestMode {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.darkTestMode {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e7460b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e7460b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e7460b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.darkTestMode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e7460b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e7460b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e7460b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.darkTestMode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.darkTestMode {
  --mat-stepper-header-height: 72px;
}
.darkTestMode {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 15px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
.darkTestMode {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.darkTestMode {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.darkTestMode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e7460b;
  --mat-toolbar-container-text-color: white;
}
.darkTestMode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #e7460b;
  --mat-toolbar-container-text-color: white;
}
.darkTestMode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.darkTestMode {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
.darkTestMode {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
.darkTestMode {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.darkTestMode {
  --mat-tree-node-min-height: 48px;
}
.darkTestMode {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 15px;
  --mat-tree-node-text-weight: 400;
}
.darkTestMode {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.darkTestMode {
  --mat-timepicker-container-background-color: #424242;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #00a3e0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #00a3e0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #00a3e0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00a3e0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #00a3e0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00a3e0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #00a3e0;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00a3e0;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 20px;
  --mat-card-subtitle-text-size: 20px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #00a3e0;
  --mdc-linear-progress-track-color: rgba(0, 163, 224, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #00a3e0;
  --mdc-linear-progress-track-color: rgba(0, 163, 224, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 15px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: -0.01em;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #00a3e0;
  --mdc-filled-text-field-focus-active-indicator-color: #00a3e0;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
html {
  --mdc-outlined-text-field-caret-color: #00a3e0;
  --mdc-outlined-text-field-focus-outline-color: #00a3e0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(0, 163, 224, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #00a3e0;
  --mdc-filled-text-field-focus-active-indicator-color: #00a3e0;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #00a3e0;
  --mdc-outlined-text-field-focus-outline-color: #00a3e0;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 163, 224, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(0, 163, 224, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 15px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 15px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 15px;
  --mat-form-field-subscript-text-tracking: -0.01em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 163, 224, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 163, 224, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 20px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 400;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 15px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #00a3e0;
  --mdc-chip-elevated-selected-container-color: #00a3e0;
  --mdc-chip-elevated-disabled-container-color: #00a3e0;
  --mdc-chip-flat-disabled-selected-container-color: #00a3e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #00a3e0;
  --mdc-chip-elevated-selected-container-color: #00a3e0;
  --mdc-chip-elevated-disabled-container-color: #00a3e0;
  --mdc-chip-flat-disabled-selected-container-color: #00a3e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 15px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #0097d2;
  --mdc-switch-selected-handle-color: #0097d2;
  --mdc-switch-selected-hover-state-layer-color: #0097d2;
  --mdc-switch-selected-pressed-state-layer-color: #0097d2;
  --mdc-switch-selected-focus-handle-color: #00458a;
  --mdc-switch-selected-hover-handle-color: #00458a;
  --mdc-switch-selected-pressed-handle-color: #00458a;
  --mdc-switch-selected-focus-track-color: #50bfe7;
  --mdc-switch-selected-hover-track-color: #50bfe7;
  --mdc-switch-selected-pressed-track-color: #50bfe7;
  --mdc-switch-selected-track-color: #50bfe7;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #00a3e0;
  --mdc-switch-selected-handle-color: #00a3e0;
  --mdc-switch-selected-hover-state-layer-color: #00a3e0;
  --mdc-switch-selected-pressed-state-layer-color: #00a3e0;
  --mdc-switch-selected-focus-handle-color: #00a3e0;
  --mdc-switch-selected-hover-handle-color: #00a3e0;
  --mdc-switch-selected-pressed-handle-color: #00a3e0;
  --mdc-switch-selected-focus-track-color: #00a3e0;
  --mdc-switch-selected-hover-track-color: #00a3e0;
  --mdc-switch-selected-pressed-track-color: #00a3e0;
  --mdc-switch-selected-track-color: #00a3e0;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 15px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #00a3e0;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #00a3e0;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 15px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #00a3e0;
  --mdc-slider-focus-handle-color: #00a3e0;
  --mdc-slider-hover-handle-color: #00a3e0;
  --mdc-slider-active-track-color: #00a3e0;
  --mdc-slider-inactive-track-color: #00a3e0;
  --mdc-slider-with-tick-marks-inactive-container-color: #00a3e0;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #00a3e0;
  --mat-slider-hover-state-layer-color: rgba(0, 163, 224, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 163, 224, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #00a3e0;
  --mdc-slider-focus-handle-color: #00a3e0;
  --mdc-slider-hover-handle-color: #00a3e0;
  --mdc-slider-active-track-color: #00a3e0;
  --mdc-slider-inactive-track-color: #00a3e0;
  --mdc-slider-with-tick-marks-inactive-container-color: #00a3e0;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #00a3e0;
  --mat-slider-hover-state-layer-color: rgba(0, 163, 224, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 163, 224, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 20px;
  --mdc-slider-label-label-text-line-height: 20px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 400;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00a3e0;
  --mdc-radio-selected-hover-icon-color: #00a3e0;
  --mdc-radio-selected-icon-color: #00a3e0;
  --mdc-radio-selected-pressed-icon-color: #00a3e0;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #00a3e0;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 15px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 15px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 15px;
  --mdc-list-list-item-trailing-supporting-text-tracking: -0.01em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 20px / 20px Roboto, sans-serif;
  letter-spacing: normal;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 15px;
  --mat-paginator-container-text-tracking: -0.01em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 15px;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #00a3e0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #00a3e0;
  --mat-tab-header-active-ripple-color: #00a3e0;
  --mat-tab-header-inactive-ripple-color: #00a3e0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #00a3e0;
  --mat-tab-header-active-hover-label-text-color: #00a3e0;
  --mat-tab-header-active-focus-indicator-color: #00a3e0;
  --mat-tab-header-active-hover-indicator-color: #00a3e0;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #00a3e0;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #00a3e0;
  --mat-tab-header-active-ripple-color: #00a3e0;
  --mat-tab-header-inactive-ripple-color: #00a3e0;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #00a3e0;
  --mat-tab-header-active-hover-label-text-color: #00a3e0;
  --mat-tab-header-active-focus-indicator-color: #00a3e0;
  --mat-tab-header-active-hover-indicator-color: #00a3e0;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #00a3e0;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #00a3e0;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 15px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 400;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00a3e0;
  --mdc-checkbox-selected-hover-icon-color: #00a3e0;
  --mdc-checkbox-selected-icon-color: #00a3e0;
  --mdc-checkbox-selected-pressed-icon-color: #00a3e0;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-hover-state-layer-color: #00a3e0;
  --mdc-checkbox-selected-pressed-state-layer-color: #00a3e0;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 15px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #00a3e0;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #00a3e0;
  --mat-text-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #00a3e0;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #00a3e0;
  --mat-text-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #00a3e0;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #00a3e0;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #00a3e0;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #00a3e0;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #00a3e0;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #00a3e0;
  --mat-outlined-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #00a3e0;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #00a3e0;
  --mat-outlined-button-ripple-color: rgba(0, 163, 224, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 15px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 400;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 15px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 400;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 15px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 400;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 15px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 400;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #00a3e0;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #00a3e0;
  --mat-icon-button-ripple-color: rgba(0, 163, 224, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #00a3e0;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #00a3e0;
  --mat-icon-button-ripple-color: rgba(0, 163, 224, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #00a3e0;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #00a3e0;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #00a3e0;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #00a3e0;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 15px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 400;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #b2e3f4;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 15px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 20px;
  --mat-table-header-headline-size: 20px;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 15px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 15px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #00a3e0;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #00a3e0;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #00a3e0;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #00a3e0;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 15px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 15px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 15px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #00a3e0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 163, 224, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #00a3e0;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 163, 224, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #00a3e0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 163, 224, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 163, 224, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 163, 224, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #00a3e0;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 15px;
  --mat-datepicker-calendar-body-label-text-weight: 400;
  --mat-datepicker-calendar-period-button-text-size: 15px;
  --mat-datepicker-calendar-period-button-text-weight: 400;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 20px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 15px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 15px;
  --mat-grid-list-tile-header-secondary-text-size: 15px;
  --mat-grid-list-tile-footer-primary-text-size: 15px;
  --mat-grid-list-tile-footer-secondary-text-size: 15px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #00a3e0;
}
.mat-icon.mat-accent {
  --mat-icon-color: #00a3e0;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #00a3e0;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #00a3e0;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #00a3e0;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #00a3e0;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #00a3e0;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #00a3e0;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 15px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #00a3e0;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00a3e0;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 15px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    local(""),
    url("./media/roboto-POGXOGF2.woff2") format("woff2"),
    url("./media/roboto-U2IEJXJZ.woff") format("woff");
}
html body {
  color: #000;
  height: 100%;
  margin: 0;
  font-family:
    "Roboto",
    "Arial",
    sans-serif;
  font-weight: 300;
}
@media (prefers-color-scheme: dark) {
  html body {
    background-color: #1f1e1c;
    color: white;
  }
  html body p {
    color: white !important;
  }
  html body fp-auto-select .dropdown-item {
    color: black;
  }
}
html body a {
  color: #00a3e0;
  text-decoration: none;
  font-weight: bold;
}
@media (prefers-color-scheme: dark) {
  html body a {
    color: white;
  }
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body ul,
html body ol,
html body li {
  margin: 0;
}
html body input,
html body textarea,
html body button,
html body select,
html body a {
  -webkit-tap-highlight-color: transparent;
}
html body .adyen-checkout__fieldset__title {
  font-family:
    Roboto,
    Arial,
    sans-serif;
  letter-spacing: inherit;
  text-transform: inherit;
  font-size: 1.25em;
  color: #000;
}
html body .adyen-checkout__label__text {
  font-size: 0.9em;
  color: #000;
}
html body .adyen-checkout__input {
  background: #efefef;
  border: none;
}
html body .adyen-checkout__dropdown__button {
  background-color: #efefef;
  border: none;
}
html body .adyen-checkout__button {
  background-color: #00a3e0;
}
html body .adyen-checkout__button:hover {
  background-color: #0072bc;
}
html body .adyen-checkout__spinner {
  border-color: #00a3e0;
  border-top-color: transparent;
}
html body .adyen-checkout__payment-method__radio--selected {
  background-color: #00a3e0;
}
html body .adyen-checkout__filter-input {
  background-color: #efefef;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}

/* angular:styles/global:styles */