@charset "UTF-8";

/* src/styles.scss */
:root {
  --font-family-base:
    "Open Sans",
    Helvetica,
    Arial,
    sans-serif;
  --font-family-monospace:
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --font-family-headlines: var(--font-family-base);
  --text-color-primary: var(--brand-neutral);
  --text-color-secondary: var(--gray-800);
  --text-color-tertiary: #6E6E6E;
  --font-weight-bold: 700;
  --btn-primary-font-weight: var(--font-weight-semibold);
  --btn-secondary-font-weight: var(--font-weight-semibold);
  --btn-tertiary-font-weight: var(--font-weight-semibold);
  --btn-primary-text-transform: none;
  --btn-secondary-text-transform: none;
  --btn-tertiary-text-transform: none;
  --brand-primary: #187CAA;
  --brand-primary-dark: #005684;
  --brand-primary-light: #4BAFDD;
  --brand-secondary: #BFD730;
  --brand-secondary-light: color-mix(in srgb, var(--brand-secondary) 60%, white);
  --brand-neutral: #1F1F1F;
  --brand-background: #F9F9F9;
  --accent-color-1: #250662;
  --accent-color-2: #E0E321;
  --accent-color-3: #F29856;
  --accent-color-4: #BC6475;
  --accent-color-5: #6C5E87;
  --accent-color-6: #00AAE7;
  --accent-color-7: #6F6C74;
  --gray-100: #EBEBEB;
  --gray-200: #D2D2D2;
  --gray-300: #B8B8B8;
  --gray-400: #9E9E9E;
  --gray-500: #929292;
  --gray-600: #858585;
  --gray-700: #6C6C6C;
  --gray-800: #525252;
  --gray-900: #393939;
  --positive-color: #3B7859;
  --negative-color: #953E3E;
  --cash-flow-pos-color: var(--positive-color);
  --cash-flow-neg-color: var(--negative-color);
  --success: #255B40;
  --info: #187CAA;
  --warning: #F2A708;
  --danger: #862C1F;
  --success-color: var(--success);
  --fail-color: var(--danger);
  --success-text: #FFFFFF;
  --info-text: #FFFFFF;
  --warning-text: var(--brand-neutral);
  --danger-text: #FFFFFF;
  --link-color: var(--brand-primary);
  --link-hover-color: var(--brand-primary-dark);
  --link-font-weight: var(--font-weight-semibold);
  --link-text-transform: none;
  --link-text-decoration: none;
  --link-active-text-decoration: none;
  --link-hover-text-decoration: none;
  --hover-color: rgba(191, 215, 48, 0.2);
  --calendar-date-hover: #7EE2FF;
  --list-action-red-hover: #FFDFD2;
  --btn-primary-border-size: 1px;
  --btn-primary-text: #FFFFFF;
  --btn-primary: var(--brand-primary);
  --btn-primary-gradient: var(--btn-primary);
  --btn-primary-border: var(--btn-primary);
  --btn-primary-hover: #0B6F9D;
  --btn-primary-hover-gradient: var(--btn-primary-hover);
  --btn-primary-hover-border: var(--btn-primary-hover);
  --btn-primary-hover-text: var(--btn-primary-text);
  --btn-primary-active: var(--brand-primary-dark);
  --btn-primary-active-gradient: var(--btn-primary-active);
  --btn-primary-active-border: var(--btn-primary-active);
  --btn-primary-active-text: var(--btn-primary-text);
  --btn-primary-focus: var(--btn-primary);
  --btn-primary-focus-gradient: var(--btn-primary-focus);
  --btn-primary-focus-border: #FFFFFF;
  --btn-primary-focus-border-size: 3px;
  --btn-primary-focus-text: var(--btn-primary-text);
  --btn-secondary-border-size: 1px;
  --btn-secondary-text: var(--brand-primary);
  --btn-secondary: #FFFFFF;
  --btn-secondary-gradient: var(--btn-secondary);
  --btn-secondary-border: var(--brand-primary);
  --btn-secondary-hover: #EDF5F9;
  --btn-secondary-hover-gradient: var(--btn-secondary-hover);
  --btn-secondary-hover-border: var(--btn-secondary-hover);
  --btn-secondary-hover-text: var(--btn-secondary-text);
  --btn-secondary-active: #EDF5F9;
  --btn-secondary-active-gradient: var(--btn-secondary-active);
  --btn-secondary-active-border: var(--btn-secondary-active);
  --btn-secondary-active-text: var(--btn-secondary-text);
  --btn-secondary-focus: var(--btn-secondary);
  --btn-secondary-focus-gradient: var(--btn-secondary-focus);
  --btn-secondary-focus-border: #FFFFFF;
  --btn-secondary-focus-border-size: 3px;
  --btn-secondary-focus-text: var(--btn-secondary-text);
  --btn-disabled: #CBCCCF;
  --btn-disabled-text: #FFFFFF;
  --btn-navigation-active: #115777;
  --btn-navigation-active-text: #FFFFFF;
  --btn-navigation-hover: #115777;
  --btn-navigation-hover-text: #FFFFFF;
  --nav-search-fill-active: rgba(255, 255, 255, 0.1);
  --nav-search-text-active: #FFFFFF;
  --nav-search-icon-active: #FFFFFF;
  --nav-search-fill-inactive: rgba(255, 255, 255, 0.3);
  --nav-search-text-inactive: #FFFFFF;
  --nav-search-icon-inactive: #FFFFFF;
  --nav-search-hint-text: var(--gray-300);
  --nav-search-mobile-close-icon: var(--nav-search-icon-active);
  --list-group-header-fill: var(--gray-100);
  --list-group-header-text: var(--text-color-secondary);
  --pending-fill: var(--brand-background);
  --pending-text: var(--gray-800);
  --active-step-fill: var(--brand-primary);
  --active-step-text: #FFFFFF;
  --glass-ui-circle-primary-color: var(--brand-primary);
  --glass-ui-circle-secondary-color: var(--brand-secondary);
  --glass-ui-circle-tertiary-color: var(--brand-primary-light);
  --glass-ui-circle-accent-color-1: var(--accent-color-1);
  --glass-ui-circle-accent-color-2: var(--accent-color-2);
  --glass-ui-circle-accent-color-3: var(--accent-color-3);
  --glass-ui-circle-accent-color-4: var(--accent-color-4);
  --glass-ui-circle-accent-color-5: var(--accent-color-5);
  --glass-ui-circle-accent-color-6: var(--accent-color-6);
  --glass-ui-circle-accent-color-7: var(--accent-color-7);
  --glass-ui-circle-blur: 100px;
  --glass-ui-circle-blur-dashboard: 125px;
  --glass-ui-circle-opacity: 0.5;
  --glass-ui-white-overlay-opacity: 0.8;
  --ui-forms-accent-color: var(--brand-primary);
  --ui-forms-active-background: #FFFFFF;
  --ui-forms-active-border: #6C6C6C;
  --ui-forms-active-icon: var(--gray-700);
  --ui-forms-active-keyboard: var(--brand-primary);
  --ui-forms-inactive-background: #FFFFFF;
  --ui-forms-inactive-border: var(--gray-600);
  --ui-forms-inactive-icon: var(--gray-600);
  --ui-forms-label-text: var(--text-color-tertiary);
  --ui-forms-next-background: #FFFFFF;
  --ui-forms-checkbox-outline: var(--ui-forms-accent-color);
  --ui-forms-checkbox-fill: var(--ui-forms-accent-color);
  --ui-forms-checkbox-hover: var(--ui-forms-accent-color);
  --ui-forms-radio-outline: var(--ui-forms-accent-color);
  --ui-forms-radio-fill: var(--ui-forms-accent-color);
  --ui-forms-radio-hover: var(--ui-forms-accent-color);
  --ui-forms-toggle-on-background: var(--ui-forms-accent-color);
  --ui-forms-toggle-off-hover: var(--brand-neutral);
  --ui-forms-toggle-on-hover: var(--ui-forms-accent-color);
  --border-radius: 12px;
  --btn-border-radius: var(--border-radius);
  --ui-forms-border-radius: var(--border-radius);
  --logo-white: url(/assets/customization/assets/images/logos/logo-white.png);
  --logo-color: url(/assets/customization/assets/images/logos/logo-color.png);
  --credit-card-img: url(/assets/customization/assets/images/dashboard-images/LuminFi-card-credit.png);
  --debit-card-img: url(/assets/customization/assets/images/dashboard-images/LuminFi-card-debit.png);
  --debit-card-vertical-img: url(/assets/customization/assets/images/dashboard-images/LuminFi-card-debit-vertical.png);
  --facebook-icon: url(/assets/images/footer/facebook.png);
  --instagram-icon: url(/assets/images/footer/instagram.png);
  --linkedin-icon: url(/assets/images/footer/linkedin.png);
  --twitter-icon: url(/assets/images/footer/twitter.png);
  --youtube-icon: url(/assets/images/footer/youtube.png);
  --genericSocialIcon1: url(/assets/images/footer/genericSocialIcon1.png);
  --genericSocialIcon2: url(/assets/images/footer/genericSocialIcon2.png);
  --genericSocialIcon3: url(/assets/images/footer/genericSocialIcon3.png);
}
:root {
  --max-mobile-width: 767px;
  --min-tablet-width: 768px;
  --max-tablet-width: 1079px;
  --min-desktop-width: 1080px;
  --rem-scale: 1;
  --android-rem-scale: 1;
  --desktop-min-height: 40.625rem;
  --footer-navbar-height: 65px;
  --navbar-mobile-height: 52px;
  --navbar-menu-desktop-height: 4.125rem;
  --navbar-desktop-height: 8.25rem;
  --fdic-header-height: 0;
  --focus-blue: #005FCC;
  --focus-blue-box: 2px solid var(--focus-blue);
  --focus-blue-box-shadow: 0 0 0 2px var(--focus-blue);
  --focus-white-box: 2px solid #FFFFFF;
  --color-opacity-white-60: rgba(255, 255, 255, 0.60);
  --color-opacity-white-75: rgba(255, 255, 255, 0.75);
  --neutral-color: #FFFFFF;
  --neutral-bg-color: #FFFFFF;
  --stroke-light: var(--gray-100);
  --stroke-medium: var(--gray-200);
  --stroke-interactive: var(--gray-600);
  --stroke-dark: var(--gray-700);
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --btn-font-size: var(--font-size-sm);
  --link-font-size: var(--font-size-sm);
  --font-size-base: clamp(12.8px, 1rem, 32px);
  --font-scale: 1.1;
  --font-size-xs: calc(var(--font-size-sm) / (var(--font-scale) * var(--font-scale)));
  --font-size-sm: calc(var(--font-size-base) / var(--font-scale));
  --font-size-md: calc(var(--font-size-base) * var(--font-scale));
  --font-size-lg: calc(var(--font-size-md) * var(--font-scale));
  --font-size-xl: calc(var(--font-size-lg) * var(--font-scale));
  --font-size-xxl: calc(var(--font-size-xl) * var(--font-scale));
  --font-size-display: calc(var(--font-size-xxl) * var(--font-scale) * var(--font-scale));
  --line-height-unit: calc(var(--font-size-base) / 2);
  --line-height-xs: calc(var(--line-height-unit) * 2);
  --line-height-base: calc(var(--line-height-unit) * 3);
  --line-height-xl: calc(var(--line-height-unit) * 4);
  --forms-input-border-width: 1px;
  --forms-input-height: calc(var(--line-height-unit) * 6.25);
  --forms-input-line-height: calc(var(--forms-input-height) - calc(var(--forms-input-border-width) * 2));
  --forms-input-height-sm: calc(var(--line-height-unit) * 4);
  --forms-input-line-height-sm: calc(var(--forms-input-height-sm) - calc(var(--forms-input-border-width) * 2));
  --forms-x-spacing: 16px;
  --forms-y-spacing: 24px;
  --forms-y-spacing-large: 52px;
  --forms-radio-button-size: 1.25rem;
  --forms-column-gap: 40px;
  --scrollbox-height: 282px;
  --scrollbox-modal-height: 330px;
  --microapp-chin-height: 40px;
  --microapp-container-spacing: 20px;
  --box-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.25);
  --box-shadow-sm: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
  --box-shadow-md: 0 4px 16px 1px rgba(0, 0, 0, 0.08);
  --box-shadow-lg: 0 8px 24px 1px rgba(0, 0, 0, 0.10);
  --box-shadow-xl: 0 8px 32px -1px rgba(0, 0, 0, 0.10), 0 4px 12px 2px rgba(0, 0, 0, 0.08);
  --forms-choice-size: 1.25rem;
  --forms-choice-margin-right: 8px;
  --forms-choice-touch-size: 2.5rem;
  --forms-choice-y-spacing-xxs: 4px;
  --backdrop-filter-blur: blur(5px);
  --backdrop-opacity: 0.6;
  --modal-scrim-color: var(--gray-900);
  --modal-scrim-opacity: 0.4;
  --spacer: 1.625rem;
  --spacer-half: calc(var(--spacer) / 2);
  --spacer-quarter: calc(var(--spacer) / 4);
  --drag-transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  --transition-duration: 250ms;
  --transition-timing: ease;
  --z-index-notifications-top: 800;
  --z-index-navbar: 1000;
  --z-index-dropdown: 1001;
  --z-index-fixed: 1030;
  --z-index-donut-chart-tooltips: 1039;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-forms-dropdown: 1051;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
  --z-index-notifications: 10000;
  --z-index-modal-partial: 10001;
  --button-x-padding: 32px;
  --button-y-padding: 12px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-weight: var(--font-weight-normal);
  text-align: left;
  background-color: var(--neutral-bg-color);
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  border: 0;
  border-top: 1px solid var(--stroke-light);
  box-sizing: content-box;
  height: 0;
  margin-top: var(--spacer);
  margin-bottom: var(--spacer);
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: var(--spacer);
}
p {
  margin-top: 0;
  margin-bottom: var(--spacer);
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dd {
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: var(--font-weight-bold);
}
sub,
sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
.container {
  width: 100%;
  padding-right: var(--spacer-half);
  padding-left: var(--spacer-half);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1080px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 767.98px) {
  .container {
    position: relative;
    background-color: var(--neutral-bg-color);
  }
}
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--spacer-half);
  padding-left: var(--spacer-half);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .container-sm,
  .container-xs,
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container-xs,
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1080px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container-xs,
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xs,
  .container {
    max-width: 1200px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--spacer-half) * -1);
  margin-left: calc(var(--spacer-half) * -1);
}
@media (max-width: 1079.98px) {
  .row {
    margin-right: 0;
    margin-left: 0;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-xs,
.col-xs-auto,
.col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: var(--spacer-half);
  padding-left: var(--spacer-half);
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 22.5em) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xs-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xs-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xs-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xs-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xs-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xs-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 13;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 480px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1080px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.2125rem;
  vertical-align: 0.2125rem;
  content: "";
  border-top: 0.25rem solid;
  border-right: 0.25rem solid transparent;
  border-bottom: 0;
  border-left: 0.25rem solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-dropdown);
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0.125rem 0 0;
  color: var(--gray-900);
  text-align: left;
  list-style: none;
  background-color: var(--neutral-bg-color);
  background-clip: padding-box;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.06);
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 22.5em) {
  .dropdown-menu-xs-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xs-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 480px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1080px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem var(--spacer-half);
  clear: both;
  font-weight: var(--font-weight-normal);
  color: var(--gray-800);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.dropdown-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--gray-800);
  text-decoration: none;
  background-color: var(--hover-color);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--gray-800);
  text-decoration: none;
  background-color: var(--hover-color);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--gray-500);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0 var(--spacer-half);
  margin-bottom: 0;
  color: var(--gray-500);
  white-space: nowrap;
  font-size: var(--font-size-xs);
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem var(--spacer-half);
  color: var(--gray-800);
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: var(--gray-600);
  pointer-events: none;
  cursor: default;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.navbar-brand {
  display: inline-block;
  margin-right: 0;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.main-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: var(--neutral-bg-color);
}
body.page-layouts-update .main-wrapper {
  height: 100%;
}
body.page-layouts-update .main-wrapper main {
  flex-grow: 1;
  height: auto;
}
.main-wrapper::after {
  display: block;
  clear: both;
  content: "";
}
.main-wrapper.fixed-top-notification {
  padding-top: var(--navbar-mobile-height);
}
.main-wrapper main {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}
@media (max-width: 1079.98px) {
  .main-wrapper main {
    padding-bottom: var(--footer-navbar-height);
    padding-top: var(--navbar-mobile-height);
  }
}
@media (min-width: 1080px) {
  .main-wrapper main {
    padding-top: var(--navbar-desktop-height);
  }
  .logged-out .main-wrapper main {
    padding-top: var(--navbar-menu-desktop-height);
  }
}
.main-wrapper app-fdic-header {
  margin-top: var(--navbar-mobile-height);
}
@media (max-width: 1079.98px) {
  .main-wrapper app-fdic-header + main {
    padding-top: 0;
  }
}
.no-menu {
  background-color: var(--neutral-bg-color);
}
@media (min-width: 1080px) {
  .no-menu {
    min-height: var(--desktop-min-height);
  }
}
.no-menu > .main-content {
  padding: 1.875rem 2rem 1.625rem;
}
@media (min-width: 768px) {
  .page-width-890 {
    width: 890px;
  }
}
.brand-primary-fill path {
  fill: var(--brand-primary);
}
.brand-primary-stroke path {
  stroke: var(--brand-primary);
}
.brand-primary-dark-fill path {
  fill: var(--brand-primary-dark);
}
.brand-primary-dark-stroke path {
  stroke: var(--brand-primary-dark);
}
.brand-primary-light-fill path {
  fill: var(--brand-primary-light);
}
.brand-primary-light-stroke path {
  stroke: var(--brand-primary-light);
}
.brand-secondary-fill path {
  fill: var(--brand-secondary);
}
.brand-secondary-stroke path {
  stroke: var(--brand-secondary);
}
.brand-secondary-light-fill path {
  fill: var(--brand-secondary-light);
}
.brand-secondary-light-stroke path {
  stroke: var(--brand-secondary-light);
}
.brand-neutral-fill path {
  fill: var(--brand-neutral);
}
.brand-neutral-stroke path {
  stroke: var(--brand-neutral);
}
.collapse:not(.show) {
  display: none;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.fade-in-out-slow {
  transition: opacity 0.5s ease-in-out;
}
.fade-in-out-slow:not(.show) {
  opacity: 0;
}
:host-context(.animations-disabled) .fade,
:host-context(.animations-disabled) .fade-in-out-slow {
  transition: opacity 1ms linear;
}
.avatar {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.avatar em,
.avatar i,
.avatar span {
  color: var(--neutral-color) !important;
  width: 100%;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.avatar-sm {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  font-size: 1.375rem;
  object-fit: cover;
}
.avatar-sm em {
  line-height: 1.875rem;
  font-size: 1.375rem;
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(-90deg);
}
html,
body {
  height: 100%;
}
* {
  outline: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-color-primary);
  font-family: var(--font-family-base);
  font-feature-settings: "lnum";
}
img {
  height: auto;
  max-width: 100%;
}
small {
  font-size: var(--font-size-xs);
}
button:focus {
  outline: none;
}
button,
input,
optgroup,
select,
textarea {
  color: var(--text-color-primary);
  font-family: var(--font-family-base);
  font-feature-settings: "lnum";
  font-size: var(--font-size-base);
}
pre,
code,
kbd,
samp {
  font-family: var(--font-family-monospace);
  font-feature-settings: "lnum";
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.border {
  border: 1px solid var(--stroke-light) !important;
}
.border-top {
  border-top: 1px solid var(--stroke-light) !important;
}
.border-right {
  border-right: 1px solid var(--stroke-light) !important;
}
.border-bottom {
  border-bottom: 1px solid var(--stroke-light) !important;
}
.border-left {
  border-left: 1px solid var(--stroke-light) !important;
}
.border-radius {
  border-radius: var(--border-radius);
}
.border-radius-top {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.border-radius-bottom {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.border-left-info-text {
  margin-left: 0.875rem;
  padding-left: 0.875rem;
  border-left: 1px solid #d8d8d8;
}
.border-left-flat {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-right-flat {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.left-pipe-separator {
  border-left: solid 1px var(--gray-300);
}
.no-border-top {
  border-top: none !important;
}
.round {
  border-radius: 50%;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:focus,
.btn-group > .btn:hover,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 1;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group.show .dropdown-toggle {
  box-shadow: none;
}
.btn {
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  display: inline-block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-tertiary-font-weight);
  max-width: 100%;
  padding: 0.875rem 2.9375rem 0.8125rem 2.9375rem;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  text-decoration: none;
  transition: all var(--transition-duration) var(--transition-timing);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .btn {
    padding: 1.1875rem 3.4375rem 1.125rem 3.4375rem;
    min-height: 2.3125rem;
  }
}
@media (max-width: 767.98px) {
  .btn {
    min-height: 2.75rem;
  }
}
.btn.disabled,
.btn-disabled,
.btn:disabled {
  background: var(--btn-disabled);
  border-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  opacity: 1;
}
.btn.disabled:hover,
.btn-disabled:hover,
.btn:disabled:hover {
  cursor: not-allowed;
}
.btn.disabled .material-icons,
.btn-disabled .material-icons,
.btn:disabled .material-icons {
  color: var(--btn-disabled-text);
}
.btn.fixed-bottom,
ui-core-button.fixed-bottom {
  display: none;
}
@media (max-width: 1079.98px) {
  .btn.fixed-bottom,
  ui-core-button.fixed-bottom {
    display: inline-flex;
    position: fixed;
    left: 0;
    bottom: var(--footer-navbar-height);
    z-index: 5;
    justify-content: center;
    border-radius: 0;
  }
  .btn.fixed-bottom button,
  ui-core-button.fixed-bottom button {
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    width: 100%;
    border-radius: 0;
  }
}
.btn-primary {
  background:
    linear-gradient(
      45deg,
      var(--btn-primary),
      var(--btn-primary-gradient));
  border: none;
  color: var(--btn-primary-text);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  font-weight: var(--btn-primary-font-weight);
  text-transform: var(--btn-primary-text-transform);
}
.btn-primary:not(.disabled)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-color: var(--btn-primary-border);
  border-radius: var(--btn-border-radius);
  border-style: solid;
  border-width: var(--btn-primary-border-size);
  box-shadow: none;
  transition: all var(--transition-duration) var(--transition-timing);
}
.btn-primary:not(.disabled)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(
      45deg,
      var(--btn-primary-hover),
      var(--btn-primary-hover-gradient));
  border-radius: var(--btn-border-radius);
  opacity: 0;
  transition: opacity var(--transition-duration) var(--transition-timing);
  z-index: -1;
}
.btn-primary:not(.disabled).border-left-flat::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-primary:focus {
  background:
    linear-gradient(
      45deg,
      var(--btn-primary-focus),
      var(--btn-primary-focus-gradient));
  color: var(--btn-primary-focus-text);
}
.using-keyboard .btn-primary:focus {
  outline: var(--focus-blue-box);
  outline-offset: 2px;
}
.using-keyboard .btn-primary:focus::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
  background: transparent;
  border: var(--focus-white-box);
  border-radius: calc(var(--btn-border-radius) + 6px);
  opacity: 1;
}
.btn-primary:focus.border-left-flat::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (hover: hover) {
  a.btn-primary:not(:disabled):not(.disabled):hover,
  .btn-primary:enabled:hover {
    color: var(--btn-primary-hover-text);
  }
  a.btn-primary:not(:disabled):not(.disabled):hover::before,
  .btn-primary:enabled:hover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--btn-primary-hover-border);
    border-radius: var(--btn-border-radius);
    border-style: solid;
    border-width: var(--btn-primary-border-size);
    box-shadow: none;
    transition: all var(--transition-duration) var(--transition-timing);
  }
  a.btn-primary:not(:disabled):not(.disabled):hover::after,
  .btn-primary:enabled:hover::after {
    background:
      linear-gradient(
        45deg,
        var(--btn-primary-hover),
        var(--btn-primary-hover-gradient));
    opacity: 1;
  }
}
a.btn-primary:not(:disabled):not(.disabled):active,
a.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:enabled:active,
.btn-primary:enabled.active {
  color: var(--btn-primary-active-text);
}
a.btn-primary:not(:disabled):not(.disabled):active::before,
a.btn-primary:not(:disabled):not(.disabled).active::before,
.btn-primary:enabled:active::before,
.btn-primary:enabled.active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-color: var(--btn-primary-active-border);
  border-radius: var(--btn-border-radius);
  border-style: solid;
  border-width: var(--btn-primary-border-size);
  box-shadow: none;
  transition: all var(--transition-duration) var(--transition-timing);
}
a.btn-primary:not(:disabled):not(.disabled):active::after,
a.btn-primary:not(:disabled):not(.disabled).active::after,
.btn-primary:enabled:active::after,
.btn-primary:enabled.active::after {
  background:
    linear-gradient(
      45deg,
      var(--btn-primary-active),
      var(--btn-primary-active-gradient));
  opacity: 1;
}
.form-next .btn-primary {
  box-shadow: var(--box-shadow-xl);
}
.btn-primary .material-icons {
  color: var(--btn-primary-text);
}
.btn-secondary {
  background:
    linear-gradient(
      45deg,
      var(--btn-secondary),
      var(--btn-secondary-gradient));
  border: none;
  color: var(--btn-secondary-text);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  font-weight: var(--btn-secondary-font-weight);
  text-transform: var(--btn-secondary-text-transform);
}
.btn-secondary:not(.disabled)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-color: var(--btn-secondary-border);
  border-radius: var(--btn-border-radius);
  border-style: solid;
  border-width: var(--btn-secondary-border-size);
  box-shadow: none;
  transition: all var(--transition-duration) var(--transition-timing);
}
.btn-secondary:not(.disabled)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(
      45deg,
      var(--btn-secondary-hover),
      var(--btn-secondary-hover-gradient));
  border-radius: var(--btn-border-radius);
  opacity: 0;
  transition: opacity var(--transition-duration) var(--transition-timing);
  z-index: -1;
}
.btn-secondary:focus {
  background:
    linear-gradient(
      45deg,
      var(--btn-secondary-focus),
      var(--btn-secondary-focus-gradient));
  color: var(--btn-secondary-focus-text);
}
.using-keyboard .btn-secondary:focus {
  outline: var(--focus-blue-box);
  outline-offset: 2px;
}
.using-keyboard .btn-secondary:focus::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
  background: transparent;
  border: var(--focus-white-box);
  border-radius: calc(var(--btn-border-radius) + 6px);
  opacity: 1;
}
@media (hover: hover) {
  a.btn-secondary:not(:disabled):not(.disabled):hover,
  .btn-secondary:enabled:hover {
    color: var(--btn-secondary-hover-text);
  }
  a.btn-secondary:not(:disabled):not(.disabled):hover i.material-icons,
  .btn-secondary:enabled:hover i.material-icons {
    color: var(--btn-secondary-hover-text);
    transition: color var(--transition-duration) var(--transition-timing);
  }
  a.btn-secondary:not(:disabled):not(.disabled):hover::before,
  .btn-secondary:enabled:hover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--btn-secondary-hover-border);
    border-radius: var(--btn-border-radius);
    border-style: solid;
    border-width: var(--btn-secondary-border-size);
    box-shadow: none;
    transition: all var(--transition-duration) var(--transition-timing);
  }
  a.btn-secondary:not(:disabled):not(.disabled):hover::after,
  .btn-secondary:enabled:hover::after {
    background:
      linear-gradient(
        45deg,
        var(--btn-secondary-hover),
        var(--btn-secondary-hover-gradient));
    opacity: 1;
  }
}
a.btn-secondary:not(:disabled):not(.disabled):active,
a.btn-secondary:not(:disabled):not(.disabled).active,
.open > a.btn-secondary:not(:disabled):not(.disabled).dropdown-toggle,
.btn-secondary:enabled:active,
.btn-secondary:enabled.active,
.open > .btn-secondary:enabled.dropdown-toggle {
  color: var(--btn-secondary-active-text);
}
a.btn-secondary:not(:disabled):not(.disabled):active i.material-icons,
a.btn-secondary:not(:disabled):not(.disabled).active i.material-icons,
.open > a.btn-secondary:not(:disabled):not(.disabled).dropdown-toggle i.material-icons,
.btn-secondary:enabled:active i.material-icons,
.btn-secondary:enabled.active i.material-icons,
.open > .btn-secondary:enabled.dropdown-toggle i.material-icons {
  color: var(--btn-secondary-active-text);
  transition: color var(--transition-duration) var(--transition-timing);
}
a.btn-secondary:not(:disabled):not(.disabled):active::before,
a.btn-secondary:not(:disabled):not(.disabled).active::before,
.open > a.btn-secondary:not(:disabled):not(.disabled).dropdown-toggle::before,
.btn-secondary:enabled:active::before,
.btn-secondary:enabled.active::before,
.open > .btn-secondary:enabled.dropdown-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-color: var(--btn-secondary-active-border);
  border-radius: var(--btn-border-radius);
  border-style: solid;
  border-width: var(--btn-secondary-border-size);
  box-shadow: none;
  transition: all var(--transition-duration) var(--transition-timing);
}
a.btn-secondary:not(:disabled):not(.disabled):active::after,
a.btn-secondary:not(:disabled):not(.disabled).active::after,
.open > a.btn-secondary:not(:disabled):not(.disabled).dropdown-toggle::after,
.btn-secondary:enabled:active::after,
.btn-secondary:enabled.active::after,
.open > .btn-secondary:enabled.dropdown-toggle::after {
  background:
    linear-gradient(
      45deg,
      var(--btn-secondary-active),
      var(--btn-secondary-active-gradient));
  opacity: 1;
}
.btn-secondary i.material-icons {
  color: var(--btn-secondary-text);
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5rem;
}
.btn-small {
  padding: var(--button-y-padding) var(--button-x-padding);
}
@media (max-width: 767.98px) {
  .buttons .btn {
    width: 100%;
    padding: var(--button-y-padding) var(--button-x-padding);
    margin-bottom: 1.125rem;
  }
  .buttons ui-core-button,
  .buttons ui-core-link {
    display: flex;
    justify-content: center;
  }
  .buttons ui-core-button:not(.fixed-bottom),
  .buttons ui-core-link:not(.fixed-bottom) {
    margin-bottom: 1.125rem;
  }
  .buttons ui-core-button > button:not(.btn-tertiary):not(.btn-link),
  .buttons ui-core-button > a:not(.btn-tertiary):not(.btn-link),
  .buttons ui-core-link > button:not(.btn-tertiary):not(.btn-link),
  .buttons ui-core-link > a:not(.btn-tertiary):not(.btn-link) {
    width: 100%;
  }
}
.buttons.stacked .btn {
  width: 100%;
  padding: var(--button-y-padding) var(--button-x-padding);
  margin-bottom: 1.125rem;
}
.buttons.stacked ui-core-button,
.buttons.stacked ui-core-link {
  display: flex;
  justify-content: center;
}
.buttons.stacked ui-core-button:not(.fixed-bottom),
.buttons.stacked ui-core-link:not(.fixed-bottom) {
  margin-bottom: 1.125rem;
}
.buttons.stacked ui-core-button > button:not(.btn-tertiary):not(.btn-link),
.buttons.stacked ui-core-button > a:not(.btn-tertiary):not(.btn-link),
.buttons.stacked ui-core-link > button:not(.btn-tertiary):not(.btn-link),
.buttons.stacked ui-core-link > a:not(.btn-tertiary):not(.btn-link) {
  width: 100%;
}
.switch-pill-container {
  display: inline-flex;
  align-items: center;
  border-bottom: 3px solid transparent;
}
@media (max-width: 767.98px) {
  .switch-pill-container {
    min-width: 112px;
  }
}
.using-keyboard .switch-pill-container:focus-within {
  border-bottom: 3px solid var(--brand-primary);
}
.switch-pill-container label {
  margin-bottom: 0;
}
.switch-pill-container .switch-pill-container-label {
  margin-bottom: 0;
  margin-left: 0.8125rem;
  cursor: pointer;
}
.switch-pill-container .switch-pill input[type=checkbox] {
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  cursor: pointer;
}
.switch-pill-container .switch-pill input[type=checkbox]:checked + label {
  background-color: var(--ui-forms-toggle-on-background);
}
.switch-pill-container .switch-pill input[type=checkbox]:checked + label::after {
  left: 1.125rem;
}
.switch-pill-container .switch-pill input[type=checkbox] + label {
  border-radius: 1.1875rem;
  -webkit-user-select: none;
  user-select: none;
  background: var(--gray-300);
  color: transparent;
  cursor: pointer;
  display: block;
  position: relative;
  text-indent: 100%;
  width: 2.1875rem;
  height: 1.1875rem;
  transition: background-color var(--transition-duration) var(--transition-timing) 0s;
}
.switch-pill-container .switch-pill input[type=checkbox] + label::after {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  content: "";
  border-radius: 50%;
  background: var(--neutral-bg-color);
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  transition: left var(--transition-duration) cubic-bezier(0.68, -0.3, 0.265, 1.3) 0s;
}
.switch-pill-container.disabled {
  color: var(--gray-300);
}
.switch-pill-container.disabled .switch-pill-container-label {
  cursor: not-allowed;
}
.switch-pill-container.disabled .switch-pill input[type=checkbox] {
  cursor: not-allowed;
}
.switch-pill-container.disabled .switch-pill input[type=checkbox]:checked + label {
  background-color: var(--gray-300);
}
.switch-pill-container.disabled .switch-pill input[type=checkbox] + label {
  background: var(--gray-300);
  cursor: not-allowed;
}
.btn-icon-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--text-color-primary);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-tertiary-font-weight);
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
}
.btn-icon-link .material-icons {
  color: var(--text-color-primary);
  padding-right: 8px;
}
.btn-icon-link:hover {
  color: var(--brand-primary) !important;
}
@media (min-width: 768px) {
  .btn-icon-link:hover .material-icons {
    color: var(--brand-primary) !important;
  }
}
.btn-icon-link.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-icon-link.disabled .material-icons {
  color: var(--gray-200);
}
.btn-icon-link.icon-lg i {
  font-size: clamp(17.6px, 1.375rem / var(--android-rem-scale), 28.6px);
}
.btn-icon-link.icon-sm i {
  font-size: clamp(14.4px, 1.125rem / var(--android-rem-scale), 23.4px);
}
a.btn-icon-link {
  line-height: 1.5;
}
.clickable-icon {
  cursor: pointer;
}
@media (min-width: 768px) {
  .clickable-icon.material-icons:hover,
  .clickable-icon.material-icons:focus {
    color: var(--brand-primary);
  }
}
@media (max-width: 767.98px) {
  .dual-button-group {
    display: flex;
    justify-content: space-between;
  }
  .dual-button-group button,
  .dual-button-group ui-core-button {
    margin: 0;
    width: 48%;
  }
  .dual-button-group button > button,
  .dual-button-group ui-core-button > button {
    width: 100%;
  }
}
.document-view ui-core-button-group .buttons {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.btn ui-core-spinner {
  justify-content: center;
}
.btn ui-core-spinner .svg-spinner-sm,
.btn-icon-link ui-core-spinner .svg-spinner-sm {
  display: none;
}
.btn.disabled ui-core-spinner .svg-spinner-sm,
.btn-disabled ui-core-spinner .svg-spinner-sm,
.btn:disabled ui-core-spinner .svg-spinner-sm,
.btn-icon-link.disabled ui-core-spinner .svg-spinner-sm {
  display: block;
}
.btn.disabled ui-core-spinner .material-icons,
.btn-disabled ui-core-spinner .material-icons,
.btn:disabled ui-core-spinner .material-icons,
.btn-icon-link.disabled ui-core-spinner .material-icons {
  display: none;
}
.btn-wrap {
  white-space: normal !important;
  text-align: left;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--neutral-bg-color);
  background-clip: border-box;
  border-radius: var(--border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: var(--spacer);
}
@media (min-width: 768px) {
  .card-body {
    padding: calc(var(--spacer) * 1.5);
  }
}
.card-header {
  padding: var(--spacer);
  margin-bottom: 0;
  background-color: var(--gray-100);
}
code {
  font-size: 90%;
  color: #bd4147;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: var(--neutral-color);
  background-color: var(--gray-900);
  border-radius: 0.2rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: var(--font-weight-bold);
  box-shadow: none;
}
pre {
  display: block;
  font-size: 90%;
  color: var(--gray-700);
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.bg-brand {
  background-color: var(--brand-background);
}
.bg-pending {
  background-color: var(--pending-fill);
}
.bg-gray-100 {
  background-color: var(--gray-100);
}
.bg-gray-200 {
  background-color: var(--gray-200);
}
.bg-gray-500 {
  background-color: var(--gray-500);
}
.bg-gray-800 {
  background-color: var(--gray-800);
}
.bg-danger {
  background: var(--danger);
}
.bg-danger-light {
  background: color-mix(in srgb, var(--danger) 5%, white);
}
.bg-info {
  background: var(--info);
}
.bg-info-light {
  background: color-mix(in srgb, var(--info) 5%, white);
}
.bg-warning {
  background: var(--warning);
}
.bg-warning-light {
  background: color-mix(in srgb, var(--warning) 5%, white);
}
.bg-success {
  background: var(--success);
}
.bg-success-color {
  background: var(--success-color);
}
.bg-success-light {
  background: color-mix(in srgb, var(--success) 5%, white);
}
.bg-brand-primary {
  background: var(--brand-primary);
}
.bg-brand-secondary {
  background: var(--brand-secondary);
}
.bg-brand-neutral {
  background: var(--brand-neutral);
}
.bg-positive {
  background: var(--positive-color);
}
.bg-positive-light {
  background: color-mix(in srgb, var(--positive-color) 5%, white);
}
.bg-negative {
  background: var(--negative-color);
}
.bg-negative-light {
  background: color-mix(in srgb, var(--negative-color) 5%, white);
}
.bg-hover {
  background: var(--hover-color);
}
.bg-transparent {
  background: transparent;
}
.bg-white {
  background: var(--neutral-bg-color);
}
.bg-backdrop {
  background: rgba(255, 255, 255, var(--backdrop-opacity));
  -webkit-backdrop-filter: var(--backdrop-filter-blur);
  backdrop-filter: var(--backdrop-filter-blur);
}
.color-gray-100 {
  color: var(--gray-100) !important;
}
.color-gray-200 {
  color: var(--gray-200) !important;
}
.color-gray-300 {
  color: var(--gray-300) !important;
}
.color-gray-400 {
  color: var(--gray-400) !important;
}
.color-gray-500 {
  color: var(--gray-500) !important;
}
.color-gray-600 {
  color: var(--gray-600) !important;
}
.color-gray-700 {
  color: var(--gray-700) !important;
}
.color-gray-800 {
  color: var(--gray-800) !important;
}
.color-gray-900 {
  color: var(--gray-900) !important;
}
.color-brand-neutral {
  color: var(--brand-neutral) !important;
}
.color-brand-primary {
  color: var(--brand-primary) !important;
}
.color-brand-secondary {
  color: var(--brand-secondary) !important;
}
.color-warning {
  color: var(--warning) !important;
}
.color-info {
  color: var(--info) !important;
}
.color-danger {
  color: var(--danger) !important;
}
.color-white {
  color: var(--neutral-color) !important;
}
.color-success {
  color: var(--success-color) !important;
}
.color-error {
  color: var(--fail-color) !important;
}
.text-color-primary {
  color: var(--text-color-primary) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.text-color-tertiary {
  color: var(--text-color-tertiary) !important;
}
.is-positive {
  color: var(--positive-color) !important;
}
.is-negative {
  color: var(--negative-color) !important;
}
.is-pending {
  color: var(--pending-text);
}
.bg-accent-color-1 {
  background-color: var(--accent-color-1) !important;
}
.accent-color-1 {
  color: var(--accent-color-1) !important;
}
.bg-accent-color-2 {
  background-color: var(--accent-color-2) !important;
}
.accent-color-2 {
  color: var(--accent-color-2) !important;
}
.bg-accent-color-3 {
  background-color: var(--accent-color-3) !important;
}
.accent-color-3 {
  color: var(--accent-color-3) !important;
}
.bg-accent-color-4 {
  background-color: var(--accent-color-4) !important;
}
.accent-color-4 {
  color: var(--accent-color-4) !important;
}
.bg-accent-color-5 {
  background-color: var(--accent-color-5) !important;
}
.accent-color-5 {
  color: var(--accent-color-5) !important;
}
.bg-accent-color-6 {
  background-color: var(--accent-color-6) !important;
}
.accent-color-6 {
  color: var(--accent-color-6) !important;
}
.bg-accent-color-7 {
  background-color: var(--accent-color-7) !important;
}
.accent-color-7 {
  color: var(--accent-color-7) !important;
}
.border-danger-light {
  border-color: color-mix(in srgb, var(--danger) 20%, white) !important;
}
.border-warning-light {
  border-color: color-mix(in srgb, var(--warning) 20%, white) !important;
}
.border-success-light {
  border-color: color-mix(in srgb, var(--success) 20%, white) !important;
}
.border-info-light {
  border-color: color-mix(in srgb, var(--info) 20%, white) !important;
}
.border-positive-light {
  border-color: color-mix(in srgb, var(--positive-color) 20%, white) !important;
}
.border-negative-light {
  border-color: color-mix(in srgb, var(--negative-color) 20%, white) !important;
}
.border-neutral-light {
  border-color: color-mix(in srgb, var(--brand-neutral) 20%, white) !important;
}
.container-transparent {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: transparent;
  border-color: transparent;
}
.container-transparent.container-equal-padding {
  padding-top: 1.25rem;
}
.container-transparent.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-transparent hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-transparent .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-active {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: var(--hover-color);
}
.container-active.container-equal-padding {
  padding-top: 1.25rem;
}
.container-active.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-active hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-active .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-bordered {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: var(--neutral-bg-color);
  border: 1px solid var(--stroke-light);
  position: relative;
}
.container-bordered.container-equal-padding {
  padding-top: 1.25rem;
}
.container-bordered.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-bordered hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-bordered .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-bordered-interactive {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  cursor: pointer;
  transition-duration: var(--transition-duration);
  transition-property: border, box-shadow;
  transition-timing-function: var(--transition-timing);
  background-color: var(--neutral-bg-color);
  border: 1px solid var(--stroke-light) !important;
  box-shadow: var(--box-shadow-sm);
}
.container-bordered-interactive.container-equal-padding {
  padding-top: 1.25rem;
}
.container-bordered-interactive.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-bordered-interactive hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-bordered-interactive .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-bordered-interactive.disabled {
  cursor: not-allowed;
}
.container-bordered-interactive.disabled .material-icons {
  cursor: not-allowed;
}
.using-keyboard .container-bordered-interactive:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
@media (hover: hover) {
  .container-bordered-interactive:hover {
    border: 1px solid var(--stroke-medium) !important;
    box-shadow: var(--box-shadow-md);
  }
}
.container-default {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: var(--neutral-bg-color);
  position: relative;
}
.container-default.container-equal-padding {
  padding-top: 1.25rem;
}
.container-default.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-default hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-default .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-elevated {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: var(--neutral-bg-color);
  box-shadow: var(--box-shadow-md);
}
.container-elevated.container-equal-padding {
  padding-top: 1.25rem;
}
.container-elevated.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-elevated hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-elevated .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-elevated-interactive {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  cursor: pointer;
  transition-duration: var(--transition-duration);
  transition-property: border, box-shadow;
  transition-timing-function: var(--transition-timing);
  background-color: var(--neutral-bg-color);
  box-shadow: var(--box-shadow-md);
}
.container-elevated-interactive.container-equal-padding {
  padding-top: 1.25rem;
}
.container-elevated-interactive.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-elevated-interactive hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-elevated-interactive .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-elevated-interactive.disabled {
  cursor: not-allowed;
}
.container-elevated-interactive.disabled .material-icons {
  cursor: not-allowed;
}
.using-keyboard .container-elevated-interactive:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
@media (hover: hover) {
  .container-elevated-interactive:hover {
    box-shadow: var(--box-shadow-lg);
  }
}
.container-elevated-interactive.selected {
  box-shadow: var(--box-shadow-lg);
}
.container-sunken {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background-color: var(--brand-background);
  box-shadow: var(--box-shadow-xs);
}
.container-sunken.container-equal-padding {
  padding-top: 1.25rem;
}
.container-sunken.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-sunken hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-sunken .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-form {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  cursor: pointer;
  transition-duration: var(--transition-duration);
  transition-property: border, box-shadow;
  transition-timing-function: var(--transition-timing);
  background-color: var(--neutral-bg-color);
  border: 1px solid var(--ui-forms-inactive-border);
}
.container-form.container-equal-padding {
  padding-top: 1.25rem;
}
.container-form.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-form hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-form .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-form.disabled {
  cursor: not-allowed;
}
.container-form.disabled .material-icons {
  cursor: not-allowed;
}
.using-keyboard .container-form:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
.container-form:has(:focus) {
  border: 1px solid var(--ui-forms-active-border);
  box-shadow: var(--box-shadow-md);
}
.container-min-height {
  min-height: 300px;
}
.container-brand {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background: color-mix(in srgb, var(--brand-primary) 3%, white);
  border-color: color-mix(in srgb, var(--brand-primary) 8%, white) !important;
  border-radius: var(--border-radius);
  border-width: 1px;
  border-style: solid;
}
.container-brand.container-equal-padding {
  padding-top: 1.25rem;
}
.container-brand.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-brand hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-brand .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-danger {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background: color-mix(in srgb, var(--danger) 5%, white);
  border-color: color-mix(in srgb, var(--danger) 8%, white) !important;
  border-radius: var(--border-radius);
  border-width: 1px;
  border-style: solid;
}
.container-danger.container-equal-padding {
  padding-top: 1.25rem;
}
.container-danger.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-danger hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-danger .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-warning {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background: color-mix(in srgb, var(--warning) 5%, white);
  border-color: color-mix(in srgb, var(--warning) 8%, white) !important;
  border-radius: var(--border-radius);
  border-width: 1px;
  border-style: solid;
}
.container-warning.container-equal-padding {
  padding-top: 1.25rem;
}
.container-warning.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-warning hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-warning .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-info {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background: color-mix(in srgb, var(--info) 5%, white);
  border-color: color-mix(in srgb, var(--info) 8%, white) !important;
  border-radius: var(--border-radius);
  border-width: 1px;
  border-style: solid;
}
.container-info.container-equal-padding {
  padding-top: 1.25rem;
}
.container-info.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-info hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-info .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.container-success {
  border-radius: var(--border-radius);
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
  background: color-mix(in srgb, var(--success) 5%, white);
  border-color: color-mix(in srgb, var(--success) 8%, white) !important;
  border-radius: var(--border-radius);
  border-width: 1px;
  border-style: solid;
}
.container-success.container-equal-padding {
  padding-top: 1.25rem;
}
.container-success.container-equal-padding .flush-content-top {
  margin-top: -1.25rem;
}
.container-success hr.container-divider {
  margin: 1.25rem -1.25rem;
}
.container-success .flush-content-top {
  margin: -0.75rem -1.25rem 1.25rem -1.25rem;
}
.date-dropdown.dropdown-menu.show {
  display: flex;
}
ngb-datepicker {
  border-width: 0 !important;
}
ngb-datepicker .ngb-dp-header {
  border-width: 0 !important;
  background: var(--neutral-bg-color) !important;
}
ngb-datepicker .ngb-dp-month-name {
  margin-top: 0.4375rem;
  font-size: 0.75rem !important;
  font-weight: var(--font-weight-bold);
}
ngb-datepicker .ngb-dp-months {
  padding: 0;
}
ngb-datepicker .ngb-dp-navigation-chevron {
  color: var(--brand-neutral);
  font-size: 0.75rem !important;
}
ngb-datepicker .ngb-dp-weekday {
  font-style: normal;
  font-size: 0.75rem !important;
  font-weight: var(--font-weight-bold);
  color: var(--gray-800) !important;
}
.app-input-date .form-control-icon.dropdown-arrow {
  left: auto;
  right: 0;
}
.app-input-date .form-control-icon.dropdown-arrow .material-icons {
  font-size: 1.625rem;
}
.app-input-date.disabled,
.app-input-date:disabled {
  cursor: not-allowed;
}
.app-input-date.disabled .dropdown-arrow i,
.app-input-date:disabled .dropdown-arrow i {
  color: var(--gray-300) !important;
  display: none;
}
.app-input-date.disabled .form-control-icon,
.app-input-date:disabled .form-control-icon {
  z-index: 0;
}
.app-input-date.disabled:hover,
.app-input-date:disabled:hover {
  cursor: not-allowed;
}
.app-input-date.disabled .form-control:hover,
.app-input-date:disabled .form-control:hover {
  cursor: not-allowed;
}
form-lib-datepicker .ngb-dp-day {
  text-align: center;
}
.using-keyboard form-lib-datepicker .ngb-dp-day:focus {
  outline: var(--focus-blue-box);
}
form-lib-datepicker .ngb-dp-day .custom-day {
  text-align: center;
  padding: 0.185rem 0.25rem;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
@media (min-width: 768px) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-selected-date {
    background-color: var(--calendar-date-hover);
  }
}
@media (any-hover: hover) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-selected-date {
    background-color: var(--calendar-date-hover);
  }
}
@media (hover: none) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-selected-date {
    background-color: var(--brand-primary);
  }
}
@media (min-width: 768px) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-relative-date {
    background-color: var(--hover-color);
  }
}
@media (any-hover: hover) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-relative-date {
    background-color: var(--hover-color);
  }
}
@media (hover: none), (hover: on-demand) {
  form-lib-datepicker .ngb-dp-day .custom-day.hovered-relative-date {
    background-color: var(--brand-secondary);
  }
}
form-lib-datepicker .ngb-dp-day .custom-day.today-date {
  background-color: var(--brand-background);
}
form-lib-datepicker .ngb-dp-day .custom-day.selected-date {
  background-color: var(--brand-primary);
  color: var(--neutral-color) !important;
}
form-lib-datepicker .ngb-dp-day .custom-day.relative-date {
  background-color: var(--brand-secondary);
  color: var(--brand-neutral) !important;
}
form-lib-datepicker .ngb-dp-day .custom-day.marked-date {
  border: 0.125rem solid var(--warning);
  padding-top: 0.0625rem;
}
form-lib-datepicker .ngb-dp-day .custom-day.disabled-day {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--gray-400) !important;
}
form-lib-datepicker .ngb-dp-weekdays {
  background: var(--gray-200);
  color: var(--gray-600) !important;
  border-bottom: 1px solid white !important;
}
form-lib-datepicker .ngb-dp-weekdays .ngb-dp-weekday {
  font-style: normal;
  font-weight: var(--font-weight-normal);
}
form-lib-datepicker .ngb-dp-arrow {
  align-items: center;
}
form-lib-datepicker .ngb-dp-arrow .ngb-dp-arrow-btn:disabled {
  background-color: transparent;
}
form-lib-datepicker .ngb-dp-arrow .ngb-dp-arrow-btn:disabled .ngb-dp-navigation-chevron {
  color: var(--btn-disabled);
}
@media (max-width: 1079.98px) {
  form-lib-datepicker .ngb-dp-arrow .ngb-dp-arrow-btn:focus {
    outline: none;
  }
}
form-lib-datepicker .calendar-footer .footer-text-container {
  display: flex;
  justify-content: space-between;
}
form-lib-datepicker .calendar-footer .footer-text-container .footer-text {
  display: inline-flex;
  align-items: center;
}
form-lib-datepicker .calendar-footer .footer-text-container .footer-text-wrapped {
  max-width: 200px;
}
@media (min-width: 768px) {
  form-lib-datepicker .calendar-footer .is-hovered {
    color: var(--gray-700);
  }
}
@media (any-hover: hover) {
  form-lib-datepicker .calendar-footer .is-hovered {
    color: var(--gray-700);
  }
}
@media (hover: none), (hover: on-demand) {
  form-lib-datepicker .calendar-footer .is-hovered {
    color: inherit;
  }
}
form-lib-datepicker .calendar-footer .circle {
  border: 5px solid var(--gray-800);
  width: 0.5625rem;
  height: 0.5625rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
form-lib-datepicker .calendar-footer .circle.outline {
  border-width: 2px;
  width: 0.625rem;
  height: 0.625rem;
}
form-lib-datepicker .calendar-footer .circle.warning {
  border-color: var(--warning);
}
form-lib-datepicker .calendar-footer .circle.danger {
  border-color: var(--danger);
}
form-lib-datepicker .calendar-footer .circle.primary {
  border-color: var(--brand-primary);
}
form-lib-datepicker .calendar-footer .circle.secondary {
  border-color: var(--brand-secondary);
}
form-lib-datepicker.hide-months .ngb-dp-month-name {
  display: none;
}
@media (max-width: 767.98px) {
  form-lib-datepicker ngb-datepicker {
    width: 100%;
  }
  form-lib-datepicker ngb-datepicker-navigation {
    padding: 0 6% 0.3125rem 6%;
  }
  form-lib-datepicker .ngb-dp-month {
    width: 100%;
  }
  form-lib-datepicker .ngb-dp-weekdays,
  form-lib-datepicker .ngb-dp-week {
    justify-content: space-evenly;
  }
  form-lib-datepicker .ngb-dp-day .custom-day {
    font-size: 0.95rem;
  }
}
@media (max-width: 767.98px) {
  .dropdown-menu-container.menu-drops-up .mobile-dropdown-menu-container.date-picker {
    max-height: 90% !important;
  }
}
ui-forms-calendar ngb-datepicker {
  border-width: 0 !important;
  width: 100%;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header {
  padding: 0 0.5rem 0.25rem;
}
@media (max-width: 767.98px) {
  ui-forms-calendar ngb-datepicker .ngb-dp-header {
    padding: 0 1rem 0.5rem;
  }
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select {
  order: -1;
  padding-right: 0.5rem;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select {
  color: var(--text-color-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  height: auto;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><path fill='%236C6C6C' d='M10.5 15l7.5 7.5 7.5-7.5z'/></svg>") right center/20px no-repeat;
  max-width: 7rem;
  -webkit-appearance: none;
  appearance: none;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select + .form-select {
  margin-left: 0.5rem;
}
.using-keyboard ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .select-indicator {
  fill: var(--gray-900);
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow {
  align-items: center;
  flex-grow: 0;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow.right {
  margin-left: 6px;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn {
  height: 1.85rem;
  min-height: auto;
  border-radius: 0;
  border-bottom: 3px solid transparent;
  text-overflow: clip;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
  color: var(--gray-900);
  font-size: var(--font-size-xs) !important;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn:focus {
  outline: none;
}
.using-keyboard ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn:disabled {
  background-color: transparent;
}
ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn:disabled .ngb-dp-navigation-chevron {
  color: var(--btn-disabled);
}
@media (max-width: 767.98px) {
  ui-forms-calendar ngb-datepicker .ngb-dp-header .ngb-dp-arrow {
    min-width: calc(2.5rem * var(--android-rem-scale));
  }
}
ui-forms-calendar ngb-datepicker .ngb-dp-month {
  width: 100%;
  padding: 0 0.5rem;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-weekdays,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-weekdays {
  border-bottom-color: white !important;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-weekdays .ngb-dp-weekday {
  font-weight: var(--font-weight-semibold);
  height: 2rem;
  color: var(--text-color-tertiary) !important;
  font-size: min(var(--font-size-sm), 24px) !important;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-week-number,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-weekday {
  height: auto;
  width: auto;
}
.using-keyboard ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day:focus .custom-day .day {
  color: var(--text-color-primary);
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .day-wrap,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .day {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
@media (max-width: 767.98px) {
  ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .day-wrap {
    max-width: 3em;
    margin: 0 auto;
  }
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.in-range {
  background-color: var(--hover-color);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.in-range.selected-date:not(.range-start-date),
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.in-range.hovered-selected-date:not(.has-range) {
  background:
    linear-gradient(
      to left,
      transparent,
      var(--hover-color)) no-repeat;
  background-size: 70%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.in-range.range-start-date {
  background:
    linear-gradient(
      to right,
      transparent,
      var(--hover-color)) no-repeat;
  background-size: 70%;
  background-position-x: right;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.selected-date.range-start-date.hovered-selected-date,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.selected-date.range-start-date.has-range.in-range {
  background: none;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day .day {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 2px solid transparent;
  font-size: min(var(--font-size-xs), 32px);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.today-date .day {
  background-color: var(--gray-100);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.marked-date .day {
  border-color: var(--danger);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.selected-date .day,
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.range-start-date .day {
  background-color: var(--brand-primary) !important;
  color: var(--neutral-color) !important;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day:hover .day {
  background-color: var(--hover-color);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.hovered-relative-date .day {
  border-color: var(--brand-secondary);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.relative-date .day {
  border-color: var(--brand-secondary);
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.relative-date.hovered-relative-date .day {
  background-color: transparent;
}
ui-forms-calendar ngb-datepicker .ngb-dp-month .ngb-dp-day .custom-day.disabled-day {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--gray-500) !important;
}
ui-forms-calendar.day-of-month-picker .ngb-dp-month {
  padding: 0;
}
ui-forms-calendar.day-of-month-picker .ngb-dp-month .ngb-dp-month-name {
  display: none;
}
ui-forms-calendar.day-of-month-picker .ngb-dp-day.hidden {
  display: inline-block !important;
}
ui-forms-calendar .calendar-legend .legend-text-container {
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-sm);
  margin-top: var(--space-xxs);
}
ui-forms-calendar .calendar-legend .legend-text-container .legend-text {
  display: inline-flex;
  align-items: center;
  color: var(--text-color-tertiary);
}
ui-forms-calendar .calendar-legend .is-hovered {
  color: var(--text-color-tertiary);
}
ui-forms-calendar .calendar-legend .circle {
  border: 0.375rem solid var(--gray-800);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
ui-forms-calendar .calendar-legend .circle.outline {
  border-width: 0.125rem;
}
ui-forms-calendar .calendar-legend .circle.warning {
  border-color: var(--warning);
}
ui-forms-calendar .calendar-legend .circle.danger {
  border-color: var(--danger);
}
ui-forms-calendar .calendar-legend .circle.primary {
  border-color: var(--brand-primary);
}
ui-forms-calendar .calendar-legend .circle.secondary {
  border-color: var(--brand-secondary);
}
ui-forms-calendar .calendar-legend .circle.white {
  border-color: var(--neutral-color);
}
ui-forms-calendar .calendar-legend .circle.hover {
  border-color: var(--hover-color);
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header {
  padding: 0 4px;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select {
  flex-direction: column;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select {
  height: auto;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select + .form-select {
  margin-left: 0;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn {
  height: calc(1.85rem * var(--android-rem-scale));
  margin: 0 6px;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
  height: min(0.75rem * var(--android-rem-scale), 40px);
  width: min(0.75rem * var(--android-rem-scale), 40px);
  margin: 0;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-month {
  padding: 0;
}
ui-forms-calendar.compact-mode ngb-datepicker .ngb-dp-month .ngb-dp-weekdays .ngb-dp-weekday {
  height: auto;
  line-height: normal;
}
ui-forms-calendar.compact-mode .calendar-legend .legend-text-container {
  margin-top: 0;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  min-height: 2rem;
}
ui-forms-calendar.compact-mode .calendar-legend .legend-text-container .legend-value {
  text-align: right;
}
ui-forms-calendar.compact-mode.day-of-month-picker .calendar-legend .legend-text-container {
  min-height: 0;
}
.cdk-drag-animating {
  transition: var(--drag-transition);
}
.cdk-drag-placeholder {
  background-color: color-mix(in srgb, var(--brand-primary), transparent 90%);
  border: 1px solid var(--brand-primary);
  border-radius: var(--border-radius);
  transition: var(--drag-transition);
}
.dropdown-menu {
  float: none;
}
form-lib-select-menu,
.select-menu {
  z-index: auto;
}
.dropdown-header {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  font-size: var(--font-size-sm);
  font-weight: normal;
  color: var(--gray-900);
  line-height: 1.25;
  white-space: normal;
}
.dropdown-item,
.select-option {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  color: var(--gray-900);
  line-height: 1.25;
  text-decoration: none;
  transition: background-color var(--transition-duration) var(--transition-timing);
}
.using-keyboard .dropdown-item:focus,
.using-keyboard .select-option:focus {
  outline: var(--focus-blue-box);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.dropdown-item:hover,
.select-option:hover {
  cursor: pointer;
}
@media (min-width: 1080px) {
  .dropdown-item:hover,
  .select-option:hover {
    background-color: var(--hover-color);
  }
}
.dropdown-item:not(:first-child),
.select-option:not(:first-child) {
  border-top: 1px solid var(--gray-200);
}
.dropdown-item:not(:first-child) .dropdown-item,
.select-option:not(:first-child) .dropdown-item {
  border-top: 1px solid var(--gray-200);
}
.dropdown-item:not(:first-child) .dropdown-item,
.dropdown-item:not(:last-child) .dropdown-item,
.select-option:not(:first-child) .dropdown-item,
.select-option:not(:last-child) .dropdown-item {
  border-radius: 0;
}
.show > .dropdown-menu {
  display: block;
  position: absolute;
}
.show > a {
  outline: 0;
}
.show > .dropdown-toggle::after {
  border-top-width: 0;
  border-bottom: 0.25rem solid;
}
.dropdown-menu.scroll-menu {
  max-height: 13.125rem;
  overflow-y: scroll;
}
.dropdown-select {
  min-height: 51px;
}
.dropdown-select > span {
  line-height: 1;
}
.dropdown-select .form-control-icon {
  z-index: 0;
}
.dropdown-select .form-control-icon.dropdown-arrow {
  left: auto;
  right: 0;
}
.dropdown-select .form-control-icon.dropdown-arrow .material-icons {
  font-size: 1.625rem;
}
.dropdown-select .dropdown-menu {
  min-width: 100%;
}
.dropdown-select .form-control {
  padding-right: 2.25rem;
  cursor: pointer;
  text-align: left;
  transition: padding 0s;
  min-height: 51px;
}
.dropdown-select .form-control > span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-select .form-control.disabled,
.dropdown-select .form-control:disabled {
  cursor: not-allowed;
}
.dropdown-select .form-control.disabled a,
.dropdown-select .form-control.disabled:hover,
.dropdown-select .form-control:disabled a,
.dropdown-select .form-control:disabled:hover {
  cursor: not-allowed;
}
.dropdown-select .select-option-icon {
  font-size: 1.125rem;
  margin-left: 0.625rem;
}
.dropdown-select .dropdown-toggle::after {
  display: none;
}
.dropdown-select.disabled,
.dropdown-select:disabled {
  cursor: not-allowed;
}
.dropdown-select.disabled a,
.dropdown-select.disabled:hover,
.dropdown-select:disabled a,
.dropdown-select:disabled:hover {
  cursor: not-allowed;
}
.dropdown-select.disabled .dropdown-arrow i,
.dropdown-select:disabled .dropdown-arrow i {
  color: var(--gray-300) !important;
  display: none;
}
.dropdown-select.disabled .form-control-icon,
.dropdown-select:disabled .form-control-icon {
  z-index: 0;
}
@media (min-width: 768px) {
  .dropdown-select:enabled:not(.disabled):hover .material-icons:not(.color-error) {
    color: var(--brand-primary);
    cursor: pointer;
  }
}
form-lib-grouped-select-menu .dropdown-select .dropdown-menu {
  overscroll-behavior: contain;
}
form-lib-grouped-select-menu .dropdown-select .dropdown-menu.scroll-menu {
  max-height: 20.625rem;
}
ngb-typeahead-window {
  width: 100%;
  max-height: 13.125rem;
  overflow-y: auto;
}
ngb-typeahead-window .dropdown-item {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-container {
  position: relative;
}
.dropdown-container .input-group input,
.dropdown-container .input-group div.combobox {
  cursor: pointer;
}
@media (min-width: 768px) {
  .dropdown-container.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open input,
  .dropdown-container.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open div.combobox {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .dropdown-container.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open .button-left-toggle {
    border-top-left-radius: 0;
  }
  .dropdown-container.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open input,
  .dropdown-container.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open div.combobox {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .dropdown-container.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open .button-left-toggle {
    border-bottom-left-radius: 0;
  }
}
.dropdown-container.no-mobile-drawer.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open input,
.dropdown-container.no-mobile-drawer.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open div.combobox {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-container.no-mobile-drawer.menu-drops-up:not(.menu-has-gap) .input-group.has-menu-open .button-left-toggle {
  border-top-left-radius: 0;
}
.dropdown-container.no-mobile-drawer.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open input,
.dropdown-container.no-mobile-drawer.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open div.combobox {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-container.no-mobile-drawer.menu-drops-down:not(.menu-has-gap) .input-group.has-menu-open .button-left-toggle {
  border-bottom-left-radius: 0;
}
.dropdown-container.container-form.menu-drops-up {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-container.container-form.menu-drops-down {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-container.has-action-button {
  min-width: 0;
  flex-grow: 1;
}
.dropdown-menu-container {
  z-index: var(--z-index-forms-dropdown);
}
.dropdown-menu-container.no-mobile-drawer {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer .menu-border,
.dropdown-menu-container.no-mobile-drawer .menu-full-border {
  border: 1px solid var(--stroke-dark);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down > .menu-border {
  border-top: none;
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up > .menu-border {
  border-bottom: none;
}
.dropdown-menu-container.no-mobile-drawer .desktop-dropdown-menu-container {
  background-color: var(--neutral-bg-color);
  border-radius: var(--ui-forms-border-radius);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  max-height: 0px;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.dropdown-menu-container.no-mobile-drawer .dropdown-menu-content.scrollable {
  overflow: auto;
  position: relative;
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down .desktop-dropdown-menu-container {
  top: 0;
  opacity: 1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 12px 11px 1px rgba(0, 0, 0, 0.07), 0 16px 14px 2px rgba(0, 0, 0, 0.06);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down .desktop-dropdown-menu-container ul:last-of-type li:last-child {
  border-bottom-left-radius: var(--ui-forms-border-radius);
  border-bottom-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up .desktop-dropdown-menu-container {
  bottom: 0;
  opacity: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 -5px 11px 1px rgba(0, 0, 0, 0.07), 0 -9px 14px 2px rgba(0, 0, 0, 0.06);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up .desktop-dropdown-menu-container ul:first-of-type li:first-child {
  border-top-left-radius: var(--ui-forms-border-radius);
  border-top-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up.menu-aligns-right .desktop-dropdown-menu-container {
  border-bottom-left-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up.menu-aligns-right .desktop-dropdown-menu-container ul:last-of-type li:last-child {
  border-bottom-left-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up.menu-aligns-left .desktop-dropdown-menu-container {
  border-bottom-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-up.menu-aligns-left .desktop-dropdown-menu-container ul:last-of-type li:last-child {
  border-bottom-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down.menu-aligns-right .desktop-dropdown-menu-container {
  border-top-left-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down.menu-aligns-right .desktop-dropdown-menu-container ul:first-of-type li:first-child {
  border-top-left-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down.menu-aligns-left .desktop-dropdown-menu-container {
  border-top-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-drops-down.menu-aligns-left .desktop-dropdown-menu-container ul:first-of-type li:first-child {
  border-top-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-has-gap .desktop-dropdown-menu-container {
  border-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-has-gap .desktop-dropdown-menu-container ul:first-of-type li:first-child {
  border-top-left-radius: var(--ui-forms-border-radius);
  border-top-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.menu-has-gap .desktop-dropdown-menu-container ul:last-of-type li:last-child {
  border-bottom-left-radius: var(--ui-forms-border-radius);
  border-bottom-right-radius: var(--ui-forms-border-radius);
}
.dropdown-menu-container.no-mobile-drawer.has-scroll .desktop-dropdown-menu-container ul:first-of-type li:first-child {
  border-top-right-radius: 0 !important;
}
.dropdown-menu-container.no-mobile-drawer.has-scroll .desktop-dropdown-menu-container ul:last-of-type li:last-child {
  border-bottom-right-radius: 0 !important;
}
@media (max-width: 767.98px) {
  .dropdown-menu-container:not(.no-mobile-drawer) {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .mobile-dropdown-menu-backdrop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, var(--backdrop-opacity));
    -webkit-backdrop-filter: var(--backdrop-filter-blur);
    backdrop-filter: var(--backdrop-filter-blur);
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .mobile-dropdown-menu-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: var(--neutral-bg-color);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    display: inline-flex;
    flex-direction: column;
    opacity: 0;
    max-height: 0px;
    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.1), 0px -5px 40px 15px rgba(0, 0, 0, 0.06);
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .mobile-dropdown-menu-container .mobile-dropdown-menu-header {
    padding: var(--forms-x-spacing);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .mobile-dropdown-menu-container .mobile-dropdown-menu-header .header-title {
    font-size: var(--font-size-md) !important;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .mobile-dropdown-menu-container .mobile-dropdown-menu-header ui-core-icon-button i {
    color: var(--text-color-primary);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up .mobile-dropdown-menu-container {
    max-height: 80%;
    min-height: 35%;
    opacity: 1;
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up .mobile-dropdown-menu-container .dropdown-menu-content {
    overflow: auto;
    position: relative;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-container:not(.no-mobile-drawer) {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .menu-border,
  .dropdown-menu-container:not(.no-mobile-drawer) .menu-full-border {
    border: 1px solid var(--stroke-dark);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down > .menu-border {
    border-top: none;
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up > .menu-border {
    border-bottom: none;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .desktop-dropdown-menu-container {
    background-color: var(--neutral-bg-color);
    border-radius: var(--ui-forms-border-radius);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    max-height: 0px;
    transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
  }
  .dropdown-menu-container:not(.no-mobile-drawer) .dropdown-menu-content.scrollable {
    overflow: auto;
    position: relative;
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down .desktop-dropdown-menu-container {
    top: 0;
    opacity: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 12px 11px 1px rgba(0, 0, 0, 0.07), 0 16px 14px 2px rgba(0, 0, 0, 0.06);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down .desktop-dropdown-menu-container ul:last-of-type li:last-child {
    border-bottom-left-radius: var(--ui-forms-border-radius);
    border-bottom-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up .desktop-dropdown-menu-container {
    bottom: 0;
    opacity: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -5px 11px 1px rgba(0, 0, 0, 0.07), 0 -9px 14px 2px rgba(0, 0, 0, 0.06);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up .desktop-dropdown-menu-container ul:first-of-type li:first-child {
    border-top-left-radius: var(--ui-forms-border-radius);
    border-top-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up.menu-aligns-right .desktop-dropdown-menu-container {
    border-bottom-left-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up.menu-aligns-right .desktop-dropdown-menu-container ul:last-of-type li:last-child {
    border-bottom-left-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up.menu-aligns-left .desktop-dropdown-menu-container {
    border-bottom-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-up.menu-aligns-left .desktop-dropdown-menu-container ul:last-of-type li:last-child {
    border-bottom-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down.menu-aligns-right .desktop-dropdown-menu-container {
    border-top-left-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down.menu-aligns-right .desktop-dropdown-menu-container ul:first-of-type li:first-child {
    border-top-left-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down.menu-aligns-left .desktop-dropdown-menu-container {
    border-top-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-drops-down.menu-aligns-left .desktop-dropdown-menu-container ul:first-of-type li:first-child {
    border-top-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-has-gap .desktop-dropdown-menu-container {
    border-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-has-gap .desktop-dropdown-menu-container ul:first-of-type li:first-child {
    border-top-left-radius: var(--ui-forms-border-radius);
    border-top-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).menu-has-gap .desktop-dropdown-menu-container ul:last-of-type li:last-child {
    border-bottom-left-radius: var(--ui-forms-border-radius);
    border-bottom-right-radius: var(--ui-forms-border-radius);
  }
  .dropdown-menu-container:not(.no-mobile-drawer).has-scroll .desktop-dropdown-menu-container ul:first-of-type li:first-child {
    border-top-right-radius: 0 !important;
  }
  .dropdown-menu-container:not(.no-mobile-drawer).has-scroll .desktop-dropdown-menu-container ul:last-of-type li:last-child {
    border-bottom-right-radius: 0 !important;
  }
}
.using-keyboard .dropdown-menu-content li.is-focused {
  outline: var(--focus-blue-box);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 22.5em) {
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-fill {
    flex: 1 1 auto !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 480px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1080px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.using-keyboard .uses-focus-state:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
.using-keyboard .uses-focus-state-relative:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
  position: relative;
  z-index: 1;
}
.form-row {
}
.form-row.form-row-text {
  margin-bottom: var(--spacer);
}
.form-row h2 {
  margin: 0;
}
.form-row .form-control-feedback {
  word-wrap: break-word !important;
  text-overflow: unset !important;
  padding: 0.3125rem !important;
  margin-left: 0 !important;
}
.form-row .form-control-icon {
  top: unset;
  bottom: 0.75rem;
  height: unset;
}
.form-row .input-currency .form-control-icon {
  padding-bottom: 0.1875rem;
  padding-top: 0 !important;
  display: flex !important;
}
.form-row form-lib-input-text .sub-form-group,
.form-row form-lib-input-text .dropdown-select,
.form-row form-lib-input-date .sub-form-group,
.form-row form-lib-input-date .dropdown-select,
.form-row form-lib-day-of-month .sub-form-group,
.form-row form-lib-day-of-month .dropdown-select,
.form-row form-lib-input-phone .sub-form-group,
.form-row form-lib-input-phone .dropdown-select,
.form-row form-lib-input-number .sub-form-group,
.form-row form-lib-input-number .dropdown-select,
.form-row form-lib-input-password .sub-form-group,
.form-row form-lib-input-password .dropdown-select,
.form-row form-lib-input-currency .sub-form-group,
.form-row form-lib-input-currency .dropdown-select,
.form-row form-lib-select-menu .sub-form-group,
.form-row form-lib-select-menu .dropdown-select {
  display: flex;
  align-items: flex-end;
}
.form-row form-lib-input-text .form-control-label,
.form-row form-lib-input-date .form-control-label,
.form-row form-lib-day-of-month .form-control-label,
.form-row form-lib-input-phone .form-control-label,
.form-row form-lib-input-number .form-control-label,
.form-row form-lib-input-password .form-control-label,
.form-row form-lib-input-currency .form-control-label,
.form-row form-lib-select-menu .form-control-label {
  word-wrap: break-word !important;
  text-overflow: unset !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: unset !important;
  line-height: 1.25rem !important;
  bottom: 13px;
}
.form-row form-lib-input-text .form-control:focus ~ .form-control-label,
.form-row form-lib-input-text .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-text .form-control.has-value ~ .form-control-label,
.form-row form-lib-input-date .form-control:focus ~ .form-control-label,
.form-row form-lib-input-date .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-date .form-control.has-value ~ .form-control-label,
.form-row form-lib-day-of-month .form-control:focus ~ .form-control-label,
.form-row form-lib-day-of-month .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-day-of-month .form-control.has-value ~ .form-control-label,
.form-row form-lib-input-phone .form-control:focus ~ .form-control-label,
.form-row form-lib-input-phone .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-phone .form-control.has-value ~ .form-control-label,
.form-row form-lib-input-number .form-control:focus ~ .form-control-label,
.form-row form-lib-input-number .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-number .form-control.has-value ~ .form-control-label,
.form-row form-lib-input-password .form-control:focus ~ .form-control-label,
.form-row form-lib-input-password .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-password .form-control.has-value ~ .form-control-label,
.form-row form-lib-input-currency .form-control:focus ~ .form-control-label,
.form-row form-lib-input-currency .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-input-currency .form-control.has-value ~ .form-control-label,
.form-row form-lib-select-menu .form-control:focus ~ .form-control-label,
.form-row form-lib-select-menu .form-control:enabled:hover ~ .form-control-label,
.form-row form-lib-select-menu .form-control.has-value ~ .form-control-label {
  bottom: 40px;
}
.form-row form-lib-input-date .form-control-label,
.form-row form-lib-day-of-month .form-control-label {
  max-width: calc(100% - 3rem);
}
.form-row form-lib-select-menu .form-control-label {
  max-width: calc(100% - 1.5rem);
}
.form-row form-lib-select-menu .icon-left .form-control-label {
  max-width: calc(100% - 3.1875rem);
}
.form-row form-lib-input-currency .icon-left .form-control-label,
.form-row form-lib-input-text .icon-left .form-control-label,
.form-row form-lib-input-password .icon-left .form-control-label {
  max-width: calc(100% - 1.6875rem);
}
.form-row form-lib-input-currency .icon-right .form-control-label,
.form-row form-lib-input-text .icon-right .form-control-label,
.form-row form-lib-input-password .icon-right .form-control-label {
  max-width: calc(100% - 2.25rem);
}
.form-row form-lib-input-currency .icon-left.icon-right .form-control-label,
.form-row form-lib-input-text .icon-left.icon-right .form-control-label,
.form-row form-lib-input-password .icon-left.icon-right .form-control-label {
  max-width: calc(100% - 3.9375rem);
}
.form-row form-lib-input-check label {
  position: absolute;
  bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.form-row form-lib-text-area label {
  display: block;
  line-height: 1.25rem;
  word-wrap: break-word !important;
  text-overflow: unset !important;
}
.form-row form-lib-radio-group {
  display: flex;
  align-items: flex-end;
}
.form-row form-lib-radio-group form {
  width: 100%;
}
.form-row form-lib-radio-group [role=radio] {
  border-bottom: 2px solid transparent;
}
.form-row form-lib-radio-group .form-control-label {
  word-wrap: break-word !important;
  text-overflow: unset !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: unset !important;
  line-height: 1.25rem !important;
}
.form-row form-lib-grouped-select-menu {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0 !important;
}
.form-row form-lib-grouped-select-menu .dropdown-select {
  width: 100%;
}
@media (max-width: 767.98px) {
  .form-row form-lib-grouped-select-menu .dropdown-select {
    position: relative;
  }
}
.form-row form-lib-grouped-select-menu .has-label {
  padding-top: 0 !important;
}
.form-row form-lib-grouped-select-menu .dropdown-toggle {
  position: relative;
}
.form-row form-lib-grouped-select-menu .dropdown-toggle .form-control-icon.dropdown-arrow {
  top: 0;
  bottom: 0;
  height: 100%;
  margin-top: 0 !important;
}
.form-row form-lib-grouped-select-menu .form-control-label {
  display: block;
  position: relative;
  word-wrap: break-word !important;
  text-overflow: unset !important;
  padding-top: 0 !important;
  padding-bottom: 0.375rem !important;
  top: unset !important;
  line-height: 1.25rem !important;
}
.form-row form-lib-mobile-input-currency.form-group .amount-display-section {
  padding-top: 0 !important;
}
.form-row form-lib-mobile-input-currency.form-group .amount-display-section .form-control-feedback {
  padding: 0.3125rem var(--spacer) !important;
  top: 100%;
}
.form-row form-lib-mobile-input-currency.form-group .amount-label {
  max-width: 100%;
  word-wrap: break-word !important;
  text-overflow: unset !important;
}
[select-footer] {
  margin-bottom: 1.5625rem;
}
.form-group {
  display: block;
  position: relative;
  margin-bottom: var(--spacer);
}
.form-group .sub-form-group {
  position: relative;
}
.form-group .form-control-icon .material-icons {
  padding-top: 0.5rem;
  font-size: 1.25rem;
}
.form-group .form-control-icon .material-icons:not(.no-hover):hover {
  cursor: pointer;
}
.form-group.icon-left .form-control,
.form-group.icon-left .form-control-hint,
.form-group .icon-left .form-control,
.form-group .icon-left .form-control-hint {
  padding-left: 1.6875rem;
}
.form-group.icon-left .form-control[type=time],
.form-group.icon-left .form-control-hint[type=time],
.form-group .icon-left .form-control[type=time],
.form-group .icon-left .form-control-hint[type=time] {
  padding-right: 0;
}
.form-group.icon-left .form-control-label,
.form-group .icon-left .form-control-label {
  left: 1.6875rem;
}
.form-group.icon-left .form-control-icon.left-icon:first-child,
.form-group .icon-left .form-control-icon.left-icon:first-child {
  left: 0;
}
.form-group.icon-left .form-control:focus ~ .form-control-label,
.form-group.icon-left .form-control.has-value ~ .form-control-label,
.form-group .icon-left .form-control:focus ~ .form-control-label,
.form-group .icon-left .form-control.has-value ~ .form-control-label {
  left: 0;
}
@media (max-width: 1199.98px) {
  .form-group.icon-left .form-control:focus ~ .form-control-label,
  .form-group.icon-left .form-control.has-value ~ .form-control-label,
  .form-group .icon-left .form-control:focus ~ .form-control-label,
  .form-group .icon-left .form-control.has-value ~ .form-control-label {
    line-height: 0.7em;
  }
}
.form-group.icon-right .form-control,
.form-group .icon-right .form-control {
  padding-right: 2.25rem;
}
.form-group.icon-right .form-control-label,
.form-group .icon-right .form-control-label {
  right: 2.25rem;
}
.form-group.icon-right .form-control-icon.right-icon,
.form-group .icon-right .form-control-icon.right-icon {
  right: 0;
}
.form-group.disabled,
.form-group.disabled .form-control {
  cursor: not-allowed;
  color: var(--gray-500) !important;
  border-bottom-color: var(--stroke-medium);
}
.form-group.disabled:hover,
.form-group.disabled .form-control:hover {
  cursor: default;
}
.form-group.disabled .material-icons,
.form-group.disabled .form-control .material-icons {
  color: var(--gray-500);
}
@media (min-width: 768px) {
  .form-group:not(.disabled):hover .material-icons:not(.color-error):not(.no-hover) {
    color: var(--brand-primary) !important;
  }
}
.form-group.is-success .form-control-animation {
  width: 100%;
}
.form-group.has-error .form-control-animation {
  background-color: var(--danger);
  width: 100%;
}
.input-currency .form-control-icon {
  left: -2px !important;
  padding-top: 1.1875rem;
  padding-bottom: 0.625rem;
}
@media (max-width: 1079.98px) {
  .input-currency .form-control-icon {
    padding-top: 1.3125rem;
    display: block;
  }
}
.input-currency .form-control-icon .material-icons {
  font-size: 0.9375rem;
  padding-top: 0;
}
@media all and (-ms-high-contrast: none) {
  .input-currency .form-control-icon .material-icons {
    padding-top: 0.25rem;
  }
}
.input-currency .form-control {
  padding-left: 0.75rem !important;
}
form-lib-mobile-input-currency.form-group {
  margin-bottom: 0;
}
form-lib-mobile-input-currency.form-group .amount-display-section.padded {
  padding: 1.1875rem var(--spacer) var(--spacer) var(--spacer);
}
form-lib-mobile-input-currency.form-group .amount-display-section h3 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
}
form-lib-mobile-input-currency.form-group .amount-display-section .form-control-feedback {
  padding: 0 var(--spacer);
  top: 80%;
}
form-lib-mobile-input-currency.form-group .amount-label {
  font-size: var(--font-size-sm);
  color: var(--gray-800);
}
.always-hint .form-control ~ .form-control-label {
  left: 0;
  padding-top: 0;
}
.form-control {
  display: block;
  width: 100%;
  color: var(--text-color-primary);
  padding: 1.25rem var(--spacer-half) 0.625rem 0;
  height: 3.3125rem;
  border: 1px solid var(--gray-400);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-color: var(--gray-400);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 0;
  transition: all var(--transition-duration) var(--transition-timing);
}
.form-control:focus,
.form-control:enabled:hover {
  border-bottom-width: 0.1875rem;
  border-bottom-color: var(--brand-primary);
}
.form-control:focus ~ .form-control-label,
.form-control:enabled:hover ~ .form-control-label {
  padding-top: 0;
}
.form-control:focus ~ .form-control-animation,
.form-control:enabled:hover ~ .form-control-animation {
  width: 100%;
}
.form-control:disabled,
.form-control[readonly] {
  pointer-events: none;
  background-color: transparent;
  opacity: 1;
}
.form-control:disabled.has-value ~ .form-control-animation,
.form-control[readonly].has-value ~ .form-control-animation {
  background-color: var(--gray-200);
}
.form-control:disabled .material-icons,
.form-control[readonly] .material-icons {
  pointer-events: none;
}
.form-control[readonly]:not(.readonly-with-dropdown) {
  border-bottom: 0;
}
.form-control.has-value {
  border-bottom-width: 0.125rem;
}
.form-control.has-value ~ .form-control-label {
  padding-top: 0;
}
.form-control::placeholder {
  opacity: 1;
  color: var(--gray-800);
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--brand-neutral);
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
select.form-control:focus::-ms-value {
  color: var(--brand-neutral);
  background-color: transparent;
}
textarea.form-control {
  height: auto;
}
.form-control-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--gray-800);
  display: block;
  font-size: var(--font-size-sm);
  line-height: 1;
  padding-top: 1.4375rem;
  padding-left: 0;
  margin-bottom: 0;
  pointer-events: none;
  text-overflow: ellipsis;
  word-wrap: none;
  transition-duration: var(--transition-duration);
  transition-property:
    font-size,
    padding,
    bottom,
    left;
  transition-timing-function: var(--transition-timing);
}
.form-control-label-pinned {
  top: -18px;
}
form-lib-radio-group .form-control-label,
form-lib-grouped-select-menu .form-control-label {
  padding-top: 0;
}
form-lib-grouped-select-menu .form-control-label {
  top: -0.25rem;
}
@media (max-width: 767.98px) {
  form-lib-grouped-select-menu .form-control-label {
    padding-left: 1.3125rem;
    top: 0.1875rem;
  }
}
.col-form-label {
  padding-top: calc(0.625rem + 1px);
  padding-bottom: calc(0.625rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -26px;
  margin-left: -26px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 26px;
  padding-left: 26px;
}
.form-control-animation {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  pointer-events: none;
  height: 3px;
  background-color: var(--brand-primary);
  width: 0;
  transition: width var(--transition-duration) var(--transition-timing);
}
form-lib-grouped-select-menu .has-label {
  padding-top: 20px;
}
form-lib-text-area .has-label .sub-form-group {
  padding-top: var(--spacer);
}
form-lib-text-area label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: var(--gray-800);
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  display: block;
  line-height: 1;
  pointer-events: none;
  text-overflow: ellipsis;
  word-wrap: none;
}
form-lib-text-area textarea.form-control {
  padding: 1em;
}
.form-group .form-control-feedback,
.form-group:not(.disabled):hover .form-control-feedback {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  font-size: var(--font-size-xs);
  padding: var(--spacer-quarter) var(--spacer-half);
  padding-left: 0;
  line-height: 1.25;
}
.form-group .form-control-feedback .material-icons,
.form-group:not(.disabled):hover .form-control-feedback .material-icons {
  font-size: 0.75rem;
  padding-right: 0.375rem;
}
.form-group .form-control-feedback.success.show,
.form-group .form-control-feedback.info.show,
.form-group:not(.disabled):hover .form-control-feedback.success.show,
.form-group:not(.disabled):hover .form-control-feedback.info.show {
  display: block;
  color: var(--gray-800);
}
.form-group .form-control-feedback.success .material-icons,
.form-group:not(.disabled):hover .form-control-feedback.success .material-icons {
  color: var(--success) !important;
}
.form-group .form-control-feedback.error.show,
.form-group:not(.disabled):hover .form-control-feedback.error.show {
  display: block;
  color: var(--fail-color);
}
.form-group .form-control-feedback.error .material-icons,
.form-group:not(.disabled):hover .form-control-feedback.error .material-icons {
  color: var(--danger) !important;
}
.form-group .form-control-feedback.info .material-icons,
.form-group:not(.disabled):hover .form-control-feedback.info .material-icons {
  color: var(--info) !important;
}
.form-control-icon {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--gray-700);
  border: 0;
  background: transparent;
  white-space: nowrap;
  vertical-align: middle;
  transition: color var(--transition-duration) var(--transition-timing);
  -webkit-user-select: none;
  user-select: none;
}
.form-control-icon.icon-right {
  right: 0.8125rem;
}
.form-control-icon.reset-button {
  right: 0;
}
.using-keyboard .form-control-icon.reset-button:focus {
  box-shadow: 0 0 0 1px var(--brand-primary);
}
.form-radio-group .form-control-label {
  display: block;
  padding: 0;
  margin-bottom: 20px;
}
.form-radio-group .form-radio-control {
  visibility: hidden;
  position: absolute;
}
.form-radio-group label {
  display: inline-flex;
  position: relative;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.form-radio-group .form-radio-control[readonly] + label,
.form-radio-group .form-radio-control:disabled + label {
  cursor: not-allowed;
  pointer-events: none;
}
.form-radio-group .form-radio-control[readonly] + label::before,
.form-radio-group .form-radio-control:disabled + label::before {
  border-color: var(--gray-400);
}
.form-radio-group .form-radio-control[readonly] + label::after,
.form-radio-group .form-radio-control:disabled + label::after {
  background-color: var(--gray-400) !important;
}
.form-radio-group .form-radio-control + label::before {
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.8125rem;
  display: inline-block;
  border: 2px solid var(--brand-primary);
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 3px;
  margin-top: 3px;
}
.form-radio-group .form-radio-control + label::after {
  content: "";
  background-color: var(--neutral-bg-color);
  transition: background-color var(--transition-duration);
}
.form-radio-group .form-radio-control:checked + label::after {
  content: "";
  position: absolute;
  left: 0.4375rem;
  top: 0.4375rem;
  height: 0.375rem;
  width: 0.375rem;
  margin: 0.1875rem;
  display: inline-block;
  background-color: var(--brand-primary);
  border-radius: 50%;
}
form-lib-radio-group.form-group .form-control-feedback,
form-lib-radio-group.form-group:not(.disabled):hover .form-control-feedback,
form-lib-input-check.form-group .form-control-feedback,
form-lib-input-check.form-group:not(.disabled):hover .form-control-feedback {
  padding: 0;
}
.form-check-control {
  height: 0;
  width: 0;
  opacity: 0 !important;
  pointer-events: none;
  position: absolute;
}
.form-check-control + label {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 3px solid transparent;
  padding-bottom: 3px;
  cursor: pointer;
}
.form-check-control + label > span {
  margin-left: 1.875rem;
}
.form-check-control + label::before {
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.8125rem;
  display: inline-block;
  border: 2px solid var(--brand-primary);
  margin-left: 3px;
  position: absolute;
  top: 3px;
}
.form-check-control + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1.25rem;
  width: 1.25rem;
  color: var(--neutral-color);
  margin: 3px;
  display: inline-block;
  background-color: transparent;
  transition: background-color var(--transition-duration);
}
.form-check-control:checked + label::after,
.form-check-control.some-checked + label::after {
  background-color: var(--brand-primary);
  font-family: "Material Symbols";
  font-feature-settings: "liga";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-size: 1.25rem;
}
.form-check-control:checked + label::after {
  content: "done";
}
.form-check-control.some-checked + label::after {
  content: "indeterminate_check_box";
}
.form-check-control:disabled:checked + label::after,
.form-check-control[readonly]:checked + label::after {
  background-color: var(--gray-400) !important;
}
.form-check-control[readonly] + label,
.form-check-control:disabled + label {
  cursor: not-allowed;
  pointer-events: none;
}
.form-check-control[readonly] + label::before,
.form-check-control:disabled + label::before {
  border-color: var(--gray-400);
}
.using-keyboard .form-check-control:focus + label::after {
  box-shadow: 0 0 0 2px var(--brand-primary-light);
}
[role=radio] {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 2em;
  margin: 0.25em;
  padding-left: 1.875rem;
}
.radio-vertical [role=radio] {
  display: block;
}
[role=radio]::before,
[role=radio]::after {
  display: block;
  position: absolute;
  border-radius: 50%;
  content: "";
}
[role=radio]::before {
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--brand-primary);
  background: var(--neutral-bg-color);
  margin-top: 3px;
  margin-left: 3px;
}
[role=radio].disabled::before {
  border: 2px solid var(--gray-400);
}
[role=radio][aria-checked=true]::after {
  top: 0.4375rem;
  left: 0.4375rem;
  height: 0.375rem;
  width: 0.375rem;
  background-color: var(--brand-primary);
  margin: 0.1875rem;
  content: "";
}
[role=radio].disabled[aria-checked=true]::after {
  background-color: var(--gray-400);
}
.using-keyboard [role=radio]:focus {
  border-bottom: 2px solid var(--brand-primary);
}
[role=radiogroup].form-control {
  height: unset;
  border-bottom: none;
  line-height: 1.125rem;
}
[role=radiogroup].form-control label {
  display: block;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.form-control.with-hint {
  position: absolute;
  z-index: 1;
  letter-spacing: 1px;
}
.form-control.with-hint:hover {
  padding-bottom: 0.5rem;
}
.form-control.with-hint:focus {
  padding-bottom: 0.5625rem;
}
.form-control.with-hint[readonly] {
  color: transparent;
}
.form-control.with-hint[readonly] ~ input.form-control-hint {
  color: var(--gray-900) !important;
}
input.form-control-hint,
.form-control.with-hint:not(.has-value) + input.form-control-hint {
  border: transparent;
  color: transparent;
  padding-bottom: 0.75rem;
  letter-spacing: 1px;
}
.form-control.with-hint:focus + input.form-control-hint,
.form-control.with-hint.has-value + input.form-control-hint,
.always-hint .form-control.with-hint + input.form-control-hint {
  border: transparent;
  color: var(--gray-600);
  letter-spacing: 1px;
  padding-bottom: 0.75rem;
}
form-lib-input-check.progressive {
  margin: 0 var(--spacer) var(--spacer) 0;
}
@media (max-width: 767.98px) {
  form-lib-input-check.progressive {
    margin-right: 0;
  }
}
form-lib-input-check.progressive .form-check-control + label {
  padding: 10px 13px 10px 0;
  border: 1px solid var(--stroke-light);
}
form-lib-input-check.progressive .form-check-control + label > span {
  line-height: 2;
  margin-left: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
form-lib-input-check.progressive .form-check-control + label::before,
form-lib-input-check.progressive .form-check-control + label::after {
  top: 0;
  margin: 16px 0 16px 16px;
}
form-lib-radio-group.progressive [role=radio] {
  line-height: 54px;
  margin: 0 var(--spacer) var(--spacer) 0;
  padding-left: 52px;
  padding-right: 20px;
  border: 1px solid var(--stroke-light);
  min-width: 140px;
}
form-lib-radio-group.progressive [role=radio]::before {
  margin: 17px 0 17px 16px;
}
form-lib-radio-group.progressive [role=radio][aria-checked=true]::after {
  top: 24px;
  left: 23px;
  margin: 0;
}
form-lib-radio-group.progressive .radio-vertical {
  padding-top: 0;
  padding-right: 0;
}
form-lib-radio-group.progressive .radio-vertical [role=radio] {
  margin-right: 0;
}
form-lib-select-menu.progressive .form-control {
  border: 1px solid var(--stroke-light);
  padding: 26px 40px 26px 26px;
}
form-lib-select-menu.progressive .form-control.readonly-with-dropdown {
  cursor: pointer;
  pointer-events: unset;
}
form-lib-select-menu.progressive .form-control-icon.dropdown-arrow {
  right: 12px;
}
form-lib-select-menu.progressive .form-control-icon.dropdown-arrow .material-icons {
  padding-top: 2px;
}
.using-keyboard form-lib-select-menu.progressive .form-control:focus,
form-lib-select-menu.progressive .form-control:enabled:hover {
  border-bottom-width: 0.1875rem;
  border-bottom-color: var(--brand-primary);
  padding-bottom: 24px;
}
form-lib-datepicker ngb-datepicker-navigation-select > .form-select {
  border: none;
}
.ui-form-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 40px;
}
.ui-form-row.three-cols .ui-form-control,
.ui-form-row.three-cols .ui-form-content {
  grid-column: span 4;
}
.ui-form-row .ui-form-control,
.ui-form-row .ui-form-content {
  grid-column: span 6;
}
.ui-form-row .ui-form-control.half-col,
.ui-form-row .ui-form-content.half-col {
  grid-column: span 3;
}
.ui-form-row .ui-form-control.full-col,
.ui-form-row .ui-form-content.full-col {
  grid-column: span 12;
}
.ui-form-row .ui-form-control.ui-management-editor {
  grid-column: span 12;
}
.is-mobile .ui-form-row {
  grid-template-columns: 100%;
}
.is-mobile .ui-form-row .ui-form-control,
.is-mobile .ui-form-row .ui-form-content {
  grid-column: span 1;
}
.is-mobile:not(.is-lowres) .ui-form-row.mobile-two-cols {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
}
.is-mobile:not(.is-lowres) .ui-form-row.mobile-two-cols .ui-form-control,
.is-mobile:not(.is-lowres) .ui-form-row.mobile-two-cols .ui-form-content {
  grid-column: span 1;
}
.ui-form-control {
  display: block;
}
.ui-form-control .label-container {
  display: flex;
  align-items: flex-end;
}
.ui-form-control .label-container label,
.ui-form-control .label-container legend {
  color: var(--ui-forms-label-text);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-xs);
  margin: 0 var(--forms-x-spacing);
  padding-top: 2px;
  padding-bottom: 4px;
  word-wrap: break-word;
}
.ui-form-control .input-group {
  position: relative;
  display: block;
}
.ui-form-control .input-group input,
.ui-form-control .input-group textarea,
.ui-form-control .input-group div.combobox {
  display: block;
  border-radius: var(--ui-forms-border-radius);
  border-width: var(--forms-input-border-width);
  border-style: solid;
  padding: 0 var(--forms-x-spacing);
  text-align: left;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing);
  transition-property:
    border-color,
    color,
    background-color,
    box-shadow;
  width: 100%;
  -webkit-appearance: none;
}
@media (min-width: 1080px) {
  .ui-form-control .input-group input:active,
  .ui-form-control .input-group input:focus,
  .ui-form-control .input-group textarea:active,
  .ui-form-control .input-group textarea:focus,
  .ui-form-control .input-group div.combobox:active,
  .ui-form-control .input-group div.combobox:focus {
    border-color: var(--ui-forms-active-border);
  }
}
.ui-form-control .input-group input ~ button .material-icons,
.ui-form-control .input-group textarea ~ button .material-icons,
.ui-form-control .input-group div.combobox ~ button .material-icons {
  color: var(--ui-forms-inactive-icon);
}
.ui-form-control .input-group input.template-picker,
.ui-form-control .input-group textarea.template-picker,
.ui-form-control .input-group div.combobox.template-picker {
  border-color: transparent;
  padding: var(--space-sm) var(--space-md);
}
.ui-form-control .input-group button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: var(--ui-forms-border-radius);
}
.ui-form-control .input-group button:disabled {
  pointer-events: none;
}
.ui-form-control .input-group button.button-left {
  left: 0;
  padding-left: 16px;
  padding-right: 8px;
}
.dropdown-search .ui-form-control .input-group button.button-left.button-left {
  padding-left: 12px;
}
.ui-form-control .input-group button.button-left.button-left-toggle {
  border-radius: var(--ui-forms-border-radius) 0 0 var(--ui-forms-border-radius);
  margin: 1px;
  padding-left: 15px;
  padding-right: 25px;
}
.ui-form-control .input-group button.button-left.button-left-toggle:hover {
  background-color: var(--gray-100);
}
.ui-form-control .input-group button.button-left.button-left-toggle:hover i::after {
  color: var(--ui-forms-active-icon);
}
.ui-form-control .input-group button.button-left.button-left-toggle:active,
.ui-form-control .input-group button.button-left.button-left-toggle.active {
  box-shadow: var(--box-shadow-xl);
}
.ui-form-control .input-group button.button-left.button-left-toggle i::after {
  position: absolute;
  width: 24px;
  height: 24px;
  content: "expand_more";
  font-family: "Material Symbols";
  font-feature-settings: "liga";
  color: var(--ui-forms-inactive-icon);
}
.ui-form-control .input-group button.button-left.button-left-toggle.toggle-open i::after {
  content: "expand_less";
}
.ui-form-control .input-group button.button-left.button-left-emoji {
  padding-left: 16px;
  padding-right: 16px;
}
.ui-form-control .input-group button.button-left.button-left-emoji.button-left-toggle {
  padding-left: 15px;
  padding-right: 33px;
}
.ui-form-control .input-group button.button-left.button-left-emoji i.emoji-icons {
  font-size: 22px;
}
.ui-form-control .input-group button.button-right {
  right: 0;
  padding-left: 8px;
  padding-right: 16px;
}
.dropdown-search .ui-form-control .input-group button.button-right.button-right {
  padding-right: 12px;
}
.ui-form-control .input-group button.button-right.button-right-chevron {
  right: 0;
  padding-left: 4px;
  padding-right: 12px;
}
.ui-form-control .input-group button.button-right.button-right-chevron .material-icons {
  font-size: clamp(19.2pxpx, 1.5rem / var(--android-rem-scale), 31.2pxpx);
}
.ui-form-control .input-group button .material-icons {
  font-size: clamp(12.8pxpx, 1rem / var(--android-rem-scale), 20.8pxpx);
}
.ui-form-control .input-group button i.svg-icons {
  height: 16px;
  width: 16px;
  line-height: 1;
}
.ui-form-control .input-group div.combobox.combobox-text {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  align-content: center;
}
.ui-form-control .input-group div.combobox.combobox-text.combobox-placeholder {
  background: none;
  border: none;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.ui-form-control .input-group.input-group-sm input,
.ui-form-control .input-group.input-group-sm div.combobox {
  min-height: var(--forms-input-height-sm);
}
.ui-form-control .input-group.input-group-template div.combobox {
  height: 80px;
}
.ui-form-control .input-group.input-group-template .template-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--forms-x-spacing);
  right: var(--forms-x-spacing);
  pointer-events: none;
  display: flex;
  align-items: center;
}
.ui-form-control .input-group.input-group-template .template-container .account-template-container {
  margin-top: 0;
}
.ui-form-control .input-group.input-group-template .template-container .account-template-container .account-template-four-corners {
  min-height: 0;
}
.ui-form-control .input-group.input-group-template .template-container .card-template-container .no-card-template-image {
  margin-top: 0;
}
.ui-form-control .input-group.input-group-template .template-icon-left.material-icons {
  font-size: clamp(12.8pxpx, 1rem / var(--android-rem-scale), 20.8pxpx);
  margin-right: 8px;
}
.ui-form-control .input-group.has-icon-left input,
.ui-form-control .input-group.has-icon-left div.combobox.combobox-text {
  padding-left: 40px;
}
.dropdown-search .ui-form-control .input-group.has-icon-left.has-icon-left input {
  padding-left: 36px;
}
.ui-form-control .input-group.has-icon-left .template-container {
  left: 40px;
}
.ui-form-control .input-group.has-icon-left.icon-left-emoji input,
.ui-form-control .input-group.has-icon-left.icon-left-emoji div.combobox.combobox-text {
  padding-left: 54px;
}
.ui-form-control .input-group.has-icon-left.icon-left-emoji.icon-left-toggle input {
  padding-left: 77px;
}
.ui-form-control .input-group.has-icon-left.icon-left-toggle input {
  padding-left: 63px;
}
.ui-form-control .input-group.has-icon-right input,
.ui-form-control .input-group.has-icon-right div.combobox.combobox-text {
  padding-right: 40px;
}
.dropdown-search .ui-form-control .input-group.has-icon-right.has-icon-right input {
  padding-right: 36px;
}
.ui-form-control .input-group.has-icon-right .template-container {
  right: 40px;
}
.ui-form-control .input-group input,
.ui-form-control .input-group div.combobox {
  min-height: var(--forms-input-height);
}
.ui-form-control .input-group.input-group-sm input,
.ui-form-control .input-group.input-group-sm div.combobox {
  min-height: var(--forms-input-height-sm);
  font-size: var(--font-size-sm);
  line-height: var(--forms-input-line-height-sm);
}
.ui-form-control .checkbox-form-field label {
  color: var(--text-color-primary);
  font-size: var(--font-size-base);
  line-height: 2 !important;
}
.ui-form-control .checkbox-form-field label .inline-tip {
  margin-top: 0px !important;
}
.ui-form-control .toggle-content {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}
.ui-form-control .input-group textarea {
  font-size: var(--font-size-base);
}
.ui-form-control .radio-container,
.ui-form-control .checkbox-container,
.ui-form-control .toggle-container {
  padding-left: var(--forms-x-spacing);
}
.ui-form-control.ui-form-control-with-menu .input-group input,
.ui-form-control.ui-form-control-with-menu .input-group div.combobox {
  background-color: var(--ui-forms-inactive-background);
  border-color: var(--ui-forms-inactive-border);
  color: var(--gray-700);
}
.ui-form-control.ui-form-control-with-menu .input-group input::placeholder,
.ui-form-control.ui-form-control-with-menu .input-group div.combobox::placeholder {
  color: var(--gray-700);
}
.ui-form-control.ui-form-control-with-menu .input-group .template-placeholder-text {
  color: var(--gray-700);
}
.ui-form-control.ui-form-control-with-menu .input-group .template-placeholder-icon {
  background-color: var(--gray-700);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group input,
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group div.combobox {
  box-shadow: var(--box-shadow-xl);
  color: var(--text-color-primary);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group input::placeholder,
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group div.combobox::placeholder {
  color: var(--text-color-primary);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group input ~ button i,
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group div.combobox ~ button i {
  color: var(--gray-800);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group .template-container .template-placeholder-text {
  color: var(--text-color-primary);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.form-next .input-group .template-container .template-placeholder-icon {
  background-color: var(--gray-800);
}
@media (min-width: 1080px) {
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:active,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:focus,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:active,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:focus {
    border-color: var(--ui-forms-active-border);
    box-shadow: var(--box-shadow-xl);
    color: var(--text-color-primary);
  }
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:active::placeholder,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:focus::placeholder,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:active::placeholder,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:focus::placeholder {
    color: var(--text-color-primary);
  }
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:active ~ button i,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:focus ~ button i,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:active ~ button i,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:focus ~ button i {
    color: var(--gray-800);
  }
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:active ~ .template-container .template-placeholder-text,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:focus ~ .template-container .template-placeholder-text,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:active ~ .template-container .template-placeholder-text,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:focus ~ .template-container .template-placeholder-text {
    color: var(--text-color-primary);
  }
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:active ~ .template-container .template-placeholder-icon,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group input:focus ~ .template-container .template-placeholder-icon,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:active ~ .template-container .template-placeholder-icon,
  .ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group div.combobox:focus ~ .template-container .template-placeholder-icon {
    background-color: var(--gray-800);
  }
}
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-value input,
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-value div.combobox {
  color: var(--text-color-primary);
}
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-value button i {
  color: var(--gray-800);
}
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-value .template-container .template-placeholder-text {
  color: var(--text-color-primary);
}
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-value .template-container .template-placeholder-icon {
  background-color: var(--gray-800);
}
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-menu-open input,
.ui-form-control.ui-form-control-with-menu:not(.form-locked) .input-group.has-menu-open div.combobox {
  border-color: var(--ui-forms-active-border);
  box-shadow: var(--box-shadow-xl);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group input,
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group div.combobox {
  color: var(--danger);
  border-color: var(--danger);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group input::placeholder,
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group div.combobox::placeholder {
  color: var(--danger);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group button i.material-icons {
  color: var(--danger);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group .template-container .template-placeholder-text {
  color: var(--danger);
}
.ui-form-control.ui-form-control-with-menu.ng-invalid.ng-touched:not(.form-locked) .input-group .template-container .template-placeholder-icon {
  background-color: var(--danger);
}
.ui-form-control.ui-form-control-with-menu .action-button {
  margin-left: 0.8125rem;
  min-width: 75px;
}
.ui-form-control.ui-form-control-button-raised button.form-button-raised {
  background-color: var(--neutral-bg-color);
  box-shadow: var(--box-shadow-md);
  color: var(--text-color-primary);
  border-color: transparent;
  border-radius: var(--ui-forms-border-radius);
  border-width: var(--forms-input-border-width);
  border-style: solid;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing);
  transition-property:
    box-shadow,
    border-color,
    border-style,
    color;
}
.ui-form-control.ui-form-control-button-raised button.form-button-raised .material-icons {
  color: var(--gray-800);
  font-size: clamp(17.6px, 1.375rem / var(--android-rem-scale), 28.6px);
}
.ui-form-control.ui-form-control-button-raised.ng-invalid.form-next button.form-button-raised {
  box-shadow: var(--box-shadow-xl);
}
.ui-form-control.ui-form-control-button-raised:not(.form-locked) button.form-button-raised:hover {
  box-shadow: var(--box-shadow-xl);
}
.ui-form-control.ui-form-control-button-raised:not(.form-locked) button.form-button-raised:hover .material-icons {
  color: var(--brand-primary);
}
.ui-form-control.ui-form-control-button-raised:not(.form-locked) button.form-button-raised:active,
.ui-form-control.ui-form-control-button-raised:not(.form-locked) button.form-button-raised:focus {
  border-color: var(--ui-forms-active-border);
  box-shadow: var(--box-shadow-xl);
}
.ui-form-control.ui-form-control-button-raised.ng-invalid.ng-touched:not(.form-locked) button.form-button-raised {
  color: var(--danger);
  border-color: var(--danger);
}
.ui-form-control.ui-form-control-button-raised.ng-invalid.ng-touched:not(.form-locked) button.form-button-raised i.material-icons {
  color: var(--danger);
}
.ui-form-control.ui-form-control-button-raised.form-locked button.form-button-raised {
  background-color: var(--ui-forms-inactive-background);
  color: var(--btn-disabled);
  border-color: var(--stroke-light);
  box-shadow: none;
}
.ui-form-control.ui-form-control-button-raised.form-locked button.form-button-raised .material-icons {
  color: var(--gray-500);
}
.ui-form-control.form-locked .input-group input,
.ui-form-control.form-locked .input-group div.combobox,
.ui-form-control.form-locked .input-group textarea {
  border: 1px solid var(--stroke-light);
  background-color: var(--brand-background);
  color: var(--text-color-tertiary);
  cursor: not-allowed;
  box-shadow: none;
}
@media (min-width: 1080px) {
  .ui-form-control.form-locked .input-group input:active,
  .ui-form-control.form-locked .input-group input:focus,
  .ui-form-control.form-locked .input-group div.combobox:active,
  .ui-form-control.form-locked .input-group div.combobox:focus,
  .ui-form-control.form-locked .input-group textarea:active,
  .ui-form-control.form-locked .input-group textarea:focus {
    background-color: var(--brand-background);
  }
}
.ui-form-control.form-locked .label-container label:has(ui-forms-label-tooltips),
.ui-form-control.form-locked .label-container legend:has(ui-forms-label-tooltips) {
  min-height: calc(var(--line-height-xs) + 6px);
}
.ui-form-control.ui-management-editor.ng-invalid.ng-touched:not(.form-locked) .container-form {
  border-color: var(--danger);
}
.display-label {
  color: var(--ui-forms-label-text);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-xs);
  margin: 0 var(--forms-x-spacing);
  padding-top: 2px;
  padding-bottom: 4px;
  word-wrap: break-word;
  margin-left: 0;
}
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) .input-group input:active,
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) .input-group input:focus,
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) textarea:active,
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) textarea:focus,
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) button.form-button-raised:active,
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) button.form-button-raised:focus {
  border-color: var(--ui-forms-active-keyboard);
}
.using-keyboard .ui-form-control:not(.ng-invalid.ng-touched.form-locked) .input-group div.combobox:focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
.using-keyboard .input-group .button-left:active .material-icons,
.using-keyboard .input-group .button-left:focus .material-icons,
.using-keyboard .input-group .button-left:hover .material-icons,
.using-keyboard .input-group .button-right:active .material-icons,
.using-keyboard .input-group .button-right:focus .material-icons,
.using-keyboard .input-group .button-right:hover .material-icons {
  color: var(--ui-forms-active-keyboard) !important;
}
.using-keyboard .input-group .button-left:focus::after,
.using-keyboard .input-group .button-right:focus::after {
  border: 3px solid var(--ui-forms-active-keyboard);
  position: absolute;
  width: 32px;
  height: 32px;
  content: "";
}
.using-keyboard .input-group .button-left.button-left-toggle:focus::after,
.using-keyboard .input-group .button-right.button-left-toggle:focus::after {
  width: 56px;
  left: 8px;
}
.ui-form-content.label-align ui-core-button .btn-link {
  margin-left: -2px;
}
.ui-form-content.form-content-centered ui-core-button.form-content-container,
.ui-form-content.form-content-centered ui-core-icon-button.form-content-container,
.ui-form-content.form-content-centered ui-core-link.form-content-container {
  display: inline-block;
}
.ui-form-content h1,
.ui-form-content h2,
.ui-form-content h3,
.ui-form-content h4,
.ui-form-content h5,
.ui-form-content h6 {
  margin-bottom: 0;
}
.ui-form-content .sub-header {
  margin-top: var(--space-sm);
}
@media (min-width: 768px) {
  .form-max-width {
    max-width: 744px;
  }
}
@media (min-width: 768px) {
  .form-column-max-width {
    max-width: 352px;
  }
}
@media (max-width: 1079.98px) {
  .single-column-form {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .single-column-form {
    width: 352px;
  }
}
.form-mt {
  margin-top: calc(var(--forms-y-spacing-large) - var(--forms-y-spacing));
}
.form-mb {
  margin-bottom: var(--forms-y-spacing);
}
.form-my {
  margin-top: calc(var(--forms-y-spacing-large) - var(--forms-y-spacing));
  margin-bottom: var(--forms-y-spacing);
}
.form-pl {
  padding-left: var(--forms-x-spacing);
}
.form-pr {
  padding-right: var(--forms-x-spacing);
}
.form-px {
  padding-left: var(--forms-x-spacing);
  padding-right: var(--forms-x-spacing);
}
.form-py {
  padding-top: var(--forms-x-spacing);
  padding-bottom: var(--forms-x-spacing);
}
.ui-form-control.form-control-validation-m-0 .validation-container {
  margin-bottom: 0;
}
.animations-disabled .dropdown-menu-container .desktop-dropdown-menu-container,
.animations-disabled .dropdown-menu-container .mobile-dropdown-menu-container {
  transition: none;
}
@font-face {
  font-family: "Material Symbols";
  font-style: normal;
  font-weight: normal;
  src: local("Material Symbols"), url(/assets/fonts/MaterialSymbols-Filled-v2.938.woff2) format("woff2");
}
.material-icons {
  color: var(--gray-900);
  direction: ltr;
  display: inline-block;
  font-family: "Material Symbols";
  font-feature-settings: "liga";
  font-size: clamp(14.08px, 1.1rem / var(--android-rem-scale), 22.88px);
  font-style: normal;
  font-weight: var(--font-weight-normal);
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizeLegibility;
  text-transform: none;
  word-wrap: normal;
  white-space: nowrap;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.material-icons.color-gray-500 {
  color: var(--gray-500);
}
.material-icons.color-gray-800 {
  color: var(--gray-800);
}
.material-icons.color-gray-900 {
  color: var(--gray-900);
}
.material-icons.color-white {
  color: var(--neutral-color);
}
.material-icons.color-brand-primary {
  color: var(--brand-primary);
}
.material-icons.color-success {
  color: var(--success-color);
}
.material-icons.color-warning {
  color: var(--warning) !important;
}
.material-icons.color-error {
  color: var(--fail-color);
}
:root:not(.material-icons-loaded) .material-icons {
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 1em;
}
:root:not(.material-icons-loaded) .material-icons::before {
  align-items: center;
  color: inherit;
  content: "\25a1";
  display: inline-flex;
  font-family: system-ui, sans-serif;
  font-size: inherit;
  height: 1em;
  left: 0;
  justify-content: center;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 1em;
}
.emoji-icons {
  font-style: normal;
}
a {
  color: var(--link-color);
  cursor: pointer;
  transition: color var(--transition-duration) var(--transition-timing);
}
a:not(.nav-btn-link):not(.btn-icon-link):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):not(.no-link-hover) {
  font-size: var(--link-font-size);
  font-weight: var(--link-font-weight);
  text-transform: var(--link-text-transform);
  text-decoration: var(--link-text-decoration);
}
a:not(.nav-btn-link):not(.btn-icon-link):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):not(.no-link-hover):hover {
  text-decoration: var(--link-hover-text-decoration);
}
a:not(.nav-btn-link):not(.btn-icon-link):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):not(.no-link-hover):active {
  text-decoration: var(--link-active-text-decoration);
}
a.nav-btn-link {
  text-decoration: none;
}
.using-keyboard a.nav-btn-link:focus {
  outline: var(--focus-blue-box);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
a:not(.nav-btn-link):not(.btn-icon-link):not(.btn-primary):not(.btn-secondary):not(.no-link-hover):hover {
  color: var(--link-hover-color);
}
a:not(.nav-btn-link):not(.btn-icon-link):not(.btn-primary):not(.btn-secondary):not(.no-link-hover):hover .material-icons {
  color: var(--link-hover-color);
}
.using-keyboard a:not(.nav-btn-link):not(.btn-primary):not(.btn-secondary):not(.no-link-hover):focus {
  box-shadow: var(--focus-blue-box-shadow);
  outline: var(--focus-white-box);
  outline-offset: 2px;
}
a .material-icons {
  color: var(--link-color);
  transition: color var(--transition-duration) var(--transition-timing);
}
a.disabled {
  color: var(--gray-500);
  pointer-events: none;
  cursor: default;
}
.link-gray {
  color: var(--gray-800);
}
.link-gray:focus,
.link-gray:hover {
  color: var(--brand-neutral);
}
.link-gray:focus .material-icons,
.link-gray:hover .material-icons {
  color: var(--brand-neutral);
}
.link-gray .material-icons {
  color: var(--gray-800);
  transition: color var(--transition-duration) var(--transition-timing);
}
ui-core-link a {
  font-size: var(--link-font-size);
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list {
  --details-row-margin: calc(var(--navbar-mobile-height) + 90px);
  --details-header-top: var(--navbar-mobile-height);
  --details-template-top: 0px;
  --details-template-height: calc(100% - var(--details-template-top));
}
@media (max-width: 767.98px) {
  .fixed-top-notification .list {
    --details-row-margin: 7rem;
    --details-header-top: calc(var(--navbar-mobile-height) * 2);
    --details-template-top: calc(var(--navbar-mobile-height) * 2);
  }
  .fdic-header-logo .fixed-top-notification .list {
    --details-header-top: calc((var(--navbar-mobile-height) * 2) + var(--fdic-header-height));
    --details-template-top: calc((var(--navbar-mobile-height) * 2) + var(--fdic-header-height));
  }
  .fdic-header-logo .list {
    --details-row-margin: 7rem;
    --details-header-top: calc(var(--navbar-mobile-height) + var(--fdic-header-height));
    --details-template-top: calc(var(--navbar-mobile-height) + var(--fdic-header-height));
  }
}
.list .list-group-header {
  background-color: var(--list-group-header-fill);
  color: var(--list-group-header-text);
  padding-bottom: 4px;
  padding-top: 4px;
  position: -webkit-sticky;
  position: sticky;
  top: var(--navbar-mobile-height);
  z-index: 5;
}
@media (min-width: 1080px) {
  .list .list-group-header {
    top: var(--navbar-desktop-height);
  }
}
.list .list-row.bg-brand .list-item,
.list .list-row.bg-brand .action-button {
  background-color: var(--brand-background);
}
.list .list-row .list-hover-text {
  align-items: center;
  display: inline-flex;
  opacity: 0;
}
@media (max-width: 1079.98px) {
  .list .list-row .list-hover-text {
    display: none;
  }
}
.list .list-row:hover .list-hover-text,
.list .list-row .list-item:focus .list-hover-text {
  opacity: 1;
  transition: opacity 0.15s linear;
}
.list .list-item {
  background: var(--neutral-bg-color);
  display: flex;
  min-height: 1.875rem;
}
.list .list-item.clickable:not(.open):hover,
.list .list-item.clickable:not(.open):focus {
  cursor: pointer;
}
.using-keyboard .list .list-item.clickable:not(.open):hover,
.using-keyboard .list .list-item.clickable:not(.open):focus {
  background-color: var(--hover-color);
}
.using-keyboard .list .list-item.clickable:not(.open):hover .list-item-toggle,
.using-keyboard .list .list-item.clickable:not(.open):focus .list-item-toggle {
  background-color: var(--brand-secondary);
}
.using-keyboard .list .list-item.clickable:not(.open):hover .list-item-toggle .dropdown-toggle,
.using-keyboard .list .list-item.clickable:not(.open):focus .list-item-toggle .dropdown-toggle {
  color: var(--neutral-color);
}
.using-keyboard .list .list-item.clickable:not(.open):hover div:not(.badge):not(.list-item-toggle),
.using-keyboard .list .list-item.clickable:not(.open):focus div:not(.badge):not(.list-item-toggle) {
  background-color: transparent;
}
@media (min-width: 1080px) {
  .list .list-item.clickable:not(.open):hover,
  .list .list-item.clickable:not(.open):focus {
    background-color: var(--hover-color);
  }
  .list .list-item.clickable:not(.open):hover .list-item-toggle,
  .list .list-item.clickable:not(.open):focus .list-item-toggle {
    background-color: var(--brand-secondary);
  }
  .list .list-item.clickable:not(.open):hover .list-item-toggle .dropdown-toggle,
  .list .list-item.clickable:not(.open):focus .list-item-toggle .dropdown-toggle {
    color: var(--neutral-color);
  }
  .list .list-item.clickable:not(.open):hover div:not(.badge):not(.list-item-toggle),
  .list .list-item.clickable:not(.open):focus div:not(.badge):not(.list-item-toggle) {
    background-color: transparent;
  }
}
.list .open .list-item-toggle {
  background-color: var(--brand-secondary);
}
.list .open .list-item-toggle .dropdown-toggle {
  color: var(--neutral-color);
}
.list .list-item-toggle {
  align-items: center;
  display: flex;
  justify-content: center;
  flex: 0 0 1rem;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .list .list-item-toggle {
    display: none;
  }
}
.list .list-item-toggle.pending {
  background-color: var(--pending-fill);
}
.list .list-item-toggle.pending .dropdown-toggle {
  color: var(--pending-text);
}
.list .list-item-toggle.pending.show {
  background-color: var(--brand-secondary);
}
.list .list-item-toggle.pending.show .dropdown-toggle {
  color: var(--neutral-color);
}
@media (min-width: 768px) {
  .list .list-item-toggle + .item-template-container {
    max-width: calc(100% - 16px);
  }
}
.list .item-template-container {
  flex: 1;
  max-width: 100%;
}
.list .item-details-template-container {
  background-color: var(--neutral-bg-color);
  width: 100%;
}
@media (min-width: 768px) {
  .list .item-details-template-container {
    border-left: 1rem solid var(--brand-secondary);
  }
}
@media (max-width: 767.98px) {
  .list .item-details-template-container {
    display: block;
    padding: 0;
    position: fixed;
    height: var(--details-template-height);
    z-index: 6;
    padding-bottom: 65px;
    overflow: auto;
    top: var(--details-template-top);
    left: 0;
    -webkit-overflow-scrolling: touch;
  }
}
.list .item-details-card-container {
  background-color: var(--neutral-bg-color);
}
@media (min-width: 768px) {
  .list .item-details-card-container {
    border-left: 1rem solid var(--brand-secondary);
  }
}
@media (max-width: 767.98px) {
  .list .fixed-header .mobile-details-header {
    position: fixed;
  }
  .list .fixed-header .details-row {
    margin-top: var(--details-row-margin);
  }
}
.list .mobile-details-header {
  background-color: var(--neutral-bg-color);
  box-shadow: var(--box-shadow-md);
  top: var(--details-header-top);
  width: 100%;
  z-index: 100;
}
@media (min-width: 768px) {
  .list .mobile-details-header {
    display: none;
  }
}
@media (min-width: 768px) {
  .list .pay-amount-field .form-control {
    border-bottom: none;
    margin-left: 0.625rem;
  }
  .list .pay-amount-field .form-control-label {
    margin-top: -4px;
  }
  .list .pay-amount-field .form-control-icon .material-icons {
    font-size: var(--font-size-md);
  }
}
.list .pay-amount-field input.form-control.with-hint {
  font-size: var(--font-size-md);
  letter-spacing: 1px;
  padding-bottom: 0.7625rem;
}
.list .pay-amount-field input.form-control.with-hint + .form-control-hint {
  color: var(--gray-600);
  font-size: var(--font-size-md);
  letter-spacing: 1px;
  padding-bottom: 0.7625rem;
}
.list .pay-amount-field .form-control-label {
  left: 0;
  padding-top: 0;
}
.list .action-button {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: visible;
  background-color: var(--neutral-bg-color);
  border: none;
  border-radius: 0;
  color: var(--gray-800);
  height: 100%;
  width: 6.875rem;
  padding: 0;
}
@media (min-width: 1080px) {
  .list .action-button:hover {
    background-color: var(--hover-color);
  }
  .list .action-button.hover-red:hover {
    background-color: var(--list-action-red-hover);
  }
}
.using-keyboard .list .action-button:focus {
  background-color: var(--hover-color);
}
.using-keyboard .list .action-button.hover-red:focus {
  background-color: var(--list-action-red-hover);
}
.list .action-button .material-icons {
  font-size: 1.125rem;
  padding-right: 6.5px;
}
.list .form-list-form-field,
.list .form-list-form-field-error {
  flex: 0 0 180px;
}
.list .form-list-form-field .form-list-form-field-wrapper,
.list .form-list-form-field-error .form-list-form-field-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-left: var(--spacer-half);
  padding-right: var(--spacer-half);
}
@media (max-width: 767.98px) {
  .list .form-list-form-field .form-list-form-field-wrapper,
  .list .form-list-form-field-error .form-list-form-field-wrapper {
    pointer-events: none;
  }
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group {
  margin-bottom: 0;
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group.ng-dirty.ng-invalid .dropdown-button ~ .form-control-animation,
.list .form-list-form-field .form-list-form-field-wrapper .form-group.ng-dirty.ng-invalid .form-control ~ .form-control-animation,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group.ng-dirty.ng-invalid .dropdown-button ~ .form-control-animation,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group.ng-dirty.ng-invalid .form-control ~ .form-control-animation {
  width: calc(100% + var(--spacer));
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group .form-control,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group .form-control {
  border-bottom-color: transparent;
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group .form-control:focus ~ .form-control-animation,
.list .form-list-form-field .form-list-form-field-wrapper .form-group .form-control:enabled:hover ~ .form-control-animation,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group .form-control:focus ~ .form-control-animation,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group .form-control:enabled:hover ~ .form-control-animation {
  width: calc(100% + var(--spacer));
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group .form-control-feedback,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group .form-control-feedback {
  display: none !important;
}
.list .form-list-form-field .form-list-form-field-wrapper .form-group .form-control-animation,
.list .form-list-form-field-error .form-list-form-field-wrapper .form-group .form-control-animation {
  left: calc(var(--spacer-half) * -1);
}
.list .form-list-form-field-error {
  padding: var(--spacer-half);
}
.list .form-list-item-stripe {
  flex: 0 0 10px;
}
.list .form-list-item-valid .list-item,
.list .form-list-item-valid .form-list-form-field {
  background-color: var(--hover-color);
}
.list .form-list-item-valid .form-list-item-stripe {
  background-color: var(--brand-secondary);
}
app-card-list .list-item .card-image {
  height: 4.25rem;
  width: 6.75rem;
}
@media (max-width: 767.98px) {
  app-card-list .list-item .card-image {
    height: 2.75rem;
    width: 4.375rem;
  }
}
@media (max-width: 479.98px) {
  app-card-list .list-item .card-image {
    height: 2.125rem;
    width: 3.75rem;
  }
}
app-card-list .actions-button-container {
  border-left: 1px solid var(--stroke-light);
  align-items: center;
  justify-content: center;
}
@media (min-width: 1080px) {
  app-card-list .actions-button-container:hover {
    background-color: var(--hover-color);
    cursor: pointer;
  }
}
app-card-list .actions-button-container .btn-group {
  height: 100%;
  width: 100%;
}
app-card-list .actions-button-container .dropdown-toggle {
  display: flex;
  justify-content: center;
  width: 100%;
}
app-card-list .actions-button-container .dropdown-menu {
  margin-top: -20%;
}
@media (max-width: 767.98px) {
  app-card-list .actions-button-container .dropdown-menu {
    width: 200% !important;
  }
}
@media (min-width: 1200px) {
  app-card-list .actions-button-container .dropdown-menu {
    left: 30% !important;
  }
}
.add-item-list .item-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-height: 3.375rem;
  padding: var(--spacer-quarter) var(--spacer-half);
  border-bottom: 1px solid var(--stroke-light);
  color: var(--gray-900);
  cursor: pointer;
}
.add-item-list .item-container:hover,
.add-item-list .item-container:focus {
  background-color: var(--hover-color);
  position: relative;
  z-index: 5;
}
.add-item-list .item-container .logo {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
}
.add-item-list .item-name {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkbox-list {
  max-height: 17.1875rem;
  overflow-y: scroll;
}
.checkbox-list.boxed {
  border: 1px solid var(--stroke-light);
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1) inset;
}
.checkbox-list.boxed .checkbox-row:first-child {
  border-top: none;
}
.checkbox-list.boxed .checkbox-row:last-child {
  border-bottom: none;
}
.checkbox-list.boxed .item-container {
  border-left: none;
  padding-left: 0;
}
.checkbox-list .checkbox-row {
  border-bottom: 1px solid var(--stroke-light);
  transition: background-color var(--transition-duration) var(--transition-timing);
}
.checkbox-list .checkbox-row:first-child {
  border-top: 1px solid var(--stroke-light);
}
.checkbox-list .checkbox-row.selected {
  background-color: var(--hover-color);
}
.checkbox-list .item-container {
  border-left: 1px solid var(--stroke-light);
}
.view-col {
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.view-col .material-icons {
  font-size: var(--font-size-md);
  color: var(--gray-800);
}
app-scrollable-select-list .list-container {
  box-sizing: border-box;
  border: 1px solid #dedede;
  background-color: var(--neutral-bg-color);
  box-shadow: inset 1px 2px 8px 0 rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  overflow-y: scroll;
  height: 14.0625rem;
  overscroll-behavior: contain;
}
app-scrollable-select-list .list-item {
  background: var(--neutral-bg-color);
  display: flex;
  min-height: 1.875rem;
}
app-scrollable-select-list .list-item.clickable:hover,
app-scrollable-select-list .list-item.clickable:focus {
  cursor: pointer;
}
@media (min-width: 1080px) {
  app-scrollable-select-list .list-item.clickable:hover,
  app-scrollable-select-list .list-item.clickable:focus {
    background-color: var(--hover-color);
  }
  app-scrollable-select-list .list-item.clickable:hover div,
  app-scrollable-select-list .list-item.clickable:focus div {
    background-color: transparent;
  }
}
app-scrollable-select-list .list-item.selected {
  background-color: var(--hover-color);
}
app-scrollable-select-list .item-template-container {
  flex: 1;
  max-width: 100%;
}
.grid-list {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.grid-list .table {
  margin-bottom: 0;
}
.grid-list .table th,
.grid-list .table td {
  border-top: none;
  border-bottom: 1px solid var(--stroke-light);
}
.grid-list .table th.clickable-col,
.grid-list .table td.clickable-col {
  width: 1.875rem;
  vertical-align: middle;
  padding: 0 0.9375rem 0 0;
}
.grid-list .table th:not(.clickable-col),
.grid-list .table td:not(.clickable-col) {
  padding: 0.625rem 0.9375rem;
}
@media (max-width: 767.98px) {
  .grid-list .table {
    table-layout: fixed;
  }
  .grid-list .table th:not(.clickable-col),
  .grid-list .table td:not(.clickable-col) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.modal .list .list-group-header {
  position: relative;
  top: 0;
}
app-list.documents-list .list-item {
  overflow: hidden;
}
.show-more-container {
  margin-top: var(--spacer);
  padding-bottom: 2.4375rem;
  text-align: center;
}
@media (max-width: 1079.98px) {
  .show-more-container {
    padding-top: 0.8125rem;
    padding-left: var(--spacer);
    padding-right: var(--spacer);
  }
}
.show-more-container button {
  min-width: 12.5rem;
}
.end-of-list-container {
  display: flex;
  margin-top: var(--spacer);
}
@media (max-width: 767.98px) {
  .end-of-list-container {
    margin: 0;
    padding: 1rem;
  }
}
.end-of-list-container .end-of-list-area {
  background-color: var(--gray-100);
  line-height: 1.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: var(--gray-800);
  border-radius: var(--border-radius);
  font-size: var(--font-size-xs);
  padding: 1rem;
}
.action-list-container {
  background-color: var(--neutral-bg-color);
  box-shadow: var(--box-shadow-xs);
  border-radius: var(--border-radius);
}
.action-list-container li {
  border-bottom: 1px solid var(--stroke-light);
}
.action-list-container li:last-of-type {
  border-bottom: none;
}
.action-list-container li .action-item {
  display: flex;
  gap: var(--space-xs);
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  transition: padding var(--transition-duration) var(--transition-timing);
}
.action-list-container li .action-item [class*=action-item-] {
  display: flex;
  gap: var(--space-xs);
}
.action-list-container li .action-item [class*=action-item-] .material-icons {
  display: flex;
}
.action-list-container li .action-item.action-hover:hover {
  padding: var(--space-sm) var(--space-md-grow);
}
.login-bg-image {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.login-bg-image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
@media (min-width: 768px) {
  .login-component {
    padding-top: 6.25rem;
  }
}
.login-help {
  background: var(--neutral-bg-color);
}
.login-help .success:not(.form-control-feedback),
.login-out .success:not(.form-control-feedback),
.login-validation .success:not(.form-control-feedback) {
  text-align: center;
}
@media (max-width: 767.98px) {
  .login-help .success:not(.form-control-feedback),
  .login-out .success:not(.form-control-feedback),
  .login-validation .success:not(.form-control-feedback) {
    text-align: left;
  }
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal);
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--neutral-bg-color);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal-backdrop) !important;
  width: 100vw;
  height: 100vh;
  background-color: var(--modal-scrim-color);
  transition: opacity 0.3s ease;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--modal-scrim-opacity);
}
@media (min-width: 768px) {
  .modal-backdrop:not(:first-of-type, .modal-partial-backdrop) {
    opacity: 0;
    transition: none;
  }
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 26px;
  border-bottom: 1px solid var(--stroke-light);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  flex-shrink: 0;
}
.modal-header.has-buttons {
  padding-bottom: 15px;
}
.modal-header.no-border {
  border-bottom: 0;
}
.modal-header.on-glass-background {
  z-index: 1;
}
@media (max-width: 1079.98px) {
  .modal-header.on-glass-background {
    padding-bottom: 0 !important;
  }
}
.modal-header .close {
  padding: 15px;
  margin: -1rem -1rem -1rem auto;
}
.modal-header .modal-title {
  flex: 1;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 4px;
}
.modal-body {
  background-color: var(--neutral-bg-color);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 26px;
  position: relative;
}
.modal-body.p-0 .buttons {
  padding: 26px;
}
.modal-body .buttons {
  padding-top: 26px;
}
.modal-body .content-card-buttons ui-core-button-group .buttons {
  padding: 0;
}
.modal-footer {
  border-top: 1px solid var(--stroke-light);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 26px 18px;
}
.modal-footer.mobile.has-buttons {
  padding-bottom: 0;
}
.modal-footer .footer-template {
  padding-top: 18px;
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 480px) {
  .modal-dialog {
    max-width: 520px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 767.98px) {
  .modal-new .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.modal-new .modal-content {
  border: 0;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.98px) {
  .modal-new .modal-content {
    border-radius: 0;
    height: 100%;
    min-height: 100%;
  }
}
.modal-new .modal-content-flush {
  margin-left: -26px !important;
  margin-right: -26px !important;
}
@media (max-width: 767.98px) {
  .modal-new .modal-dialog {
    height: 100%;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .modal-new .modal-dialog {
    top: 5.5625rem;
    margin: 11px auto 0 auto;
    min-width: 32.5rem;
  }
}
@media (max-width: 767.98px) {
  .modal-new .use-form-renderer-buttons {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .modal-new .use-form-renderer-buttons ui-forms-form-renderer {
    flex: 1;
  }
  .modal-new .use-form-renderer-buttons ui-forms-form-renderer form {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .modal-new .use-form-renderer-buttons .modal-form-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
@media (max-width: 767.98px) {
  .modal-new ngb-datepicker {
    margin-top: 0.875rem;
  }
}
.modal-new ui-core-button-group .buttons {
  margin-bottom: 0 !important;
}
.modal-new ~ .modal-new:not(.modal-partial) .modal-content {
  box-shadow: none;
}
.modal-enhanced .modal-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 100%;
  overflow: hidden;
}
.modal-enhanced .modal-content .modal-body {
  border-radius: 0;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .modal-enhanced .modal-dialog {
    height: calc(100% - 100px);
    max-height: calc(100% - 100px);
    max-width: 62.5rem;
    width: calc(100% - 200px);
  }
}
.modal-enhanced .modal-footer {
  box-shadow: var(--box-shadow-xl);
  border-radius: 0;
  z-index: 1;
}
.modal-no-overflow .modal-content {
  overflow: hidden;
}
.modal-no-overflow .modal-content .modal-body-content {
  height: 100%;
}
.modal-partial {
  z-index: var(--z-index-modal-partial);
}
@media (max-width: 767.98px) {
  .modal-partial {
    height: auto;
    top: auto;
    bottom: 0;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.25);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
}
form-lib-mobile-input-currency .amount-input,
.modal-currency .amount-input {
  border-bottom-color: transparent !important;
  height: 0;
  padding: 0;
  transition: none;
}
form-lib-mobile-input-currency .money-icon,
.modal-currency .money-icon {
  font-size: 1.25rem;
  margin-left: -0.25rem;
  margin-right: 0.25rem;
}
.modal-currency .is-safari {
  padding-bottom: 18.125rem;
}
@media only screen and (max-width: 374px) {
  .modal-currency .is-safari {
    padding-bottom: 16rem;
  }
  .modal-currency .is-safari .amount-display {
    font-size: 1.75rem;
  }
  .modal-currency .is-safari .btn:last-child {
    margin-bottom: 0;
  }
}
.modal-currency .amount-display {
  font-size: 2.125rem;
  line-height: normal;
  margin-top: 2.1875rem;
}
.modal-currency .amount-display .material-icons {
  font-size: 2.1875rem;
  margin-bottom: 0.125rem;
}
.modal-currency .modal-body-content,
.modal-currency .modal-amount-section {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .modal-disclosure-container {
    height: 100%;
    max-height: 100%;
  }
}
@media (min-width: 768px) {
  .modal-disclosure-container .modal-scrollbox {
    max-height: 275px;
  }
}
@media (max-width: 767.98px) {
  .modal-disclosure-container .modal-scrollbox {
    flex: auto;
  }
}
@media (min-width: 768px) {
  .modal-interstitial .modal-dialog {
    max-width: 50rem;
    width: calc(100% - 200px);
    padding-bottom: 11px;
  }
}
@media (max-width: 767.98px) {
  .modal-grouped-select-menu .section-label-account {
    background-color: var(--brand-background) !important;
  }
  .modal-grouped-select-menu form-lib-grouped-select-option form-lib-grouped-select-option .category-account.dropdown-item {
    border-radius: 0;
  }
  .modal-grouped-select-menu form-lib-grouped-select-option form-lib-grouped-select-option:first-of-type .category-account.dropdown-item {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
  .modal-grouped-select-menu form-lib-grouped-select-option form-lib-grouped-select-option:last-of-type .category-account.dropdown-item {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-bottom: 0;
  }
}
.modal-sort-filter .dropdown-select .form-control {
  border-bottom: 0;
  padding-top: 10px;
}
.modal-sort-filter .dropdown-select .form-control-icon .material-icons {
  padding-top: 0;
}
.modal-sort-filter form-lib-select-menu .dropdown-select .form-control {
  padding-right: var(--spacer);
}
.modal-sort-filter .row-option {
  align-items: center;
  border-bottom: 1px var(--gray-200) solid;
  display: flex;
  justify-content: center;
  min-height: 51px;
}
.modal-scroll-view .modal-body-content {
  height: 100%;
}
.fadeIn {
  animation: fadeIn 0.3s ease-in-out forwards;
}
.slideInLeft {
  animation: slideInLeft 0.4s ease forwards;
}
.slideInUp {
  animation: slideInUp 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.slideOutDown {
  animation: slideOutDown 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.slideOutRight {
  animation: slideOutRight 0.3s ease forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  100% {
    transform: translateX(100%);
  }
}
.disable-modal-backdrop-transition .fadeIn,
.disable-modal-backdrop-transition .modal,
.disable-modal-backdrop-transition .modal-backdrop,
.disable-modal-backdrop-transition .modal-dialog,
.disable-modal-backdrop-transition .slideInLeft,
.disable-modal-backdrop-transition .slideInUp,
.disable-modal-backdrop-transition .slideOutDown,
.disable-modal-backdrop-transition .slideOutRight,
.animations-disabled .fadeIn,
.animations-disabled .modal,
.animations-disabled .modal-backdrop,
.animations-disabled .modal-dialog,
.animations-disabled .slideInLeft,
.animations-disabled .slideInUp,
.animations-disabled .slideOutDown,
.animations-disabled .slideOutRight {
  animation: none !important;
  transition: none !important;
}
.notifications-top {
  position: fixed;
  left: 0;
  right: 0;
  top: 8.25em;
  font-size: 1rem;
  height: var(--navbar-mobile-height);
  z-index: var(--z-index-notifications-top);
}
@media (max-width: 1079.98px) {
  .notifications-top {
    top: var(--navbar-mobile-height);
  }
}
.notifications-top .notification-area.success,
.notifications-top .notification-area-expanded.success {
  color: var(--success-text);
  background-color: var(--success);
}
.notifications-top .notification-area.success .notification-gradient:before,
.notifications-top .notification-area-expanded.success .notification-gradient:before {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      var(--success) 100%);
  background-repeat: repeat-x;
}
.notifications-top .notification-area.success .material-icons,
.notifications-top .notification-area-expanded.success .material-icons {
  color: var(--success-text);
}
.using-keyboard .notifications-top .notification-area.success button:focus,
.using-keyboard .notifications-top .notification-area-expanded.success button:focus {
  border-color: var(--success-text);
}
.notifications-top .notification-area.warning,
.notifications-top .notification-area-expanded.warning {
  color: var(--warning-text);
  background-color: var(--warning);
}
.notifications-top .notification-area.warning .notification-gradient:before,
.notifications-top .notification-area-expanded.warning .notification-gradient:before {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      var(--warning) 100%);
  background-repeat: repeat-x;
}
.notifications-top .notification-area.warning .material-icons,
.notifications-top .notification-area-expanded.warning .material-icons {
  color: var(--warning-text);
}
.using-keyboard .notifications-top .notification-area.warning button:focus,
.using-keyboard .notifications-top .notification-area-expanded.warning button:focus {
  border-color: var(--warning-text);
}
.notifications-top .notification-area.information,
.notifications-top .notification-area-expanded.information {
  color: var(--info-text);
  background-color: var(--info);
}
.notifications-top .notification-area.information .notification-gradient:before,
.notifications-top .notification-area-expanded.information .notification-gradient:before {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      var(--info) 100%);
  background-repeat: repeat-x;
}
.notifications-top .notification-area.information .material-icons,
.notifications-top .notification-area-expanded.information .material-icons {
  color: var(--info-text);
}
.using-keyboard .notifications-top .notification-area.information button:focus,
.using-keyboard .notifications-top .notification-area-expanded.information button:focus {
  border-color: var(--info-text);
}
.notifications-top .notification-area.error,
.notifications-top .notification-area-expanded.error {
  color: var(--danger-text);
  background-color: var(--danger);
}
.notifications-top .notification-area.error .notification-gradient:before,
.notifications-top .notification-area-expanded.error .notification-gradient:before {
  background-image:
    linear-gradient(
      to right,
      transparent 0%,
      var(--danger) 100%);
  background-repeat: repeat-x;
}
.notifications-top .notification-area.error .material-icons,
.notifications-top .notification-area-expanded.error .material-icons {
  color: var(--danger-text);
}
.using-keyboard .notifications-top .notification-area.error button:focus,
.using-keyboard .notifications-top .notification-area-expanded.error button:focus {
  border-color: var(--danger-text);
}
.notifications-top .notification-area {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--navbar-mobile-height);
}
.notifications-top .notification-area .close-button {
  position: absolute;
  right: 1.75rem;
  display: flex;
}
@media (max-width: 767.98px) {
  .notifications-top .notification-area .close-button {
    position: absolute;
    top: 1.3125rem;
    right: 1.8125rem;
    width: auto;
    height: auto;
  }
}
.notifications-top .notification-area-expanded {
  position: absolute;
  top: 0;
  width: 100%;
}
.notifications-top .notifications-container {
  position: relative;
  width: 100%;
}
.notifications-top .message {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notifications-top .overflow-message {
  position: absolute;
  right: 0;
  background-color: inherit;
  padding: 0 0.9375rem;
}
.notifications-top .overflow-message:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3.125rem;
  width: 3.125rem;
}
.notifications-top .expanded-message {
  padding-top: 0.625rem;
}
.notifications-top .close-message {
  font-size: var(--font-size-xs);
  margin-left: 0.25rem;
}
@media (max-width: 1079.98px) {
  .notifications-top .message,
  .notifications-top .overflow-message,
  .notifications-top .expanded-message {
    font-size: var(--font-size-xs);
    line-height: 1.8;
  }
  .notifications-top .message {
    -webkit-line-clamp: 2;
  }
  .notifications-top .overflow-message {
    bottom: 0.3125rem;
  }
  .notifications-top .expanded-message {
    padding-top: 0.3125rem;
  }
}
.toast-notifications {
  position: fixed;
  z-index: var(--z-index-notifications);
}
@media (max-width: 767.98px) {
  .toast-notifications {
    bottom: var(--space-xs);
    width: 100%;
  }
}
@media (min-width: 768px) {
  .toast-notifications {
    bottom: var(--space-md);
    right: 0;
    width: 23.6875rem;
  }
}
@media (max-width: 767.98px) {
  .toast-notifications.toast-notifications-footer-navbar {
    bottom: var(--footer-navbar-height);
  }
}
@media (min-width: 768px) {
  .toast-notifications.toast-notifications-footer-navbar {
    bottom: calc(var(--footer-navbar-height) + var(--space-md));
  }
}
@media (max-width: 767.98px) {
  .modal-open .toast-notifications-footer-navbar {
    bottom: var(--space-xs);
  }
}
@media (min-width: 768px) {
  .modal-open .toast-notifications-footer-navbar {
    bottom: var(--space-md);
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-popover);
  display: block;
  max-width: 17.5rem;
  font-size: var(--font-size-xs);
  word-wrap: break-word;
  background-color: var(--neutral-bg-color);
  background-clip: padding-box;
  border: 3px solid var(--neutral-color);
  border-radius: var(--border-radius);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 767.98px) {
  .popover {
    max-width: min(50%, 15rem);
  }
}
.popover:hover {
  cursor: pointer;
}
.popover::before {
  display: none;
}
.popover::after {
  transform: rotate(135deg);
  border-width: 0.8rem !important;
}
.popover.popover-bottom::after,
.popover.bs-tether-element-attached-top::after {
  border-left-color: var(--neutral-color);
  box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
  margin: 0;
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.4rem;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[x-placement^=top] > .popover-arrow {
  bottom: -0.6rem;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[x-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: rgba(128, 128, 128, 0.1);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[x-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--neutral-color);
}
.bs-popover-end,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.4rem;
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[x-placement^=right] > .popover-arrow {
  left: -0.6rem;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[x-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: rgba(128, 128, 128, 0.1);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[x-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--neutral-color);
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.4rem;
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[x-placement^=bottom] > .popover-arrow {
  top: -0.6rem;
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[x-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.4rem 0.4rem 0.4rem;
  border-bottom-color: rgba(128, 128, 128, 0.1);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[x-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.4rem 0.4rem 0.4rem;
  border-bottom-color: var(--neutral-color);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0.8rem;
  margin-left: -0.4rem;
  content: "";
  border-bottom: 1px solid var(--gray-100);
}
.bs-popover-start,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.4rem;
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[x-placement^=left] > .popover-arrow {
  right: -0.6rem;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[x-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: rgba(128, 128, 128, 0.1);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[x-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--neutral-color);
}
.popover-header {
  padding: 0.75rem;
  margin-bottom: 0;
  color: inherit;
  background-color: var(--gray-100);
  border-bottom: 1px solid var(--gray-200);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  background-color: var(--brand-background);
  border-radius: var(--border-radius);
  color: var(--text-color-secondary);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  padding: 0.75rem;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid var(--gray-500);
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 1080px !important;
  }
  .container {
    min-width: 1080px !important;
  }
  .navbar {
    display: none;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: var(--neutral-color) !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--gray-300) !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.scrollbox {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 225px !important;
  -moz-box-shadow: inset 0 0 5px var(--gray-800);
  -webkit-box-shadow: inset 0 0 5px var(--gray-800);
  box-shadow: inset 0 0 5px var(--gray-800);
  overscroll-behavior: contain;
}
.scrollbox .scrollbox-content {
  padding: var(--spacer-half);
  white-space: pre-wrap;
}
app-disclosure .scrollbox .scrollbox-content {
  white-space: normal;
}
@media (max-width: 767.98px) {
  .disable-mobile-scrollbar {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}
.select-menu-account {
  display: block;
}
@media (min-width: 768px) {
  .select-menu-account {
    max-width: 26.875rem;
  }
}
.select-menu-account .form-group.disabled:hover,
.select-menu-account .form-group.disabled .form-control:hover {
  cursor: not-allowed;
}
.select-menu-account .form-group.disabled .material-icons:not(.default-fi-logo),
.select-menu-account .form-group.disabled .form-control .material-icons:not(.default-fi-logo) {
  color: var(--neutral-color) !important;
}
.select-menu-account .form-group.disabled .material-icons:hover,
.select-menu-account .form-group.disabled .form-control .material-icons:hover {
  cursor: not-allowed;
}
.select-menu-account .dropdown-button {
  cursor: pointer;
  width: 100%;
  min-height: 5rem;
  background-color: var(--neutral-bg-color);
  border: 1px solid var(--stroke-light);
  padding: 0 0 2px 0;
}
@media (max-width: 767.98px) {
  .select-menu-account .dropdown-button {
    height: 4.1875rem;
    border: 0;
    border-bottom: 1px solid var(--stroke-light);
  }
  .select-menu-account .dropdown-button .account-info {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .select-menu-account .dropdown-button {
    border-radius: var(--border-radius);
  }
}
.select-menu-account .dropdown-button:disabled,
.select-menu-account .dropdown-button[readonly],
.select-menu-account .dropdown-button[readonly] a {
  cursor: not-allowed;
}
.using-keyboard .select-menu-account .dropdown-button:focus {
  border-bottom: 3px solid var(--brand-primary);
  padding-bottom: 0;
}
.select-menu-account .dropdown-arrow {
  display: flex;
  justify-content: center;
  z-index: 1;
}
.select-menu-account .dropdown-arrow .material-icons {
  padding: 0;
  width: 2.25rem;
}
@media (max-width: 767.98px) {
  .select-menu-account .dropdown-arrow {
    display: none;
  }
}
.select-menu-account .dropdown-select.show .dropdown-menu {
}
@media (max-width: 767.98px) {
  .select-menu-account .dropdown-select.show .dropdown-menu {
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1079.98px) {
  .select-menu-account .dropdown-select.show .dropdown-menu {
    padding-bottom: 3.75rem;
  }
}
.select-menu-account .dropdown-select.show .dropdown-menu .account-info {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .select-menu-account .dropdown-select.show .dropdown-menu .account-info {
    display: none;
  }
}
.select-menu-account .dropdown-select.disabled .dropdown-button:hover {
  cursor: not-allowed;
}
.select-menu-account .dropdown-select .dropdown-menu {
  margin-top: 0.625rem;
  width: 100%;
  margin-bottom: 1.875rem;
}
@media (max-width: 767.98px) {
  .select-menu-account .dropdown-select .dropdown-menu {
    display: block !important;
    margin-top: 0;
    position: fixed;
    top: var(--navbar-mobile-height) !important;
    width: 68%;
    height: calc(100% - var(--footer-navbar-height) + var(--navbar-mobile-height));
    min-width: 0;
    left: auto !important;
    right: -68%;
    box-shadow: none;
    overflow: auto;
    transition: right var(--transition-duration) var(--transition-timing);
  }
}
@media (min-width: 768px) {
  .select-menu-account .dropdown-select:enabled:not(.disabled):hover .material-icons.no-hover {
    color: var(--neutral-color) !important;
  }
}
.select-menu-account > .select-menu-option:first-child .section-label-account {
  margin-top: -0.625rem;
}
.select-menu-account .no-select {
  cursor: not-allowed;
  transition: none;
}
.select-menu-account .section-label-account {
  color: var(--gray-800);
}
.select-menu-account .section-label-account .label {
  padding-left: 0.3125rem;
  padding-right: 0.8125rem;
}
@media (max-width: 767.98px) {
  .select-menu-account .section-label-account .label {
    padding-left: 0;
  }
}
.select-menu-account .select-option-account:not(.section-label-account) {
  border-bottom: 1px solid var(--stroke-light);
}
.select-menu-account .select-option-icon {
  margin-left: 0.4375rem;
}
.select-menu-account .category-account {
  margin: 0;
  padding: 12px var(--forms-x-spacing);
  border-radius: 0;
}
@media screen and (min-width: 1080px) and (max-width: 1162px) {
  .select-menu-account .category-account {
    padding-left: 0.3125rem;
    padding-right: 0.6875rem;
  }
}
@media (max-width: 767.98px) {
  .select-menu-account .category-account {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
  .select-menu-account .category-account.inactive {
    display: none;
  }
}
.select-menu-account .category-account:not(.no-hover):not(.no-select):hover {
  background-color: var(--hover-color);
}
.select-menu-account .category-account.inactive {
  pointer-events: none;
}
.select-menu-account .category-account.two-rows {
  align-items: normal;
}
.select-menu-account .category-account.two-rows .account-info {
  margin-top: 0.5rem;
  margin-right: 1rem;
}
.select-menu-account .category-account.two-rows .title-left-container {
  margin-top: 0.3125rem;
}
.select-menu-account .category-account.two-rows .select-option-icon {
  margin-top: 0.375rem;
}
.select-menu-account .category-account .account-imageurl {
  align-items: center;
  display: flex;
  height: 45px;
  justify-content: center;
  margin-right: 0.9375rem;
}
.select-menu-account .category-account .account-imageurl img {
  max-width: none;
  width: 45px;
}
.select-menu-account .category-account .account-name {
  color: var(--gray-900);
  max-width: 100%;
}
.select-menu-account .category-account .title-left-container {
  flex: 1;
  padding-right: 0.625rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-menu-account .category-account .title-left-bottom {
  color: var(--text-color-tertiary);
  font-size: var(--font-size-xs);
  margin-top: 0.125rem;
}
.select-menu-account .account-balance {
  color: var(--text-color-primary);
  font-weight: var(--font-weight-semibold);
}
.select-menu-account .account-balance.is-positive {
  color: var(--positive-color);
}
.select-menu-account .account-balance.is-negative {
  color: var(--negative-color);
}
:root {
  --space-unit: clamp(6.4px, 0.5rem, 16px);
  --space-xxs: calc(0.5 * var(--space-unit));
  --space-xs: var(--space-unit);
  --space-sm: calc(1.5 * var(--space-unit));
  --space-md: calc(2 * var(--space-unit));
  --space-lg: calc(2.5 * var(--space-unit));
  --space-xl: calc(3 * var(--space-unit));
  --space-xxl: calc(4 * var(--space-unit));
  --space-xxxl: calc(5 * var(--space-unit));
  --space-xxxxl: calc(8 * var(--space-unit));
  --space-md-grow: calc(2.25 * var(--space-unit));
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-half {
  margin: var(--space-xxs) !important;
}
.mt-half,
.my-half {
  margin-top: var(--space-xxs) !important;
}
.mr-half,
.mx-half {
  margin-right: var(--space-xxs) !important;
}
.mb-half,
.my-half {
  margin-bottom: var(--space-xxs) !important;
}
.ml-half,
.mx-half {
  margin-left: var(--space-xxs) !important;
}
.m-1 {
  margin: var(--space-xs) !important;
}
.mt-1,
.my-1 {
  margin-top: var(--space-xs) !important;
}
.mr-1,
.mx-1 {
  margin-right: var(--space-xs) !important;
}
.mb-1,
.my-1 {
  margin-bottom: var(--space-xs) !important;
}
.ml-1,
.mx-1 {
  margin-left: var(--space-xs) !important;
}
.m-2 {
  margin: var(--space-sm) !important;
}
.mt-2,
.my-2 {
  margin-top: var(--space-sm) !important;
}
.mr-2,
.mx-2 {
  margin-right: var(--space-sm) !important;
}
.mb-2,
.my-2 {
  margin-bottom: var(--space-sm) !important;
}
.ml-2,
.mx-2 {
  margin-left: var(--space-sm) !important;
}
.m-3 {
  margin: var(--space-md) !important;
}
.mt-3,
.my-3 {
  margin-top: var(--space-md) !important;
}
.mr-3,
.mx-3 {
  margin-right: var(--space-md) !important;
}
.mb-3,
.my-3 {
  margin-bottom: var(--space-md) !important;
}
.ml-3,
.mx-3 {
  margin-left: var(--space-md) !important;
}
.m-4 {
  margin: var(--space-lg) !important;
}
.mt-4,
.my-4 {
  margin-top: var(--space-lg) !important;
}
.mr-4,
.mx-4 {
  margin-right: var(--space-lg) !important;
}
.mb-4,
.my-4 {
  margin-bottom: var(--space-lg) !important;
}
.ml-4,
.mx-4 {
  margin-left: var(--space-lg) !important;
}
.m-5 {
  margin: var(--space-xl) !important;
}
.mt-5,
.my-5 {
  margin-top: var(--space-xl) !important;
}
.mr-5,
.mx-5 {
  margin-right: var(--space-xl) !important;
}
.mb-5,
.my-5 {
  margin-bottom: var(--space-xl) !important;
}
.ml-5,
.mx-5 {
  margin-left: var(--space-xl) !important;
}
.m-6 {
  margin: var(--space-xxl) !important;
}
.mt-6,
.my-6 {
  margin-top: var(--space-xxl) !important;
}
.mr-6,
.mx-6 {
  margin-right: var(--space-xxl) !important;
}
.mb-6,
.my-6 {
  margin-bottom: var(--space-xxl) !important;
}
.ml-6,
.mx-6 {
  margin-left: var(--space-xxl) !important;
}
.m-7 {
  margin: var(--space-xxxl) !important;
}
.mt-7,
.my-7 {
  margin-top: var(--space-xxxl) !important;
}
.mr-7,
.mx-7 {
  margin-right: var(--space-xxxl) !important;
}
.mb-7,
.my-7 {
  margin-bottom: var(--space-xxxl) !important;
}
.ml-7,
.mx-7 {
  margin-left: var(--space-xxxl) !important;
}
.m-8 {
  margin: var(--space-xxxxl) !important;
}
.mt-8,
.my-8 {
  margin-top: var(--space-xxxxl) !important;
}
.mr-8,
.mx-8 {
  margin-right: var(--space-xxxxl) !important;
}
.mb-8,
.my-8 {
  margin-bottom: var(--space-xxxxl) !important;
}
.ml-8,
.mx-8 {
  margin-left: var(--space-xxxxl) !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-half {
  padding: var(--space-xxs) !important;
}
.pt-half,
.py-half {
  padding-top: var(--space-xxs) !important;
}
.pr-half,
.px-half {
  padding-right: var(--space-xxs) !important;
}
.pb-half,
.py-half {
  padding-bottom: var(--space-xxs) !important;
}
.pl-half,
.px-half {
  padding-left: var(--space-xxs) !important;
}
.p-1 {
  padding: var(--space-xs) !important;
}
.pt-1,
.py-1 {
  padding-top: var(--space-xs) !important;
}
.pr-1,
.px-1 {
  padding-right: var(--space-xs) !important;
}
.pb-1,
.py-1 {
  padding-bottom: var(--space-xs) !important;
}
.pl-1,
.px-1 {
  padding-left: var(--space-xs) !important;
}
.p-2 {
  padding: var(--space-sm) !important;
}
.pt-2,
.py-2 {
  padding-top: var(--space-sm) !important;
}
.pr-2,
.px-2 {
  padding-right: var(--space-sm) !important;
}
.pb-2,
.py-2 {
  padding-bottom: var(--space-sm) !important;
}
.pl-2,
.px-2 {
  padding-left: var(--space-sm) !important;
}
.p-3 {
  padding: var(--space-md) !important;
}
.pt-3,
.py-3 {
  padding-top: var(--space-md) !important;
}
.pr-3,
.px-3 {
  padding-right: var(--space-md) !important;
}
.pb-3,
.py-3 {
  padding-bottom: var(--space-md) !important;
}
.pl-3,
.px-3 {
  padding-left: var(--space-md) !important;
}
.p-4 {
  padding: var(--space-lg) !important;
}
.pt-4,
.py-4 {
  padding-top: var(--space-lg) !important;
}
.pr-4,
.px-4 {
  padding-right: var(--space-lg) !important;
}
.pb-4,
.py-4 {
  padding-bottom: var(--space-lg) !important;
}
.pl-4,
.px-4 {
  padding-left: var(--space-lg) !important;
}
.p-5 {
  padding: var(--space-xl) !important;
}
.pt-5,
.py-5 {
  padding-top: var(--space-xl) !important;
}
.pr-5,
.px-5 {
  padding-right: var(--space-xl) !important;
}
.pb-5,
.py-5 {
  padding-bottom: var(--space-xl) !important;
}
.pl-5,
.px-5 {
  padding-left: var(--space-xl) !important;
}
.p-6 {
  padding: var(--space-xxl) !important;
}
.pt-6,
.py-6 {
  padding-top: var(--space-xxl) !important;
}
.pr-6,
.px-6 {
  padding-right: var(--space-xxl) !important;
}
.pb-6,
.py-6 {
  padding-bottom: var(--space-xxl) !important;
}
.pl-6,
.px-6 {
  padding-left: var(--space-xxl) !important;
}
.p-7 {
  padding: var(--space-xxxl) !important;
}
.pt-7,
.py-7 {
  padding-top: var(--space-xxxl) !important;
}
.pr-7,
.px-7 {
  padding-right: var(--space-xxxl) !important;
}
.pb-7,
.py-7 {
  padding-bottom: var(--space-xxxl) !important;
}
.pl-7,
.px-7 {
  padding-left: var(--space-xxxl) !important;
}
.p-8 {
  padding: var(--space-xxxxl) !important;
}
.pt-8,
.py-8 {
  padding-top: var(--space-xxxxl) !important;
}
.pr-8,
.px-8 {
  padding-right: var(--space-xxxxl) !important;
}
.pb-8,
.py-8 {
  padding-bottom: var(--space-xxxxl) !important;
}
.pl-8,
.px-8 {
  padding-left: var(--space-xxxxl) !important;
}
.m-nhalf {
  margin: calc(-1 * var(--space-xxs)) !important;
}
.mt-nhalf,
.my-nhalf {
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.mr-nhalf,
.mx-nhalf {
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.mb-nhalf,
.my-nhalf {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
}
.ml-nhalf,
.mx-nhalf {
  margin-left: calc(-1 * var(--space-xxs)) !important;
}
.m-n1 {
  margin: calc(-1 * var(--space-xs)) !important;
}
.mt-n1,
.my-n1 {
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.mr-n1,
.mx-n1 {
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
}
.ml-n1,
.mx-n1 {
  margin-left: calc(-1 * var(--space-xs)) !important;
}
.m-n2 {
  margin: calc(-1 * var(--space-sm)) !important;
}
.mt-n2,
.my-n2 {
  margin-top: calc(-1 * var(--space-sm)) !important;
}
.mr-n2,
.mx-n2 {
  margin-right: calc(-1 * var(--space-sm)) !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: calc(-1 * var(--space-sm)) !important;
}
.ml-n2,
.mx-n2 {
  margin-left: calc(-1 * var(--space-sm)) !important;
}
.m-n3 {
  margin: calc(-1 * var(--space-md)) !important;
}
.mt-n3,
.my-n3 {
  margin-top: calc(-1 * var(--space-md)) !important;
}
.mr-n3,
.mx-n3 {
  margin-right: calc(-1 * var(--space-md)) !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: calc(-1 * var(--space-md)) !important;
}
.ml-n3,
.mx-n3 {
  margin-left: calc(-1 * var(--space-md)) !important;
}
.m-n4 {
  margin: calc(-1 * var(--space-lg)) !important;
}
.mt-n4,
.my-n4 {
  margin-top: calc(-1 * var(--space-lg)) !important;
}
.mr-n4,
.mx-n4 {
  margin-right: calc(-1 * var(--space-lg)) !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: calc(-1 * var(--space-lg)) !important;
}
.ml-n4,
.mx-n4 {
  margin-left: calc(-1 * var(--space-lg)) !important;
}
.m-n5 {
  margin: calc(-1 * var(--space-xl)) !important;
}
.mt-n5,
.my-n5 {
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.mr-n5,
.mx-n5 {
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
}
.ml-n5,
.mx-n5 {
  margin-left: calc(-1 * var(--space-xl)) !important;
}
.m-n6 {
  margin: calc(-1 * var(--space-xxl)) !important;
}
.mt-n6,
.my-n6 {
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.mr-n6,
.mx-n6 {
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.mb-n6,
.my-n6 {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
}
.ml-n6,
.mx-n6 {
  margin-left: calc(-1 * var(--space-xxl)) !important;
}
.m-n7 {
  margin: calc(-1 * var(--space-xxxl)) !important;
}
.mt-n7,
.my-n7 {
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.mr-n7,
.mx-n7 {
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.mb-n7,
.my-n7 {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
}
.ml-n7,
.mx-n7 {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
}
.m-n8 {
  margin: calc(-1 * var(--space-xxxxl)) !important;
}
.mt-n8,
.my-n8 {
  margin-top: calc(-1 * var(--space-xxxxl)) !important;
}
.mr-n8,
.mx-n8 {
  margin-right: calc(-1 * var(--space-xxxxl)) !important;
}
.mb-n8,
.my-n8 {
  margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
}
.ml-n8,
.mx-n8 {
  margin-left: calc(-1 * var(--space-xxxxl)) !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 22.5em) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-half {
    margin: var(--space-xxs) !important;
  }
  .mt-xs-half,
  .my-xs-half {
    margin-top: var(--space-xxs) !important;
  }
  .mr-xs-half,
  .mx-xs-half {
    margin-right: var(--space-xxs) !important;
  }
  .mb-xs-half,
  .my-xs-half {
    margin-bottom: var(--space-xxs) !important;
  }
  .ml-xs-half,
  .mx-xs-half {
    margin-left: var(--space-xxs) !important;
  }
  .m-xs-1 {
    margin: var(--space-xs) !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: var(--space-xs) !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: var(--space-xs) !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: var(--space-xs) !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: var(--space-xs) !important;
  }
  .m-xs-2 {
    margin: var(--space-sm) !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: var(--space-sm) !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: var(--space-sm) !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: var(--space-sm) !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: var(--space-sm) !important;
  }
  .m-xs-3 {
    margin: var(--space-md) !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: var(--space-md) !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: var(--space-md) !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: var(--space-md) !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: var(--space-md) !important;
  }
  .m-xs-4 {
    margin: var(--space-lg) !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: var(--space-lg) !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: var(--space-lg) !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: var(--space-lg) !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: var(--space-lg) !important;
  }
  .m-xs-5 {
    margin: var(--space-xl) !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: var(--space-xl) !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: var(--space-xl) !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: var(--space-xl) !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: var(--space-xl) !important;
  }
  .m-xs-6 {
    margin: var(--space-xxl) !important;
  }
  .mt-xs-6,
  .my-xs-6 {
    margin-top: var(--space-xxl) !important;
  }
  .mr-xs-6,
  .mx-xs-6 {
    margin-right: var(--space-xxl) !important;
  }
  .mb-xs-6,
  .my-xs-6 {
    margin-bottom: var(--space-xxl) !important;
  }
  .ml-xs-6,
  .mx-xs-6 {
    margin-left: var(--space-xxl) !important;
  }
  .m-xs-7 {
    margin: var(--space-xxxl) !important;
  }
  .mt-xs-7,
  .my-xs-7 {
    margin-top: var(--space-xxxl) !important;
  }
  .mr-xs-7,
  .mx-xs-7 {
    margin-right: var(--space-xxxl) !important;
  }
  .mb-xs-7,
  .my-xs-7 {
    margin-bottom: var(--space-xxxl) !important;
  }
  .ml-xs-7,
  .mx-xs-7 {
    margin-left: var(--space-xxxl) !important;
  }
  .m-xs-8 {
    margin: var(--space-xxxxl) !important;
  }
  .mt-xs-8,
  .my-xs-8 {
    margin-top: var(--space-xxxxl) !important;
  }
  .mr-xs-8,
  .mx-xs-8 {
    margin-right: var(--space-xxxxl) !important;
  }
  .mb-xs-8,
  .my-xs-8 {
    margin-bottom: var(--space-xxxxl) !important;
  }
  .ml-xs-8,
  .mx-xs-8 {
    margin-left: var(--space-xxxxl) !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-half {
    padding: var(--space-xxs) !important;
  }
  .pt-xs-half,
  .py-xs-half {
    padding-top: var(--space-xxs) !important;
  }
  .pr-xs-half,
  .px-xs-half {
    padding-right: var(--space-xxs) !important;
  }
  .pb-xs-half,
  .py-xs-half {
    padding-bottom: var(--space-xxs) !important;
  }
  .pl-xs-half,
  .px-xs-half {
    padding-left: var(--space-xxs) !important;
  }
  .p-xs-1 {
    padding: var(--space-xs) !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: var(--space-xs) !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: var(--space-xs) !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: var(--space-xs) !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: var(--space-xs) !important;
  }
  .p-xs-2 {
    padding: var(--space-sm) !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: var(--space-sm) !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: var(--space-sm) !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: var(--space-sm) !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: var(--space-sm) !important;
  }
  .p-xs-3 {
    padding: var(--space-md) !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: var(--space-md) !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: var(--space-md) !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: var(--space-md) !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: var(--space-md) !important;
  }
  .p-xs-4 {
    padding: var(--space-lg) !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: var(--space-lg) !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: var(--space-lg) !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: var(--space-lg) !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: var(--space-lg) !important;
  }
  .p-xs-5 {
    padding: var(--space-xl) !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: var(--space-xl) !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: var(--space-xl) !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: var(--space-xl) !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: var(--space-xl) !important;
  }
  .p-xs-6 {
    padding: var(--space-xxl) !important;
  }
  .pt-xs-6,
  .py-xs-6 {
    padding-top: var(--space-xxl) !important;
  }
  .pr-xs-6,
  .px-xs-6 {
    padding-right: var(--space-xxl) !important;
  }
  .pb-xs-6,
  .py-xs-6 {
    padding-bottom: var(--space-xxl) !important;
  }
  .pl-xs-6,
  .px-xs-6 {
    padding-left: var(--space-xxl) !important;
  }
  .p-xs-7 {
    padding: var(--space-xxxl) !important;
  }
  .pt-xs-7,
  .py-xs-7 {
    padding-top: var(--space-xxxl) !important;
  }
  .pr-xs-7,
  .px-xs-7 {
    padding-right: var(--space-xxxl) !important;
  }
  .pb-xs-7,
  .py-xs-7 {
    padding-bottom: var(--space-xxxl) !important;
  }
  .pl-xs-7,
  .px-xs-7 {
    padding-left: var(--space-xxxl) !important;
  }
  .p-xs-8 {
    padding: var(--space-xxxxl) !important;
  }
  .pt-xs-8,
  .py-xs-8 {
    padding-top: var(--space-xxxxl) !important;
  }
  .pr-xs-8,
  .px-xs-8 {
    padding-right: var(--space-xxxxl) !important;
  }
  .pb-xs-8,
  .py-xs-8 {
    padding-bottom: var(--space-xxxxl) !important;
  }
  .pl-xs-8,
  .px-xs-8 {
    padding-left: var(--space-xxxxl) !important;
  }
  .m-xs-nhalf {
    margin: calc(-1 * var(--space-xxs)) !important;
  }
  .mt-xs-nhalf,
  .my-xs-nhalf {
    margin-top: calc(-1 * var(--space-xxs)) !important;
  }
  .mr-xs-nhalf,
  .mx-xs-nhalf {
    margin-right: calc(-1 * var(--space-xxs)) !important;
  }
  .mb-xs-nhalf,
  .my-xs-nhalf {
    margin-bottom: calc(-1 * var(--space-xxs)) !important;
  }
  .ml-xs-nhalf,
  .mx-xs-nhalf {
    margin-left: calc(-1 * var(--space-xxs)) !important;
  }
  .m-xs-n1 {
    margin: calc(-1 * var(--space-xs)) !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: calc(-1 * var(--space-xs)) !important;
  }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: calc(-1 * var(--space-xs)) !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: calc(-1 * var(--space-xs)) !important;
  }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: calc(-1 * var(--space-xs)) !important;
  }
  .m-xs-n2 {
    margin: calc(-1 * var(--space-sm)) !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: calc(-1 * var(--space-sm)) !important;
  }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: calc(-1 * var(--space-sm)) !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: calc(-1 * var(--space-sm)) !important;
  }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: calc(-1 * var(--space-sm)) !important;
  }
  .m-xs-n3 {
    margin: calc(-1 * var(--space-md)) !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: calc(-1 * var(--space-md)) !important;
  }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: calc(-1 * var(--space-md)) !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: calc(-1 * var(--space-md)) !important;
  }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: calc(-1 * var(--space-md)) !important;
  }
  .m-xs-n4 {
    margin: calc(-1 * var(--space-lg)) !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: calc(-1 * var(--space-lg)) !important;
  }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: calc(-1 * var(--space-lg)) !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: calc(-1 * var(--space-lg)) !important;
  }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: calc(-1 * var(--space-lg)) !important;
  }
  .m-xs-n5 {
    margin: calc(-1 * var(--space-xl)) !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: calc(-1 * var(--space-xl)) !important;
  }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: calc(-1 * var(--space-xl)) !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: calc(-1 * var(--space-xl)) !important;
  }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: calc(-1 * var(--space-xl)) !important;
  }
  .m-xs-n6 {
    margin: calc(-1 * var(--space-xxl)) !important;
  }
  .mt-xs-n6,
  .my-xs-n6 {
    margin-top: calc(-1 * var(--space-xxl)) !important;
  }
  .mr-xs-n6,
  .mx-xs-n6 {
    margin-right: calc(-1 * var(--space-xxl)) !important;
  }
  .mb-xs-n6,
  .my-xs-n6 {
    margin-bottom: calc(-1 * var(--space-xxl)) !important;
  }
  .ml-xs-n6,
  .mx-xs-n6 {
    margin-left: calc(-1 * var(--space-xxl)) !important;
  }
  .m-xs-n7 {
    margin: calc(-1 * var(--space-xxxl)) !important;
  }
  .mt-xs-n7,
  .my-xs-n7 {
    margin-top: calc(-1 * var(--space-xxxl)) !important;
  }
  .mr-xs-n7,
  .mx-xs-n7 {
    margin-right: calc(-1 * var(--space-xxxl)) !important;
  }
  .mb-xs-n7,
  .my-xs-n7 {
    margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  }
  .ml-xs-n7,
  .mx-xs-n7 {
    margin-left: calc(-1 * var(--space-xxxl)) !important;
  }
  .m-xs-n8 {
    margin: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mt-xs-n8,
  .my-xs-n8 {
    margin-top: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mr-xs-n8,
  .mx-xs-n8 {
    margin-right: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mb-xs-n8,
  .my-xs-n8 {
    margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
  }
  .ml-xs-n8,
  .mx-xs-n8 {
    margin-left: calc(-1 * var(--space-xxxxl)) !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-half {
    margin: var(--space-xxs) !important;
  }
  .mt-sm-half,
  .my-sm-half {
    margin-top: var(--space-xxs) !important;
  }
  .mr-sm-half,
  .mx-sm-half {
    margin-right: var(--space-xxs) !important;
  }
  .mb-sm-half,
  .my-sm-half {
    margin-bottom: var(--space-xxs) !important;
  }
  .ml-sm-half,
  .mx-sm-half {
    margin-left: var(--space-xxs) !important;
  }
  .m-sm-1 {
    margin: var(--space-xs) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--space-xs) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--space-xs) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--space-xs) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--space-xs) !important;
  }
  .m-sm-2 {
    margin: var(--space-sm) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--space-sm) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--space-sm) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--space-sm) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--space-sm) !important;
  }
  .m-sm-3 {
    margin: var(--space-md) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--space-md) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--space-md) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--space-md) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--space-md) !important;
  }
  .m-sm-4 {
    margin: var(--space-lg) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--space-lg) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--space-lg) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--space-lg) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--space-lg) !important;
  }
  .m-sm-5 {
    margin: var(--space-xl) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--space-xl) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--space-xl) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--space-xl) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--space-xl) !important;
  }
  .m-sm-6 {
    margin: var(--space-xxl) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: var(--space-xxl) !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: var(--space-xxl) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: var(--space-xxl) !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: var(--space-xxl) !important;
  }
  .m-sm-7 {
    margin: var(--space-xxxl) !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: var(--space-xxxl) !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: var(--space-xxxl) !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: var(--space-xxxl) !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: var(--space-xxxl) !important;
  }
  .m-sm-8 {
    margin: var(--space-xxxxl) !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: var(--space-xxxxl) !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: var(--space-xxxxl) !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: var(--space-xxxxl) !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: var(--space-xxxxl) !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-half {
    padding: var(--space-xxs) !important;
  }
  .pt-sm-half,
  .py-sm-half {
    padding-top: var(--space-xxs) !important;
  }
  .pr-sm-half,
  .px-sm-half {
    padding-right: var(--space-xxs) !important;
  }
  .pb-sm-half,
  .py-sm-half {
    padding-bottom: var(--space-xxs) !important;
  }
  .pl-sm-half,
  .px-sm-half {
    padding-left: var(--space-xxs) !important;
  }
  .p-sm-1 {
    padding: var(--space-xs) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--space-xs) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--space-xs) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--space-xs) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--space-xs) !important;
  }
  .p-sm-2 {
    padding: var(--space-sm) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--space-sm) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--space-sm) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--space-sm) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--space-sm) !important;
  }
  .p-sm-3 {
    padding: var(--space-md) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--space-md) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--space-md) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--space-md) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--space-md) !important;
  }
  .p-sm-4 {
    padding: var(--space-lg) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--space-lg) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--space-lg) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--space-lg) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--space-lg) !important;
  }
  .p-sm-5 {
    padding: var(--space-xl) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--space-xl) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--space-xl) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--space-xl) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--space-xl) !important;
  }
  .p-sm-6 {
    padding: var(--space-xxl) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: var(--space-xxl) !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: var(--space-xxl) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: var(--space-xxl) !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: var(--space-xxl) !important;
  }
  .p-sm-7 {
    padding: var(--space-xxxl) !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: var(--space-xxxl) !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: var(--space-xxxl) !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: var(--space-xxxl) !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: var(--space-xxxl) !important;
  }
  .p-sm-8 {
    padding: var(--space-xxxxl) !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: var(--space-xxxxl) !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: var(--space-xxxxl) !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: var(--space-xxxxl) !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: var(--space-xxxxl) !important;
  }
  .m-sm-nhalf {
    margin: calc(-1 * var(--space-xxs)) !important;
  }
  .mt-sm-nhalf,
  .my-sm-nhalf {
    margin-top: calc(-1 * var(--space-xxs)) !important;
  }
  .mr-sm-nhalf,
  .mx-sm-nhalf {
    margin-right: calc(-1 * var(--space-xxs)) !important;
  }
  .mb-sm-nhalf,
  .my-sm-nhalf {
    margin-bottom: calc(-1 * var(--space-xxs)) !important;
  }
  .ml-sm-nhalf,
  .mx-sm-nhalf {
    margin-left: calc(-1 * var(--space-xxs)) !important;
  }
  .m-sm-n1 {
    margin: calc(-1 * var(--space-xs)) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(-1 * var(--space-xs)) !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(-1 * var(--space-xs)) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(-1 * var(--space-xs)) !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(-1 * var(--space-xs)) !important;
  }
  .m-sm-n2 {
    margin: calc(-1 * var(--space-sm)) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(-1 * var(--space-sm)) !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(-1 * var(--space-sm)) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(-1 * var(--space-sm)) !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(-1 * var(--space-sm)) !important;
  }
  .m-sm-n3 {
    margin: calc(-1 * var(--space-md)) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(-1 * var(--space-md)) !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(-1 * var(--space-md)) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(-1 * var(--space-md)) !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(-1 * var(--space-md)) !important;
  }
  .m-sm-n4 {
    margin: calc(-1 * var(--space-lg)) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(-1 * var(--space-lg)) !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(-1 * var(--space-lg)) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(-1 * var(--space-lg)) !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(-1 * var(--space-lg)) !important;
  }
  .m-sm-n5 {
    margin: calc(-1 * var(--space-xl)) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(-1 * var(--space-xl)) !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(-1 * var(--space-xl)) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(-1 * var(--space-xl)) !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(-1 * var(--space-xl)) !important;
  }
  .m-sm-n6 {
    margin: calc(-1 * var(--space-xxl)) !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(-1 * var(--space-xxl)) !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(-1 * var(--space-xxl)) !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(-1 * var(--space-xxl)) !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(-1 * var(--space-xxl)) !important;
  }
  .m-sm-n7 {
    margin: calc(-1 * var(--space-xxxl)) !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(-1 * var(--space-xxxl)) !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(-1 * var(--space-xxxl)) !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(-1 * var(--space-xxxl)) !important;
  }
  .m-sm-n8 {
    margin: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(-1 * var(--space-xxxxl)) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-half {
    margin: var(--space-xxs) !important;
  }
  .mt-md-half,
  .my-md-half {
    margin-top: var(--space-xxs) !important;
  }
  .mr-md-half,
  .mx-md-half {
    margin-right: var(--space-xxs) !important;
  }
  .mb-md-half,
  .my-md-half {
    margin-bottom: var(--space-xxs) !important;
  }
  .ml-md-half,
  .mx-md-half {
    margin-left: var(--space-xxs) !important;
  }
  .m-md-1 {
    margin: var(--space-xs) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--space-xs) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--space-xs) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--space-xs) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--space-xs) !important;
  }
  .m-md-2 {
    margin: var(--space-sm) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--space-sm) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--space-sm) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--space-sm) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--space-sm) !important;
  }
  .m-md-3 {
    margin: var(--space-md) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--space-md) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--space-md) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--space-md) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--space-md) !important;
  }
  .m-md-4 {
    margin: var(--space-lg) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--space-lg) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--space-lg) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--space-lg) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--space-lg) !important;
  }
  .m-md-5 {
    margin: var(--space-xl) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--space-xl) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--space-xl) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--space-xl) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--space-xl) !important;
  }
  .m-md-6 {
    margin: var(--space-xxl) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: var(--space-xxl) !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: var(--space-xxl) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: var(--space-xxl) !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: var(--space-xxl) !important;
  }
  .m-md-7 {
    margin: var(--space-xxxl) !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: var(--space-xxxl) !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: var(--space-xxxl) !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: var(--space-xxxl) !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: var(--space-xxxl) !important;
  }
  .m-md-8 {
    margin: var(--space-xxxxl) !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: var(--space-xxxxl) !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: var(--space-xxxxl) !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: var(--space-xxxxl) !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: var(--space-xxxxl) !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-half {
    padding: var(--space-xxs) !important;
  }
  .pt-md-half,
  .py-md-half {
    padding-top: var(--space-xxs) !important;
  }
  .pr-md-half,
  .px-md-half {
    padding-right: var(--space-xxs) !important;
  }
  .pb-md-half,
  .py-md-half {
    padding-bottom: var(--space-xxs) !important;
  }
  .pl-md-half,
  .px-md-half {
    padding-left: var(--space-xxs) !important;
  }
  .p-md-1 {
    padding: var(--space-xs) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--space-xs) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--space-xs) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--space-xs) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--space-xs) !important;
  }
  .p-md-2 {
    padding: var(--space-sm) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--space-sm) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--space-sm) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--space-sm) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--space-sm) !important;
  }
  .p-md-3 {
    padding: var(--space-md) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--space-md) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--space-md) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--space-md) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--space-md) !important;
  }
  .p-md-4 {
    padding: var(--space-lg) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--space-lg) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--space-lg) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--space-lg) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--space-lg) !important;
  }
  .p-md-5 {
    padding: var(--space-xl) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--space-xl) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--space-xl) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--space-xl) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--space-xl) !important;
  }
  .p-md-6 {
    padding: var(--space-xxl) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: var(--space-xxl) !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: var(--space-xxl) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: var(--space-xxl) !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: var(--space-xxl) !important;
  }
  .p-md-7 {
    padding: var(--space-xxxl) !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: var(--space-xxxl) !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: var(--space-xxxl) !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: var(--space-xxxl) !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: var(--space-xxxl) !important;
  }
  .p-md-8 {
    padding: var(--space-xxxxl) !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: var(--space-xxxxl) !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: var(--space-xxxxl) !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: var(--space-xxxxl) !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: var(--space-xxxxl) !important;
  }
  .m-md-nhalf {
    margin: calc(-1 * var(--space-xxs)) !important;
  }
  .mt-md-nhalf,
  .my-md-nhalf {
    margin-top: calc(-1 * var(--space-xxs)) !important;
  }
  .mr-md-nhalf,
  .mx-md-nhalf {
    margin-right: calc(-1 * var(--space-xxs)) !important;
  }
  .mb-md-nhalf,
  .my-md-nhalf {
    margin-bottom: calc(-1 * var(--space-xxs)) !important;
  }
  .ml-md-nhalf,
  .mx-md-nhalf {
    margin-left: calc(-1 * var(--space-xxs)) !important;
  }
  .m-md-n1 {
    margin: calc(-1 * var(--space-xs)) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(-1 * var(--space-xs)) !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(-1 * var(--space-xs)) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(-1 * var(--space-xs)) !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(-1 * var(--space-xs)) !important;
  }
  .m-md-n2 {
    margin: calc(-1 * var(--space-sm)) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(-1 * var(--space-sm)) !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(-1 * var(--space-sm)) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(-1 * var(--space-sm)) !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(-1 * var(--space-sm)) !important;
  }
  .m-md-n3 {
    margin: calc(-1 * var(--space-md)) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(-1 * var(--space-md)) !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(-1 * var(--space-md)) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(-1 * var(--space-md)) !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(-1 * var(--space-md)) !important;
  }
  .m-md-n4 {
    margin: calc(-1 * var(--space-lg)) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(-1 * var(--space-lg)) !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(-1 * var(--space-lg)) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(-1 * var(--space-lg)) !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(-1 * var(--space-lg)) !important;
  }
  .m-md-n5 {
    margin: calc(-1 * var(--space-xl)) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(-1 * var(--space-xl)) !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(-1 * var(--space-xl)) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(-1 * var(--space-xl)) !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(-1 * var(--space-xl)) !important;
  }
  .m-md-n6 {
    margin: calc(-1 * var(--space-xxl)) !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(-1 * var(--space-xxl)) !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(-1 * var(--space-xxl)) !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(-1 * var(--space-xxl)) !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(-1 * var(--space-xxl)) !important;
  }
  .m-md-n7 {
    margin: calc(-1 * var(--space-xxxl)) !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(-1 * var(--space-xxxl)) !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(-1 * var(--space-xxxl)) !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(-1 * var(--space-xxxl)) !important;
  }
  .m-md-n8 {
    margin: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(-1 * var(--space-xxxxl)) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1080px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-half {
    margin: var(--space-xxs) !important;
  }
  .mt-lg-half,
  .my-lg-half {
    margin-top: var(--space-xxs) !important;
  }
  .mr-lg-half,
  .mx-lg-half {
    margin-right: var(--space-xxs) !important;
  }
  .mb-lg-half,
  .my-lg-half {
    margin-bottom: var(--space-xxs) !important;
  }
  .ml-lg-half,
  .mx-lg-half {
    margin-left: var(--space-xxs) !important;
  }
  .m-lg-1 {
    margin: var(--space-xs) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--space-xs) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--space-xs) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--space-xs) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--space-xs) !important;
  }
  .m-lg-2 {
    margin: var(--space-sm) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--space-sm) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--space-sm) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--space-sm) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--space-sm) !important;
  }
  .m-lg-3 {
    margin: var(--space-md) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--space-md) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--space-md) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--space-md) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--space-md) !important;
  }
  .m-lg-4 {
    margin: var(--space-lg) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--space-lg) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--space-lg) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--space-lg) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--space-lg) !important;
  }
  .m-lg-5 {
    margin: var(--space-xl) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--space-xl) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--space-xl) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--space-xl) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--space-xl) !important;
  }
  .m-lg-6 {
    margin: var(--space-xxl) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: var(--space-xxl) !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: var(--space-xxl) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: var(--space-xxl) !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: var(--space-xxl) !important;
  }
  .m-lg-7 {
    margin: var(--space-xxxl) !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: var(--space-xxxl) !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: var(--space-xxxl) !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: var(--space-xxxl) !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: var(--space-xxxl) !important;
  }
  .m-lg-8 {
    margin: var(--space-xxxxl) !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: var(--space-xxxxl) !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: var(--space-xxxxl) !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: var(--space-xxxxl) !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: var(--space-xxxxl) !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-half {
    padding: var(--space-xxs) !important;
  }
  .pt-lg-half,
  .py-lg-half {
    padding-top: var(--space-xxs) !important;
  }
  .pr-lg-half,
  .px-lg-half {
    padding-right: var(--space-xxs) !important;
  }
  .pb-lg-half,
  .py-lg-half {
    padding-bottom: var(--space-xxs) !important;
  }
  .pl-lg-half,
  .px-lg-half {
    padding-left: var(--space-xxs) !important;
  }
  .p-lg-1 {
    padding: var(--space-xs) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--space-xs) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--space-xs) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--space-xs) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--space-xs) !important;
  }
  .p-lg-2 {
    padding: var(--space-sm) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--space-sm) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--space-sm) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--space-sm) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--space-sm) !important;
  }
  .p-lg-3 {
    padding: var(--space-md) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--space-md) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--space-md) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--space-md) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--space-md) !important;
  }
  .p-lg-4 {
    padding: var(--space-lg) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--space-lg) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--space-lg) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--space-lg) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--space-lg) !important;
  }
  .p-lg-5 {
    padding: var(--space-xl) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--space-xl) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--space-xl) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--space-xl) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--space-xl) !important;
  }
  .p-lg-6 {
    padding: var(--space-xxl) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: var(--space-xxl) !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: var(--space-xxl) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: var(--space-xxl) !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: var(--space-xxl) !important;
  }
  .p-lg-7 {
    padding: var(--space-xxxl) !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: var(--space-xxxl) !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: var(--space-xxxl) !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: var(--space-xxxl) !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: var(--space-xxxl) !important;
  }
  .p-lg-8 {
    padding: var(--space-xxxxl) !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: var(--space-xxxxl) !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: var(--space-xxxxl) !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: var(--space-xxxxl) !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: var(--space-xxxxl) !important;
  }
  .m-lg-nhalf {
    margin: calc(-1 * var(--space-xxs)) !important;
  }
  .mt-lg-nhalf,
  .my-lg-nhalf {
    margin-top: calc(-1 * var(--space-xxs)) !important;
  }
  .mr-lg-nhalf,
  .mx-lg-nhalf {
    margin-right: calc(-1 * var(--space-xxs)) !important;
  }
  .mb-lg-nhalf,
  .my-lg-nhalf {
    margin-bottom: calc(-1 * var(--space-xxs)) !important;
  }
  .ml-lg-nhalf,
  .mx-lg-nhalf {
    margin-left: calc(-1 * var(--space-xxs)) !important;
  }
  .m-lg-n1 {
    margin: calc(-1 * var(--space-xs)) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(-1 * var(--space-xs)) !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(-1 * var(--space-xs)) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(-1 * var(--space-xs)) !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(-1 * var(--space-xs)) !important;
  }
  .m-lg-n2 {
    margin: calc(-1 * var(--space-sm)) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(-1 * var(--space-sm)) !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(-1 * var(--space-sm)) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(-1 * var(--space-sm)) !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(-1 * var(--space-sm)) !important;
  }
  .m-lg-n3 {
    margin: calc(-1 * var(--space-md)) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(-1 * var(--space-md)) !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(-1 * var(--space-md)) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(-1 * var(--space-md)) !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(-1 * var(--space-md)) !important;
  }
  .m-lg-n4 {
    margin: calc(-1 * var(--space-lg)) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(-1 * var(--space-lg)) !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(-1 * var(--space-lg)) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(-1 * var(--space-lg)) !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(-1 * var(--space-lg)) !important;
  }
  .m-lg-n5 {
    margin: calc(-1 * var(--space-xl)) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(-1 * var(--space-xl)) !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(-1 * var(--space-xl)) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(-1 * var(--space-xl)) !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(-1 * var(--space-xl)) !important;
  }
  .m-lg-n6 {
    margin: calc(-1 * var(--space-xxl)) !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(-1 * var(--space-xxl)) !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(-1 * var(--space-xxl)) !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(-1 * var(--space-xxl)) !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(-1 * var(--space-xxl)) !important;
  }
  .m-lg-n7 {
    margin: calc(-1 * var(--space-xxxl)) !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(-1 * var(--space-xxxl)) !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(-1 * var(--space-xxxl)) !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(-1 * var(--space-xxxl)) !important;
  }
  .m-lg-n8 {
    margin: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(-1 * var(--space-xxxxl)) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-half {
    margin: var(--space-xxs) !important;
  }
  .mt-xl-half,
  .my-xl-half {
    margin-top: var(--space-xxs) !important;
  }
  .mr-xl-half,
  .mx-xl-half {
    margin-right: var(--space-xxs) !important;
  }
  .mb-xl-half,
  .my-xl-half {
    margin-bottom: var(--space-xxs) !important;
  }
  .ml-xl-half,
  .mx-xl-half {
    margin-left: var(--space-xxs) !important;
  }
  .m-xl-1 {
    margin: var(--space-xs) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--space-xs) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--space-xs) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--space-xs) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--space-xs) !important;
  }
  .m-xl-2 {
    margin: var(--space-sm) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--space-sm) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--space-sm) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--space-sm) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--space-sm) !important;
  }
  .m-xl-3 {
    margin: var(--space-md) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--space-md) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--space-md) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--space-md) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--space-md) !important;
  }
  .m-xl-4 {
    margin: var(--space-lg) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--space-lg) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--space-lg) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--space-lg) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--space-lg) !important;
  }
  .m-xl-5 {
    margin: var(--space-xl) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--space-xl) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--space-xl) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--space-xl) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--space-xl) !important;
  }
  .m-xl-6 {
    margin: var(--space-xxl) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: var(--space-xxl) !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: var(--space-xxl) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: var(--space-xxl) !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: var(--space-xxl) !important;
  }
  .m-xl-7 {
    margin: var(--space-xxxl) !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: var(--space-xxxl) !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: var(--space-xxxl) !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: var(--space-xxxl) !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: var(--space-xxxl) !important;
  }
  .m-xl-8 {
    margin: var(--space-xxxxl) !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: var(--space-xxxxl) !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: var(--space-xxxxl) !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: var(--space-xxxxl) !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: var(--space-xxxxl) !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-half {
    padding: var(--space-xxs) !important;
  }
  .pt-xl-half,
  .py-xl-half {
    padding-top: var(--space-xxs) !important;
  }
  .pr-xl-half,
  .px-xl-half {
    padding-right: var(--space-xxs) !important;
  }
  .pb-xl-half,
  .py-xl-half {
    padding-bottom: var(--space-xxs) !important;
  }
  .pl-xl-half,
  .px-xl-half {
    padding-left: var(--space-xxs) !important;
  }
  .p-xl-1 {
    padding: var(--space-xs) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--space-xs) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--space-xs) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--space-xs) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--space-xs) !important;
  }
  .p-xl-2 {
    padding: var(--space-sm) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--space-sm) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--space-sm) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--space-sm) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--space-sm) !important;
  }
  .p-xl-3 {
    padding: var(--space-md) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--space-md) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--space-md) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--space-md) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--space-md) !important;
  }
  .p-xl-4 {
    padding: var(--space-lg) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--space-lg) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--space-lg) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--space-lg) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--space-lg) !important;
  }
  .p-xl-5 {
    padding: var(--space-xl) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--space-xl) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--space-xl) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--space-xl) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--space-xl) !important;
  }
  .p-xl-6 {
    padding: var(--space-xxl) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: var(--space-xxl) !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: var(--space-xxl) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: var(--space-xxl) !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: var(--space-xxl) !important;
  }
  .p-xl-7 {
    padding: var(--space-xxxl) !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: var(--space-xxxl) !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: var(--space-xxxl) !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: var(--space-xxxl) !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: var(--space-xxxl) !important;
  }
  .p-xl-8 {
    padding: var(--space-xxxxl) !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: var(--space-xxxxl) !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: var(--space-xxxxl) !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: var(--space-xxxxl) !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: var(--space-xxxxl) !important;
  }
  .m-xl-nhalf {
    margin: calc(-1 * var(--space-xxs)) !important;
  }
  .mt-xl-nhalf,
  .my-xl-nhalf {
    margin-top: calc(-1 * var(--space-xxs)) !important;
  }
  .mr-xl-nhalf,
  .mx-xl-nhalf {
    margin-right: calc(-1 * var(--space-xxs)) !important;
  }
  .mb-xl-nhalf,
  .my-xl-nhalf {
    margin-bottom: calc(-1 * var(--space-xxs)) !important;
  }
  .ml-xl-nhalf,
  .mx-xl-nhalf {
    margin-left: calc(-1 * var(--space-xxs)) !important;
  }
  .m-xl-n1 {
    margin: calc(-1 * var(--space-xs)) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(-1 * var(--space-xs)) !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(-1 * var(--space-xs)) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(-1 * var(--space-xs)) !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(-1 * var(--space-xs)) !important;
  }
  .m-xl-n2 {
    margin: calc(-1 * var(--space-sm)) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(-1 * var(--space-sm)) !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(-1 * var(--space-sm)) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(-1 * var(--space-sm)) !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(-1 * var(--space-sm)) !important;
  }
  .m-xl-n3 {
    margin: calc(-1 * var(--space-md)) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(-1 * var(--space-md)) !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(-1 * var(--space-md)) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(-1 * var(--space-md)) !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(-1 * var(--space-md)) !important;
  }
  .m-xl-n4 {
    margin: calc(-1 * var(--space-lg)) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(-1 * var(--space-lg)) !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(-1 * var(--space-lg)) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(-1 * var(--space-lg)) !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(-1 * var(--space-lg)) !important;
  }
  .m-xl-n5 {
    margin: calc(-1 * var(--space-xl)) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(-1 * var(--space-xl)) !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(-1 * var(--space-xl)) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(-1 * var(--space-xl)) !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(-1 * var(--space-xl)) !important;
  }
  .m-xl-n6 {
    margin: calc(-1 * var(--space-xxl)) !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(-1 * var(--space-xxl)) !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(-1 * var(--space-xxl)) !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(-1 * var(--space-xxl)) !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(-1 * var(--space-xxl)) !important;
  }
  .m-xl-n7 {
    margin: calc(-1 * var(--space-xxxl)) !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(-1 * var(--space-xxxl)) !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(-1 * var(--space-xxxl)) !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(-1 * var(--space-xxxl)) !important;
  }
  .m-xl-n8 {
    margin: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(-1 * var(--space-xxxxl)) !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(-1 * var(--space-xxxxl)) !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(-1 * var(--space-xxxxl)) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.mt-nsm {
  margin-top: -0.25rem;
}
.mt-sm {
  margin-top: 0.25rem;
}
.mr-sm {
  margin-right: 0.25rem;
}
.mb-sm {
  margin-bottom: 0.25rem;
}
.ml-sm {
  margin-left: 0.25rem;
}
.microapp-mb {
  margin-bottom: var(--microapp-container-spacing);
}
.microapp-ml {
  margin-left: var(--microapp-container-spacing);
}
.microapp-mr {
  margin-right: var(--microapp-container-spacing);
}
.microapp-mt {
  margin-top: var(--microapp-container-spacing);
}
.microapp-mx {
  margin-left: var(--microapp-container-spacing);
  margin-right: var(--microapp-container-spacing);
}
.stepper-component .stepper-component-header {
  display: block;
  margin-bottom: 0.625rem;
  position: relative;
}
@media (max-width: 470px) {
  .stepper-component .stepper-component-header {
    display: flex;
    justify-content: space-evenly;
    background-color: var(--neutral-bg-color);
    left: 0;
    right: 0;
  }
  .stepper-component .mobile-sticky {
    z-index: 100;
    width: 100% !important;
    position: fixed;
    margin-left: 0 !important;
    margin-right: 0 !important;
    top: var(--navbar-mobile-height);
    box-shadow: var(--box-shadow-md);
    transition: top var(--transition-duration) var(--transition-timing);
  }
}
.stepper-component .step-content-wrapper {
  margin: 0.625rem 0;
}
.stepper-component .progress-bg-line,
.stepper-component .progress-line {
  height: 2px;
  position: absolute;
  left: 2rem;
  top: 0.875rem;
  z-index: 1;
  transition: width var(--transition-duration) var(--transition-timing);
}
.stepper-component .progress-bg-line.mobile,
.stepper-component .progress-line.mobile {
  display: none;
}
@media (max-width: 470px) {
  .stepper-component .progress-bg-line,
  .stepper-component .progress-line {
    left: 1.625rem;
    display: none;
  }
  .stepper-component .progress-bg-line.mobile,
  .stepper-component .progress-line.mobile {
    display: block;
  }
}
.stepper-component .progress-bg-line {
  background-color: var(--gray-200);
}
@media (max-width: 470px) {
  .stepper-component .progress-bg-line.mobile {
    left: 16%;
    margin-top: 20px;
  }
}
.stepper-component .progress-line {
  background-color: var(--brand-primary);
}
@media (max-width: 470px) {
  .stepper-component .progress-line.mobile {
    left: 16%;
    margin-top: 20px;
  }
}
.step-component {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 4.0625rem;
  margin-right: 0.625rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 470px) {
  .step-component {
    margin: 1.25rem 0;
  }
}
.step-component.complete .step-label {
  color: var(--brand-primary);
}
.step-component.complete .step-number {
  border: 2px solid var(--brand-primary);
  background-color: var(--brand-primary);
  color: var(--gray-100);
}
.step-component.complete .step-number:hover {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.step-component.active .step-number {
  border: 2px solid var(--active-step-fill);
  background-color: var(--active-step-fill);
  color: var(--active-step-text);
}
.step-component.active .step-number:hover {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}
.step-component .step-number {
  background-color: var(--neutral-bg-color);
  color: var(--gray-800);
  border: 2px solid var(--stroke-light);
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition:
    background-color var(--transition-duration) var(--transition-timing),
    border var(--transition-duration) var(--transition-timing),
    color var(--transition-duration) var(--transition-timing);
}
.step-component .step-number:hover {
  background-color: var(--neutral-bg-color);
  border-color: var(--gray-100);
}
.step-component .step-number:hover.disabled {
  cursor: not-allowed;
  border-color: var(--gray-200);
}
.step-component .step-label {
  color: var(--gray-800);
  font-size: var(--font-size-xs);
  margin-top: 0.3125rem;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.step-component .step-label.disabled {
  cursor: not-allowed;
}
.stepper-container {
  padding: 0;
}
@media (max-width: 470px) {
  .stepper-container {
    margin-top: 5.5625rem;
  }
}
.swiper-pagination-bullet {
  background: var(--gray-300);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin: 0 4px;
  position: relative;
  transition: transform 0.2s ease 0s, left 0.2s ease 0s;
  width: 6px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--gray-700);
}
.swiper-pagination-bullet.swiper-pagination-bullet-small {
  transform: scale(0.66);
}
.swiper-tinder-label {
  position: absolute;
  opacity: 0;
  z-index: 1;
  padding: 4px 12px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weight-semibold);
}
.swiper-tinder-label .material-icons {
  position: absolute;
  font-size: var(--font-size-base);
}
.swiper-tinder-label .material-icons + span {
  padding-left: calc(var(--font-size-base) + 4px);
}
.swiper-tinder-label-yes {
  left: 3%;
  top: 5%;
  transform: rotate(-20deg);
  transform-origin: right top;
  color: var(--success-text);
}
.swiper-tinder-label-yes .material-icons {
  color: var(--success-text);
}
.swiper-tinder-label-no {
  right: 3%;
  top: 5%;
  transform: rotate(20deg);
  transform-origin: left top;
  color: var(--info);
}
.swiper-tinder-label-no .material-icons {
  color: var(--info);
}
.swiper-tinder-button {
  transition: background-color 100ms, color 100ms;
  transition-timing-function: var(--transition-timing);
  transition-delay: 100ms;
}
.swiper-tinder-button .material-icons,
.swiper-tinder-button i.svg-icons {
  transition: color 100ms var(--transition-timing) 100ms !important;
}
.swiper-tinder-button-no.swiper-tinder-button-active,
.swiper-tinder-button-no:active,
.swiper-tinder-button-yes.swiper-tinder-button-active,
.swiper-tinder-button-yes:active {
  transition-delay: 0ms;
  background-color: var(--btn-primary);
  color: var(--btn-primary-text);
}
.swiper-tinder-button-no.swiper-tinder-button-active .material-icons,
.swiper-tinder-button-no.swiper-tinder-button-active i.svg-icons,
.swiper-tinder-button-no:active .material-icons,
.swiper-tinder-button-no:active i.svg-icons,
.swiper-tinder-button-yes.swiper-tinder-button-active .material-icons,
.swiper-tinder-button-yes.swiper-tinder-button-active i.svg-icons,
.swiper-tinder-button-yes:active .material-icons,
.swiper-tinder-button-yes:active i.svg-icons {
  color: var(--btn-primary-text) !important;
  transition-delay: 0ms !important;
}
.tooltip {
  position: absolute;
  z-index: var(--z-index-tooltip);
  display: block;
  margin: 0;
  font-family: var(--font-family-base);
  font-style: normal;
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-base);
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: var(--font-size-xs);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 5px 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 5px 2.5px 0;
  border-top-color: var(--brand-neutral);
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 5px;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 5px;
  height: 5px;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 2.5px 5px 2.5px 0;
  border-right-color: var(--brand-neutral);
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 5px 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 2.5px 5px;
  border-bottom-color: var(--brand-neutral);
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 5px;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 5px;
  height: 5px;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 2.5px 0 2.5px 5px;
  border-left-color: var(--brand-neutral);
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: var(--neutral-color);
  text-align: center;
  background-color: var(--brand-neutral);
  border-radius: 0.25rem;
}
ui-workflows-table .table-filter-controls .clear-btn {
  padding: 8px 12px;
}
ui-workflows-table button.btn-link.table-clickable-link {
  padding: 0;
  margin: 0;
  min-width: 0;
  vertical-align: top;
  border-top: 0;
  font-size: var(--font-size-sm);
}
ui-workflows-table button.btn-link.table-clickable-link:has(mark) {
  display: inline;
}
ui-workflows-table .table-template-icon {
  display: flex;
}
ui-workflows-table .table-template-icon ui-core-icon i {
  line-height: var(--line-height-base) !important;
}
ui-workflows-table .table-template-icon .icon-text {
  margin-left: var(--space-xxs);
  text-align: left;
}
ui-workflows-table .table-template-icon.icon-right {
  flex-flow: row-reverse;
}
ui-workflows-table .table-template-icon.icon-right .icon-text {
  margin-left: 0;
  margin-right: var(--space-xxs);
  text-align: right;
}
ui-workflows-table .sub-text {
  color: var(--gray-700);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}
