/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/fonts/aura-fonts.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: Whitney-Light;
  src:
    url('A32A3E152E391B379.93e93feb86305436.woff2') format('woff2'),
    url('A32A3E152E391B379.d3e2071dd061ee36.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Whitney-LightItalic;
  src:
    url('560247561D61316B0.daa96bd53631e330.woff2') format('woff2'),
    url('560247561D61316B0.e7f49d186fad56b1.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Whitney-Book;
  src:
    url('CB8837CA379681FED.3a398bd096f15c07.woff2') format('woff2'),
    url('CB8837CA379681FED.2ba783d3e20f639b.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Whitney-BookItalic;
  src:
    url('C38C81DE2B6590D68.c63a32f0a012cff0.woff2') format('woff2'),
    url('C38C81DE2B6590D68.6651b78b1197d76f.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Whitney-Medium;
  src:
    url('AABA9C13AF9C5C638.371dcfc471ac3659.woff2') format('woff2'),
    url('AABA9C13AF9C5C638.a1b8c02344132821.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Whitney-MediumItalic;
  src:
    url('A5B691C26F8CABBC2.38e1fd9949a8a7ab.woff2') format('woff2'),
    url('A5B691C26F8CABBC2.55ed6abf4e8beb28.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Whitney-Semibold;
  src:
    url('3955045D2CF71A4B6.e083c085139259b7.woff2') format('woff2'),
    url('3955045D2CF71A4B6.7c3a00936f8f670b.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Whitney-SemiboldItalic;
  src:
    url('2AEF2F564D90434B1.54b54c3ec69554c4.woff2') format('woff2'),
    url('2AEF2F564D90434B1.b9cdb1e91426a043.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Whitney-Bold;
  src:
    url('5F3C862F467F43533.daadfb67cf46cbc1.woff2') format('woff2'),
    url('5F3C862F467F43533.768b1d09fb549463.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Whitney-Black;
  src:
    url('A4735881B447BC24E.1f9d825b627f4390.woff2') format('woff2'),
    url('A4735881B447BC24E.d5f9f51fa5e1673a.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/buttons.styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.mach-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-family: 'Whitney-Semibold';
  width: 100%;
  border: none;
}

/* Button Colors */

.mach-button--color-primary {
  color: var(--mds-text-inverse);
  background-color: var(--mds-button-primary);
  transition: all 0.3s ease-in-out;
}

.mach-button--color-primary:hover {
  background-color: var(--mds-button-primary-hover);
}

.mach-button--color-secondary {
  color: var(--mds-button-secondary);
  background-color: var(--mds-button-inverse);
  border: 2px solid var(--mds-button-inverse);
}

.mach-button--color-secondary:hover {
  background-color: var(--mds-button-secondary-hover);
  color: var(--mds-text-inverse);
}

.mach-button--color-white {
  color: var(--mds-button-secondary);
  background-color: var(--mds-button-inverse);
  border: 2px solid;
}
.mach-button--color-white:hover {
  border: 2px solid var(--mds-button-secondary-hover);
  background-color: var(--mds-button-secondary-hover);
  color: var(--mds-text-inverse);
}

.mach-button--color-transparent {
  color: var(--mds-button-inverse);
  background: transparent;
  border: 2px solid;
}

.mach-button--color-transparent:hover {
  background-color: var(--mds-button-secondary-hover);
  color: var(--mds-text-inverse);
  border: 2px solid var(--mds-button-secondary-hover);
}

.mach-button--color-link {
  font-family: 'Whitney';
  color: var(--mds-text-link);
  background-color: var(--mds-surface-02);
  border: 2px solid var(--mds-surface-02);
}

.mach-button--color-alert {
  color: var(--mds-button-primary-hover);
  background-color: var(--mds-surface-02);
  border: 2px solid var(--mds-button-primary-hover);
}

.mach-button--color-notice {
  color: var(--mds-stroke-alert);
  background-color: var(--mds-surface-02);
  border: 2px solid var(--mds-stroke-alert);
}

.mach-button--color-confirmation {
  color: var(--mds-text-confirmation);
  background-color: var(--mds-surface-02);
  border: 2px solid var(--mds-text-confirmation);
}

/* Button Size */

.mach-button--size-x-large {
  height: 80px;
  font-size: 18px;
  border-radius: 6px;
  padding: 0px 32px;
}

.mach-button--size-large {
  height: 64px;
  font-size: 18px;
  border-radius: 6px;
  padding: 0px 32px;
}

.mach-button--size-medium {
  height: 52px;
  border-radius: 6px;
  font-size: 16px;
  padding: 0px 32px;
}

.mach-button--size-small {
  height: 40px;
  font-size: 14px;
  border-radius: 4px;
  padding: 0px 12px;
}

.mach-button--size-x-small {
  height: 28px;
  font-size: 14px;
  border-radius: 4px;
  padding: 0px 12px;
}

.mach-button--size-icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 8px;
}

.mach-button--size-icon.mach-button:active {
  background-color: var(--mds-button-secondary-pressed);
}

.mach-button--size-fit-width {
  width: fit-content;
  height: none;
}

.mach-button--size-full-width {
  width: 100%;
  height: 48px;
}

/* Button Outline Color */

.mach-button--outline-primary {
  border-color: var(--mds-button-primary);
}

.mach-button--outline-secondary {
  border-color: var(--mds-button-secondary);
}

.mach-button--outline-white {
  border-color: var(--mds-surface-02);
}

.mach-button--outline-link {
  border-color: var(--mds-text-link);
}

.mach-button--outline-white {
  border-color: var(--mds-surface-02);
}

.mach-button--outline-alert {
  border-color: var(--mds-text-alert);
}

.mach-button--outline-notice {
  border-color: var(--mds-text-notice);
}

.mach-button--outline-confirmation {
  border-color: var(--mds-text-confirmation);
}

/* Button Outline */

.mach-button--outline-squared {
  border-radius: 0px;
}

.mach-button--outline-rounded {
  border-radius: 6px;
}

.mach-button--outline-full-rounded {
  border-radius: 50px;
}

.mach-button--outline-none {
  border: none;
}

/* Disabled Button */

.mach-button--disabled {
  color: var(--mds-text-disabled);
  background-color: var(--mds-surface-02);
  filter: grayscale(100%);
  pointer-events: none;
}

.mach-button--disabled:hover {
  color: var(--mds-text-disabled);
  background-color: var(--mds-surface-02);
}

.mach-button--color-primary.mach-button--disabled {
  color: var(--mds-text-disabled);
  background-color: var(--mds-button-primary-disabled);
}

.mach-button--color-secondary.mach-button--disabled {
  color: var(--mds-text-disabled);
  background-color: transparent;
  border: 2px solid var(--mds-button-secondary-disabled);
}

.mach-button--color-primary.mach-button:active {
  background-color: var(--mds-button-primary-pressed);
}

.mach-button--color-secondary.mach-button:active {
  color: var(--mds-button-inverse);
  background-color: var(--mds-button-secondary-pressed);
  border: 2px solid var(--mds-button-secondary-pressed);
}

.mach-button--color-white.mach-button:active {
  color: var(--mds-button-inverse);
  background-color: var(--mds-button-secondary-pressed);
  border: 2px solid var(--mds-button-secondary-pressed);
}

.mach-button--color-transparent.mach-button:active {
  color: var(--mds-button-inverse);
  background-color: var(--mds-button-secondary-pressed);
  border: 2px solid var(--mds-button-secondary-pressed);
}

.mach-button:focus-visible {
  outline: 1px solid var(--mds-button-focus);
  outline-offset: 8px;
}

.mach-button:focus-visible.mach-button--color-white {
  outline: 1px solid var(--mds-button-secondary-hover);
  outline-offset: 8px;
}

.mach-button:focus-visible.mach-button--color-transparent {
  outline: 1px solid var(--mds-button-secondary-hover);
  outline-offset: 8px;
}

.mach-button--color-primary.mach-button:focus-visible {
  background-color: var(--mds-button-primary-hover);
}

.mach-button--color-secondary.mach-button:focus-visible {
  background-color: var(--mds-button-secondary-hover);
  color: var(--mds-text-inverse);
}
.mach-button--color-white.mach-button:focus-visible {
  border: 2px solid var(--mds-button-secondary-hover);
  background-color: var(--mds-button-secondary-hover);
}

.mach-button--color-transparent.mach-button:focus-visible {
  background-color: var(--mds-button-secondary-hover);
  color: var(--mds-text-inverse);
  border: 2px solid var(--mds-button-secondary-hover);
}

.mach-button--color-none {
  background-color: transparent;
}

.mach-button--color-none:hover,
.mach-button--color-none:active {
  background-color: transparent;
}

.mach-button--color-none:focus,
.mach-button--color-none:focus-visible {
  background-color: transparent;
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/link.styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.mach-link-core {
  font-family: 'Whitney-semibold';
  cursor: pointer;
  color: var(--mds-text-link);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 3px;
}

.mach-link-core:hover {
  text-decoration: underline;
}

.mach-link-core:focus-visible {
  border: 2px solid var(--mds-stroke-03);
  padding: 8px;
  border-radius: 6px;
  outline: none;
}

.mach-link-core--color-inverse {
  color: var(--mds-text-inverse);
}

.mach-link-core--size-small {
  font-size: 14px;
}

.mach-link-core--size-medium {
  font-size: 16px;
}

.mach-link-core--size-large {
  font-size: 18px;
}

.mach-link-core--size-extra-large {
  font-size: 20px;
}

.mach-link-core--disabled {
  pointer-events: none;
  color: var(--mds-text-disabled);
}

.mach-link-core--disabled:focus {
  pointer-events: none;
}

.mach-link-core--disabled.mach-link-core--color-inverse {
  display: none;
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/base.styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/** Global Styles */
body {
  font-family:
    'Whitney-Book',
    Trebuchet MS,
    Arial;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}

.mach-badge {
  display: flex;
  width: fit-content;
  padding: 3px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-family: 'Whitney-semibold';
  /* Default values */
  border: 1px solid var(--mds-stroke-04);
  border-radius: 16px;
  background: #ffffff;
  color: var(--mds-text-heading);
  font-size: 14px;
  line-height: 18px;
}

.mach-badge {
  &:has(img) {
    padding: 3px 8px 3px 6px;
  }
}

/* Text */
.mach-badge-strike-out {
  text-decoration: line-through;
}

/* Border */
.mach-badge-outline-color-secondary {
  border: 1px solid var(--mds-stroke-03);
}

.mach-badge-outline-color-success {
  border: 1px solid var(--mds-stroke-confirmation);
}

.mach-badge-outline-color-warn {
  border: 1px solid var(--mds-stroke-notice);
}

.mach-badge-outline-color-info {
  border: 1px solid var(--mds-stroke-information);
}

.mach-badge-outline-color-danger {
  border: 1px solid var(--mds-stroke-alert);
}

.mach-badge-outline-color-none {
  border: none;
}

.aura-border-top {
  border-top-width: 3px;
  border-top-style: solid;
}

.aura-border-right {
  border-right-width: 3px;
  border-right-style: solid;
}

.aura-border-bottom {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.aura-border-left {
  border-left-width: 3px;
  border-left-style: solid;
}

/* Outline */
.mach-badge-outline-squared {
  border-radius: 0px;
  border: none;
}

.mach-badge-outline-none {
  border: none;
}

.mach-badge-outline-left-rounded {
  border-radius: 8px 0px 0px 0px;
}

.mach-badge-outline-right-rounded {
  border-radius: 0px 0px 8px 0px;
}

.mach-badge-outline-rounded {
  border-radius: 8px 0px 8px 0px;
}

/* Background */
.mach-badge-background-primary {
  background: var(--mds-fill-primary);
}

.mach-badge-background-secondary {
  background: var(--mds-fill-secondary);
}

.mach-badge-background-success {
  background: var(--mds-fill-confirmation);
}

.mach-badge-background-warn {
  background: var(--mds-fill-notice);
}

.mach-badge-background-info {
  background: var(--mds-fill-information);
}

.mach-badge-background-danger {
  background: var(--mds-fill-alert);
}

.mach-badge-background-light {
  background: var(--mds-fill-inverse);
}

.mach-badge-background-tertiary {
  background: var(--mds-fill-tertiary);
}

.aura-ribbon-color-primary {
  border-color: #0b1f66;
}

.aura-ribbon-color-secondary {
  border-color: #6c718a;
}

.aura-ribbon-color-success {
  border-color: #1c8617;
}

.aura-ribbon-color-warn {
  border-color: #bd591e;
}

.aura-ribbon-color-info {
  border-color: #4470c3;
}

.aura-ribbon-color-danger {
  border-color: #bf152f;
}

/* Color */
.mach-badge-label-color-secondary {
  color: var(--mds-text-secondary);
}

.mach-badge-label-color-success {
  color: var(--mds-text-confirmation);
}

.mach-badge-label-color-warn {
  color: var(--mds-text-notice);
}

.mach-badge-label-color-info {
  color: var(--mds-text-link);
}

.mach-badge-label-color-danger {
  color: var(--mds-text-alert);
}

.mach-badge-label-color-white {
  color: var(--mds-text-inverse);
}

/* Size */
.mach-badge-icon-size-small > img {
  width: 12px;
  height: 12px;
}

.mach-badge-icon-size-medium > img {
  width: 14px;
  height: 14px;
}

.mach-badge-icon-size-large > img {
  width: 24px;
  height: 24px;
}

.mach-badge-label-size-small {
  font-size: 12px;
  line-height: 16px;
}

.mach-badge-label-size-large {
  font-size: 18px;
  line-height: 24px;
}

/* Separator Directive */
.aura-separator {
  content: url('separator.a65da3b46e607b05.svg');
}

.aura-white-separator {
  content: url('separator-white.12da4c01ae40ba64.svg');
}

.aura-notification-overlay {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.aura-date-picker-panel {
  margin-top: 8px;
  box-shadow: var(--mds-shadow-03);
  background-color: #ffffff;
  border-radius: var(--mds-radius-md);
  border: 1px solid var(--mds-stroke-01);
}

.mach-stack {
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/input.styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.mach-input {
  display: flex;
  position: relative;
}

.mach-input input {
  width: 100%;
  height: 64px;
  padding: 16px 16px 0 16px;
  border-radius: var(--mds-radius-02);
  background: var(--mds-surface-02);
  border: var(--mds-stroke-line);
  color: var(--mds-text-body-copy);
  font-family: 'Whitney-Medium';
  font-weight: 350;
  font-size: 1.125rem;
  box-sizing: border-box;
}

.mach-input input::placeholder {
  color: var(--mds-text-subtle);
}

.mach-input input:focus {
  border: 2px solid var(--mds-stroke-04);
  outline: none;
}

.mach-input input:focus + .mach-input-label,
.mach-input input.has-value + .mach-input-label {
  transform: translateY(-135%);
  color: var(--mds-text-heading);
  font-size: 0.75rem;
  font-weight: 350;
  line-height: 1rem;
}
.mach-input-label {
  position: absolute;
  top: 50%;
  padding: 0 17px;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  pointer-events: none;
  color: var(--mds-text-subtle);
  font-family: 'Whitney-Medium';
  font-size: 1.125rem;
  font-weight: 350;
}

.mach-input-title {
  position: absolute;
  top: 50%;
  padding: 0 17px;
  transform: translateY(-135%);
  transition: all 0.2s ease;
  pointer-events: none;
  color: var(--mds-text-heading);
  font-family: 'Whitney-Medium';
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 350;
}

/* Error State */

.mach-input--error input {
  border: 2px solid var(--mds-stroke-alert);
  outline: none;
}

.mach-input--error input:focus {
  border: 2px solid var(--mds-stroke-alert);
  outline: none;
}

.mach-input--error input + .mach-input-label,
.mach-input--error input:focus + .mach-input-label,
.mach-input--error input:not(:placeholder-shown) + .mach-input-label {
  color: var(--mds-text-alert);
}

.mach-input-title--error {
  color: var(--mds-text-alert);
}

/* Disabled State */

.mach-input--disabled input {
  background-color: var(--mds-surface-03);
  border-color: transparent;
  outline: none;
  pointer-events: none;
}

.mach-input--disabled input::placeholder {
  color: var(--mds-text-disabled);
}

.mach-input-label--disabled,
.mach-input-title--disabled {
  color: var(--mds-text-disabled);
}

.mach-input--read-only input {
  background-color: var(--mds-surface-03);
  border-color: transparent;
  outline: none;
  pointer-events: none;
  color: var(--mds-text-body-copy);
}

.mach-input--read-only:not(:has(.mach-input-title)) input {
  padding: 16px;
}

.mach-input-label--read-only,
.mach-input-title--read-only {
  color: var(--mds-text-body-copy);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/radio.styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* generic mach radio */
.mach-radio {
  position: absolute;
  appearance: none;
  cursor: pointer;
  width: 1.8em;
  height: 1.8em;
  margin: 0;
  border-radius: 50%;
}

.mach-radio + .mach-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--mds-text-primary);
  gap: 12px;
}

.mach-radio + .mach-radio-label:before {
  content: '';
  border-radius: 50%;
  outline: 0.063rem solid var(--mds-fill-primary);
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.mach-radio:focus + .mach-radio-label:before {
  box-shadow: inset 0 0 0 1px var(--mds-fill-primary);
}

.mach-radio:checked + .mach-radio-label:before {
  box-shadow: inset 0 0 0 4px var(--mds-surface-02);
  background-color: var(--mds-fill-primary);
}

/* warn mach radio */
.mach-radio.mach-radio-warn:not(:checked) + .mach-radio-label:before {
  outline: 0.1rem solid var(--mds-fill-alert);
}

.mach-radio.mach-radio-warn:focus:not(:checked) + .mach-radio-label:before {
  box-shadow: inset 0 0 0 1px var(--mds-fill-alert);
}

.mach-radio.mach-radio-warn:checked + .mach-radio-label:before {
  background-color: var(--mds-fill-primary);
}

/* disabled mach radio*/
.mach-radio:disabled,
.mach-radio:disabled + .mach-radio-label {
  cursor: default;
  color: var(--mds-text-disabled);
}

.mach-radio:disabled + .mach-radio-label:before {
  background-color: var(--mds-surface-02);
  outline: 0.1rem solid var(--mds-fill-secondary);
}

.mach-radio:disabled:checked + .mach-radio-label:before {
  background-color: var(--mds-fill-secondary);
  box-shadow: inset 0 0 0 4px rgba(231, 234, 241, 1);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/overlay.styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Angular CDK Overlay Global Styles  */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition:
    visibility 1ms linear,
    opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* Overlay Panel Style */
.overlay-panel {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  overflow: auto;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/components/checkbox.styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/* generic mach checkbox */
.mach-checkbox {
  border: 1px solid var(--mds-stroke-03);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.mach-checkbox-label {
  font-family: Whitney;
  font-size: 16px;
  font-weight: 350;
  line-height: 20px;
  text-align: left;
  color: var(--mds-text-heading);
}
input[type='checkbox' i] {
  cursor: pointer;
  appearance: none;
}

/* input styling for checkmark checked */
input[type='checkbox']:checked {
  border: 1px solid var(--mds-stroke-04);
  background-color: var(--mds-fill-primary);
}

input[type='checkbox']:checked::before {
  content: url('checkmark-white.4a2aa9b2a039788e.svg');
  display: block;
  text-align: center;
  align-content: center;
  width: 24px;
  height: 24px;
}

/* disabled state styling */
.mach-checkbox-disabled {
  appearance: none;
  border: 1px solid var(--mds-stroke-03);
  background-color: var(--mds-fill-tertiary);
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

/* styling for disabled label */
.mach-checkbox-label-disabled {
  color: var(--mds-text-disabled);
}

/* error state styling */
.mach-checkbox-error {
  border: 2px solid var(--mds-stroke-alert);
}

/* input styling when checked and disabled simultaneously */
.mach-checkbox-check-disabled {
  background-color: var(--mds-fill-tertiary);
}

/* input styling when checked and disabled simultaneously */
input[type='checkbox'].mach-checkbox-check-disabled:checked {
  background-color: var(--mds-fill-tertiary);
  border: 1px solid var(--mds-stroke-03);
}

/* input styling when checked and disabled simultaneously with disabled checkmark */
input[type='checkbox'].mach-checkbox-check-disabled:checked::before {
  content: url('checkmark-disabled.220afdd31a1582b6.svg');
  display: block;
  text-align: center;
  align-content: center;
  width: 24px;
  height: 24px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/mach-package/themes/mach-1/delta/light.theme.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  /* Surface Colors */
  --mds-surface-01: #f2f3f5;
  --mds-surface-02: #ffffff;
  --mds-surface-03: #f2f3f5;
  --mds-surface-04: #dfe0e6;
  --mds-surface-05: var(--mds-surface-navigation);
  --mds-surface-navigation: #001122;
  --mds-surface-scrim: #000000b2;

  /* Text Colors */
  --mds-text-heading: #001e3c;
  --mds-text-primary: var(--mds-text-heading);
  --mds-text-body-copy: #3e414f;
  --mds-text-secondary: var(--mds-text-body-copy);
  --mds-text-subtle: #6c718a;
  --mds-text-tertiary: var(--mds-text-subtle);
  --mds-text-confirmation: #167b3d;
  --mds-text-notice: #ab5300;
  --mds-text-alert: #c01933;
  --mds-text-link: #0066cc;
  --mds-text-disabled: #80859c;
  --mds-text-inverse: #ffffff;
  --mds-text-reverse: #ffffff;
  --mds-black: #000000;

  /* Button Colors */
  --mds-button-focus: var(--mds-stroke-03);
  --mds-button-primary: #e01933;
  --mds-button-primary-hover: #ad1834;
  --mds-button-primary-pressed: #661024;
  --mds-button-primary-disabled: #caccd6;
  --mds-button-secondary: #001e3c;
  --mds-button-secondary-hover: #003366;
  --mds-button-secondary-pressed: #001e3c;
  --mds-button-secondary-disabled: #c0c2cd;
  --mds-button-inverse: #ffffff;
  --mds-info-icon-focus: #858d9f;

  /* Support Colors */
  --mds-support-surface-confirmation: #e7fbee;
  --mds-support-surface-notice: #ffe9d4;
  --mds-support-surface-alert: #fce3e5;
  --mds-support-surface-information: #d4e7fa;

  /* Fill Colors */
  --mds-fill-primary: #001e3c;
  --mds-fill-secondary: #6c718a;
  --mds-fill-tertiary: #d5d6de;
  --mds-fill-highlight-01: #003366;
  --mds-fill-highlight-02: #0057ad;
  --mds-fill-highlight-03: #d4e7fa;
  --mds-fill-confirmation: #167b3d;
  --mds-fill-notice: #cc6400;
  --mds-fill-alert: #c01933;
  --mds-fill-information: #0066cc;
  --mds-fill-inverse: #ffffff;

  /* Icon Colors */
  --mds-icon-primary: #001e3c;
  --mds-icon-secondary: #6c718a;
  --mds-icon-confirmation: #167b3d;
  --mds-icon-notice: #ab5300;
  --mds-icon-alert: #c01933;
  --mds-icon-link: #0066cc;
  --mds-icon-disabled: #80859c;
  --mds-icon-inverse: #ffffff;
  --mds-icon-reverse: #ffffff;

  /* Stroke Colors */
  --mds-stroke-01: #dfe0e6;
  --mds-stroke-02: #aaadbd;
  --mds-stroke-03: #80859c;
  --mds-stroke-04: #001e3c;
  --mds-stroke-confirmation: #167b3d;
  --mds-stroke-notice: #ab5300;
  --mds-stroke-alert: #c01933;
  --mds-stroke-information: #0066cc;
  --mds-stroke-inverse: #ffffff;

  /* Brand Colors */
  --mds-brand-blue: #003366;
  --mds-brand-red: #c01933;
  --mds-brand-light-red: #e01933;
  --mds-brand-dark-red: #991933;

  /* Seat Map Colors */
  --mds-seat-map-aircraft-01: #dfe0e6;
  --mds-seat-map-aircraft-02: #c0c2cd;
  --mds-seat-map-aircraft-03: #d5d6de;
  --mds-seat-map-aircraft-04: #caccd6;
  --mds-seat-map-aircraft-05: #f2f3f5;
  --mds-seat-map-selected-seat: #167b3d;

  /* Loyalty Surface Colors */
  --mds-loyalty-surface-member-primary: #3e56aa;
  --mds-loyalty-surface-member-secondary: #2a3a73;
  --mds-loyalty-surface-silver-primary: #55616c;
  --mds-loyalty-surface-silver-secondary: #3a434a;
  --mds-loyalty-surface-gold-primary: #8f6c32;
  --mds-loyalty-surface-gold-secondary: #6c4f26;
  --mds-loyalty-surface-platinum-primary: #635682;
  --mds-loyalty-surface-platinum-secondary: #483e5d;
  --mds-loyalty-surface-diamond-primary: #4c738e;
  --mds-loyalty-surface-diamond-secondary: #385468;
  --mds-loyalty-surface-delta-360-primary: #38393b;
  --mds-loyalty-surface-delta-360-secondary: #101011;

  /* Loyalty Gradient Colors */
  --mds-loyalty-gradients-dm-member: linear-gradient(63deg, #2a3a73 22.21%, #5970c2 78.01%);
  --mds-loyalty-gradients-dm-silver: linear-gradient(64deg, #454f58 22.11%, #5e6b77 78.02%);
  --mds-loyalty-gradients-dm-gold: linear-gradient(66deg, #6c4f26 22.1%, #ac8545 78.13%);
  --mds-loyalty-gradients-dm-platinum: linear-gradient(65deg, #483e5d 22.15%, #726394 78.01%);
  --mds-loyalty-gradients-dm-diamond: linear-gradient(63deg, #385468 22.15%, #648eac 78.02%);
  --mds-loyalty-gradients-dm-delta-360: linear-gradient(63deg, #101011 22.13%, #47494c 78.05%);

  /* Gallery Carousel Gradient Colors */
  --mds-gallery-carousel-gradients-black:
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.29) 71%, rgba(0, 0, 0, 0.6) 97%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 33%, rgba(217, 217, 217, 0) 100%);

  --mds-gallery-carousel-gradients-scim:
    linear-gradient(0deg, rgba(0, 0, 0, 0.39) 16%, rgba(0, 0, 0, 0) 50%), rgba(0, 0, 0, 0.37);

  /* Loyalty Text Colors */
  --mds-loyalty-text-member-text: #4660bc;
  --mds-loyalty-text-silver-text: #5e6b77;
  --mds-loyalty-text-gold-text: #ac8545;
  --mds-loyalty-text-platinum-text: #726394;
  --mds-loyalty-text-diamond-text: #648eac;
  --mds-loyalty-text-delta-360-text: #575a5d;

  /* Product Surface Colors */
  --mds-product-basic-primary: #5e75b1;
  --mds-product-basic-secondary: #374872;
  --mds-product-main-primary: #4e67d5;
  --mds-product-main-secondary: #1f3285;
  --mds-product-comfort-primary: #0879cf;
  --mds-product-comfort-secondary: #054c81;
  --mds-product-premium-first-primary: #d9105b;
  --mds-product-premium-first-secondary: #880a39;
  --mds-product-delta-one-primary: #ac17bf;
  --mds-product-delta-one-secondary: #410948;
  --mds-product-skypriority-primary: #eb0000;
  --mds-product-skypriority-secondary: #a30000;

  /* Product Gradient Colors */
  --mds-product-gradients-dm-basic: linear-gradient(134deg, #324067 14.06%, #5e75b1 100%);
  --mds-product-gradients-dm-main: linear-gradient(313deg, #4e67d5 0%, #1f3285 85.94%);
  --mds-product-gradients-dm-comfort: linear-gradient(135deg, #054c81 13.97%, #0879cf 100%);
  --mds-product-gradients-dm-premium-first: linear-gradient(135deg, #880a39 13.91%, #d9105b 100%);
  --mds-product-gradients-dm-delta-one: linear-gradient(135deg, #4b0a54 13.92%, #ac17bf 100%);
  --mds-product-gradients-dm-skypriority: linear-gradient(134deg, #950000 13.89%, #eb0000 100%);

  /* Product Text Colors */
  --mds-product-text-basic-text: #425689;
  --mds-product-text-main-text: #4e67d5;
  --mds-product-text-comfort-text: #0762a8;
  --mds-product-text-premium-first-text: #d9105b;
  --mds-product-text-delta-one-text: #ac17bf;
  --mds-product-text-skypriority-text: #d90000;

  /* Shadows */
  --mds-shadow-01: 0rem 0.0625rem 0.0625rem 0rem rgba(0, 45, 89, 0.12);
  --mds-shadow-02:
    0rem 0.3315rem 0.193375rem 0rem rgba(0, 45, 89, 0.02), 0rem 0.138125rem 0.138125rem 0rem rgba(0, 45, 89, 0.04),
    0rem 0.027625rem 0.082875rem 0rem rgba(0, 45, 89, 0.06);
  --mds-shadow-03:
    0rem 2.375rem 1.4375rem 0rem rgba(0, 45, 89, 0.02), 0rem 1.0625rem 1.0625rem 0rem rgba(0, 45, 89, 0.03),
    0rem 0.25rem 0.5625rem 0rem rgba(0, 45, 89, 0.05);
  --mds-shadow-04:
    0rem -2.375rem 1.4375rem 0rem rgba(0, 45, 89, 0.02), 0rem -1.0625rem 1.0625rem 0rem rgba(0, 45, 89, 0.03),
    0rem -0.25rem 0.5625rem 0rem rgba(0, 45, 89, 0.05);

  --mds-shadow-small-card: 0rem 0.125rem 0.25rem 0rem rgba(7, 11, 36, 0.15);
  --mds-shadow-large-card: 0rem 0.125rem 0.125rem 0rem rgba(7, 11, 36, 0.1);
  --mds-shadow-bottom-sheet: 0rem -0.25rem 1rem 0rem rgba(7, 11, 36, 0.15);
  --mds-shadow-modal: 0rem 1.5rem 1.5rem 0rem rgba(7, 11, 36, 0.2);
  --mds-shadow-tooltip: 0rem 0.0625rem 0.5rem 0rem rgba(7, 11, 36, 0.15);
  --mds-shadow-dropdown-menu: 0rem 0.125rem 0.25rem 0rem rgba(7, 11, 36, 0.2);
  --mds-shadow-side-sheet: 0rem 0.25rem 1.5rem 0rem rgba(7, 11, 36, 0.2);

  /* Strokes */
  --mds-stroke-line: 0.0625rem solid var(--mds-stroke-03);
  --mds-stroke-border: 0.125rem solid var(--mds-stroke-03);
  --mds-stroke-indicator: 0.1875rem solid var(--mds-stroke-03);
  --mds-stroke-card-accent: 0.1875rem solid var(--mds-stroke-03);
  --mds-stroke-button: 0.125rem solid var(--mds-stroke-03);
  --mds-stroke-badge: 0.125rem solid var(--mds-stroke-03);

  /* Radius */
  --mds-radius-xs: 0.125rem; /* 2px */
  --mds-radius-sm: var(--mds-radius-01); /* 4px */
  --mds-radius-md: var(--mds-radius-03); /* 8px */
  --mds-radius-lg: 0.75rem; /* 12px */
  --mds-radius-xl: 1rem; /* 16px */
  --mds-radius-xxl: 2rem; /* 32px */
  --mds-radius-01: 0.25rem;
  --mds-radius-02: 0.375rem;
  --mds-radius-03: 0.5rem;

  /* Component Radius */
  --mds-radius-card: var(--mds-radius-sm);
  --mds-radius-button: var(--mds-radius-sm);
  --mds-radius-checkbox: var(--mds-radius-03);
  --mds-radius-picker: var(--mds-radius-md);
  --mds-radius-sheet: var(--mds-radius-lg) var(--mds-radius-lg) var(--mds-radius-none) var(--mds-radius-none);

  /* Opacity */
  --mds-opacity-image-overlay: 0.2;
  --mds-opacity-scrim: 0.7;
  --mds-opacity-badge: 0.5;
  --mds-opacity-pop-up: var(--mds-opacity-blur-overlay);
  --mds-opacity-blur-overlay: 0.4;

  /* Textarea Height */
  --mds-textarea-height: 85px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #F8F8F8;
}

/*# sourceMappingURL=styles.d6141b17001421f5.css.map*/