ui-workflows-table ::highlight(search-highlight) {
  background-color: var(--hover-color);
}
.table {
  width: 100%;
  margin-bottom: var(--spacer);
  color: var(--gray-900);
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid var(--stroke-light);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--stroke-light);
}
.table tbody + tbody {
  border-top: 2px solid var(--stroke-light);
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--gray-100);
}
@media (max-width: 22.48em) {
  .table-responsive-xs {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xs > .table-bordered {
    border: 0;
  }
}
@media (max-width: 479.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1079.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
:root {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: calc(var(--line-height-unit) * 3);
}
@media screen and (max-width: 1079px) {
  @supports (font: -apple-system-body) {
    :root {
      font: -apple-system-body;
      font-family: var(--font-family-base);
    }
    :root body {
      font-size: var(--font-size-base);
      line-height: calc(var(--line-height-unit) * 3);
    }
  }
}
.font-weight-bold,
.text-strong {
  font-weight: var(--font-weight-bold) !important;
}
.font-weight-normal {
  font-weight: var(--font-weight-normal) !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 22.5em) {
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}
@media (min-width: 480px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1080px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-caption,
.text-caption-bold,
.text-caption-italic,
h6 {
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-xs) !important;
}
.text-caption.material-icons,
.text-caption-bold.material-icons,
.text-caption-italic.material-icons,
h6.material-icons {
  font-size: clamp(9.616px, 0.75125rem / var(--android-rem-scale), 15.626px) !important;
}
.text-second,
.text-heading5,
h5 {
  font-size: var(--font-size-sm) !important;
}
.text-second.material-icons,
.text-heading5.material-icons,
h5.material-icons {
  font-size: clamp(11.64px, 0.909375rem / var(--android-rem-scale), 18.915px) !important;
}
.text-subheading,
.text-heading4,
h4 {
  font-size: var(--font-size-md) !important;
}
.text-subheading.material-icons,
.text-heading4.material-icons,
h4.material-icons {
  font-size: clamp(14.08px, 1.1rem / var(--android-rem-scale), 22.88px) !important;
}
.text-heading3,
h3 {
  font-size: var(--font-size-lg) !important;
}
.text-heading3.material-icons,
h3.material-icons {
  font-size: clamp(15.488px, 1.21rem / var(--android-rem-scale), 25.168px) !important;
}
.text-heading2,
h2 {
  font-size: var(--font-size-xl) !important;
  line-height: var(--line-height-xl) !important;
}
.text-heading2.material-icons,
h2.material-icons {
  font-size: clamp(17.04px, 1.33125rem / var(--android-rem-scale), 27.69px) !important;
}
.text-heading1,
h1 {
  font-size: var(--font-size-xxl) !important;
  line-height: var(--line-height-xl) !important;
}
.text-heading1.material-icons,
h1.material-icons {
  font-size: clamp(18.744px, 1.464375rem / var(--android-rem-scale), 30.459px) !important;
}
.text-second,
.text-subheading,
.text-heading3,
.text-heading4,
h3,
h4 {
  line-height: var(--line-height-base) !important;
}
.text-display {
  font-size: var(--font-size-display) !important;
  line-height: var(--line-height-xl) !important;
}
.text-display.material-icons {
  font-size: clamp(22.672px, 1.77125rem / var(--android-rem-scale), 36.842px) !important;
}
.text-compact,
.text-second .text-compact {
  line-height: calc(var(--line-height-unit) * 2.5) !important;
}
.text-bold,
.text-caption-bold,
.text-heading1,
h1 {
  font-weight: var(--font-weight-bold);
}
.text-semibold,
.text-display,
.text-heading2,
.text-heading3,
.text-heading4,
.text-heading5,
.text-heading6,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-semibold);
}
.text-heading1,
.text-heading2,
.text-heading3,
.text-heading4,
.text-heading5,
.text-heading6 {
  font-feature-settings: "lnum" !important;
}
.font-italic,
.text-italic,
.text-caption-italic {
  font-style: italic !important;
}
.text-base {
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-headlines);
  font-feature-settings: "lnum";
}
.text-max-width {
  max-width: 750px;
  word-wrap: break-word;
}
.text-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.text-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.text-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.confirmation-text {
  font-weight: var(--font-weight-bold);
  line-height: 1.25rem;
}
#ld-rem-scaler {
  font-size: var(--font-size-base);
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.align-middle {
  vertical-align: middle !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.cursor-default {
  cursor: default !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-pointer {
  cursor: pointer;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 22.5em) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 480px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1080px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-index-fixed);
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 22.5em) {
  .float-xs-left {
    float: left !important;
  }
  .float-xs-right {
    float: right !important;
  }
  .float-xs-none {
    float: none !important;
  }
}
@media (min-width: 480px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1080px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.full-height {
  height: 100% !important;
}
.full-width {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.line-height-1 {
  line-height: 1;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.object-fit-contain {
  object-fit: contain;
}
.object-fit-cover {
  object-fit: cover;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overlay-wrapper {
  position: relative;
  display: block;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.shadow {
  box-shadow: var(--box-shadow-md) !important;
}
.shadow-lg {
  box-shadow: var(--box-shadow-xl) !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.ql-editor {
  line-height: var(--line-height-base);
  padding: 0;
}
quill-editor .ql-toolbar {
  line-height: normal !important;
}
quill-editor .ql-editor {
  height: 200px;
  padding: 12px 15px;
}
quill-editor .ql-editor strong {
  font-weight: var(--font-weight-bold);
}
quill-editor .ql-tooltip {
  z-index: var(--z-index-tooltip);
}
form-lib-html-editor.secure-message-html-editor .ql-editor {
  resize: vertical;
}
ui-management-html-editor quill-editor .ql-container {
  min-height: 0;
}
ui-management-html-editor quill-editor .ql-container .ql-editor {
  height: 100%;
}
ui-management-html-editor quill-editor .ql-toolbar.ql-snow {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--ui-forms-inactive-border) !important;
}
ui-management-html-editor quill-editor .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: none !important;
}
body {
  background: var(--brand-background, #f5f5f7);
  min-height: 100vh;
}
.slideInUp,
.slideOutDown,
.slideInLeft,
.slideOutRight {
  animation: none !important;
  transform: none !important;
}
.modal-backdrop.show {
  opacity: 0.4 !important;
}
.modal.show .modal-dialog {
  transform: none !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */