/* src/styles/main.scss */
@layer settings, tools, generics, elements, objects, components, utilities;
@layer settings {
  :root {
    --button-border-radius: var(--fsn-button-border-radius);
    --button-primary-background-color: var(--fsn-button-primary-background-color);
    --button-primary-text-color: var(--fsn-button-primary-text-color);
    --button-primary-background-color-hover: var(--fsn-button-primary-background-color-hover);
    --button-primary-background-color-active: var(--fsn-button-primary-background-color-active);
    --button-secondary-color: var(--fsn-button-secondary-color);
    --button-secondary-color-hover: var(--fsn-button-secondary-color-hover);
    --button-secondary-color-active: var(--fsn-button-secondary-color-active);
    --button-text-color: var(--fsn-button-text-color);
    --button-text-color-hover: var(--fsn-button-text-color-hover);
    --button-text-color-active: var(--fsn-button-text-color-active);
  }
  :root {
    --color-brand-primary: var(--fsn-color-brand-primary);
    --color-brand-primary-dark: var(--fsn-color-brand-primary-dark);
    --color-brand-primary-light: var(--fsn-color-brand-primary-light);
    --color-brand-secondary: var(--fsn-color-brand-secondary);
    --color-brand-secondary-dark: var(--fsn-color-brand-secondary-dark);
    --color-brand-secondary-light: var(--fsn-color-brand-secondary-light);
    --color-neutral-low-pure: var(--fsn-color-neutral-low-pure);
    --color-neutral-low-dark: var(--fsn-color-neutral-low-dark);
    --color-neutral-low-medium: var(--fsn-color-neutral-low-medium);
    --color-neutral-low-light: var(--fsn-color-neutral-low-light);
    --color-neutral-high-pure: var(--fsn-color-neutral-high-pure);
    --color-neutral-high-light: var(--fsn-color-neutral-high-light);
    --color-neutral-high-medium: var(--fsn-color-neutral-high-medium);
    --color-neutral-high-dark: var(--fsn-color-neutral-high-dark);
    --color-success: var(--fsn-color-success);
    --color-error: var(--fsn-color-error);
    --color-warning: var(--fsn-color-warning);
    --color-text: var(--fsn-color-neutral-low-dark);
  }
  :root {
    --grid-sm-max-width: 36rem;
    --grid-md-max-width: 48rem;
    --grid-lg-max-width: 62rem;
    --grid-xl-max-width: 75rem;
    --grid-xs-gutter: 1rem;
    --grid-sm-gutter: 1.5rem;
    --grid-md-gutter: 1.5rem;
    --grid-lg-gutter: 1.5rem;
    --grid-xl-gutter: 2rem;
    --grid-xs-margin: 2rem;
    --grid-sm-margin: 3rem;
    --grid-md-margin: 3rem;
    --grid-lg-margin: 3rem;
    --grid-xl-margin: 4rem;
    --grid-col-count: 12;
  }
  :root {
    --header-height: 4rem;
    --header-border: 1px solid var(--color-neutral-high-dark);
  }
  :root {
    --spacing-quarck: var(--fsn-spacing-quarck);
    --spacing-nano: var(--fsn-spacing-nano);
    --spacing-xxxs: var(--fsn-spacing-xxxs);
    --spacing-xxs: var(--fsn-spacing-xxs);
    --spacing-xs: var(--fsn-spacing-xs);
    --spacing-sm: var(--fsn-spacing-sm);
    --spacing-md: var(--fsn-spacing-md);
    --spacing-lg: var(--fsn-spacing-lg);
    --spacing-xl: var(--fsn-spacing-xl);
    --spacing-xxl: var(--fsn-spacing-xxl);
    --spacing-xxxl: var(--fsn-spacing-xxxl);
    --spacing-huge: var(--fsn-spacing-huge);
    --spacing-giant: var(--fsn-spacing-giant);
  }
  :root {
    --font-family: var(--fsn-font-family);
    --font-family-light: var(--fsn-font-family-light);
    --font-family-regular: var(--fsn-font-family-regular);
    --font-family-bold: var(--fsn-font-family-bold);
    --font-size-root: 100%;
    --font-size-xxl: 2.5rem;
    --font-size-xl: 2rem;
    --font-size-lg: 1.75rem;
    --font-size-md: 1.5rem;
    --font-size-sm: 1.25rem;
    --font-size-primary-content: 1rem;
    --font-size-secondary-content: 0.875rem;
    --font-size-tertiary-content: 0.75rem;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --line-height-xxl: 3rem;
    --line-height-xl: 2.5rem;
    --line-height-lg: 2.25rem;
    --line-height-md: 2rem;
    --line-height-sm: 1.5rem;
    --line-height-primary-content: 1.5rem;
    --line-height-secondary-content: 1.5rem;
    --line-height-tertiary-content: 1rem;
  }
  :root {
    --z-index-above: 500;
    --z-index-modal: 400;
    --z-index-overlay: 300;
    --z-index-dropdown: 200;
    --z-index-default: 1;
    --z-index-below: -1;
  }
}
@layer tools {
  @keyframes skeleton-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
}
@layer generics {
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    margin: 0;
    display: block;
  }
  h1 {
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    appearance: auto;
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button {
    background-color: transparent;
    border: none;
  }
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0;
  }
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-decoration {
    appearance: none;
  }
  ::-webkit-file-upload-button {
    appearance: auto;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  html {
    box-sizing: border-box;
  }
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  img,
  iframe,
  object,
  embed,
  video {
    max-width: 100%;
  }
  img[width][height],
  iframe[width][height],
  object[width][height],
  embed[width][height],
  video[width][height] {
    height: auto;
  }
  img[src$=".svg"] {
    height: auto;
    max-width: none;
    width: 100%;
  }
  :root {
    --outline-size: max(2px, 0.08em);
    --outline-style: solid;
    --outline-color: var(--color-brand-primary);
    accent-color: var(--color-brand-primary);
  }
  :focus {
    outline: var(--outline-size) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset, var(--outline-size));
  }
  :focus-visible {
    outline: var(--outline-size) var(--outline-style) var(--outline-color);
    outline-offset: var(--outline-offset, var(--outline-size));
  }
  :focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    body *,
    body *::before,
    body *::after {
      animation-delay: -1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      background-attachment: initial !important;
      scroll-behavior: auto !important;
      transition-delay: -1ms !important;
      transition-duration: 1ms !important;
    }
  }
}
@layer elements {
  body {
    font-family: var(--font-family);
    font-size: var(--font-size-primary-content);
    line-height: var(--line-height-primary-content);
    font-weight: var(--font-weight-regular);
    color: var(--fsn-color-neutral-low-medium);
    letter-spacing: 0%;
  }
  p,
  li,
  h1,
  h2,
  h3,
  h4 {
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
    overflow-wrap: break-word;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-light);
    color: var(--color-neutral-low-pure);
    margin-bottom: var(--spacing-nano);
  }
  h4,
  h5,
  h6 {
    font-weight: var(--font-weight-regular);
  }
  h1 {
    font-size: var(--font-size-xxl);
    line-height: var(--line-height-xxl);
  }
  h2 {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-xl);
  }
  h3 {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
  }
  h4 {
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
  }
  h5 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
  }
  ::marker {
    color: var(--color-secondary);
  }
  html {
    caret-color: var(--fsn-color-neutral-low-light);
    font-size: var(--font-size-root);
  }
  label {
    cursor: pointer;
  }
  ::placeholder {
    color: var(--fsn-color-neutral-low-light);
  }
  ::-webkit-calendar-picker-indicator {
    color: var(--fsn-color-brand-primary);
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    color: var(--fsn-color-brand-primary);
  }
  sup,
  sub {
    font-size: var(--font-size-tertiary-content);
    line-height: var(--line-height-tertiary-content);
  }
  a {
    color: var(--color-neutral-low-pure);
    font-family: var(--font-family-regular);
    text-decoration: none;
    cursor: pointer;
  }
  a:hover {
    color: var(--color-brand-secondary-dark);
  }
  a:active {
    color: var(--color-brand-secondary-light);
  }
  a {
    color: var(--color-neutral-low-pure);
    font-family: var(--font-family-regular);
    text-decoration: underline;
    text-underline-offset: 0.5rem;
    text-decoration-color: var(--color-neutral-low-pure);
  }
  a:hover {
    text-decoration-color: var(--color-brand-secondary-dark);
  }
  a:active {
    text-decoration-color: var(--color-brand-secondary-light);
  }
}
@layer objects {
  @keyframes skeleton-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-col-count), 1fr);
    column-gap: var(--grid-xl-gutter);
  }
  @media screen and (max-width: 75rem) {
    .grid {
      column-gap: var(--grid-xl-gutter);
    }
  }
  @media screen and (max-width: 62rem) {
    .grid {
      column-gap: var(--grid-lg-gutter);
    }
  }
  @media screen and (max-width: 48rem) {
    .grid {
      column-gap: var(--grid-md-gutter);
    }
  }
  @media screen and (max-width: 36rem) {
    .grid {
      column-gap: var(--grid-sm-gutter);
    }
  }
  .icon__edit {
    position: initial;
  }
  .icon__edit--md {
    background: url(/assets/icons/edit.svg) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    display: inline-block;
  }
  .icon__file-delete {
    position: initial;
  }
  .icon__file-delete--sm {
    background: url(/assets/icons/file-delete.svg) no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
    display: inline-block;
  }
  .link.disabled {
    color: var(--fsn-color-neutral-low-light);
    text-decoration-color: var(--fsn-color-neutral-low-light);
  }
  .link.selected {
    color: var(--fsn-color-neutral-low-pure);
    text-decoration-color: var(--fsn-color-neutral-low-pure);
    font-family: var(--fsn-font-family-bold);
    font-weight: 700;
    text-decoration-thickness: 0.1rem;
  }
}
@layer components {
  .alert__container {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
  }
  .alert__container fsn-alert {
    position: relative;
  }
  .box-info {
    display: flex;
    width: 100%;
    padding: var(--fsn-spacing-xxxs, 1rem);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: var(--fsn-spacing-nano, 0.5rem);
    background: var(--neutral-color-100, #f4f4f4);
  }
  .box-info .box-info__row {
    display: flex;
    padding: 0 var(--fsn-spacing-nano, 0.5rem);
    align-items: center;
    gap: var(--fsn-spacing-nano, 0.5rem);
  }
  .box-info .box-info__row .box-info__value {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
  }
  .button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-regular);
    font-size: var(--content-size-primary);
    line-height: normal;
    text-align: center;
    gap: var(--fsn-spacing-nano);
    width: auto;
    max-width: 100%;
    padding: 0 var(--fsn-spacing-xxxs);
    border-radius: var(--fsn-border-radius-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .button .icon {
    margin-right: var(--spacing-nano);
    font-size: var(--font-size-lg);
  }
  .button span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .button .spinner {
    display: inline-block;
    position: absolute;
    aspect-ratio: 1;
    width: var(--font-size-xl);
    height: var(--font-size-xl);
    border: 2px solid;
    border-radius: 50%;
    border-bottom-color: transparent;
    box-sizing: border-box;
    animation: spinning 1s linear infinite;
  }
  @keyframes spinning {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .button.error.primary {
    color: var(--neutral-color-000);
    background-color: var(--error-color);
  }
  .button.error.primary:hover {
    color: var(--neutral-color-000);
    background-color: var(--error-color);
    filter: brightness(95%);
  }
  .button.error.primary > .icon {
    margin-right: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(303deg) brightness(110%) contrast(102%);
  }
  .button.error.secondary {
    color: var(--error-color);
    border-style: solid;
    border-width: var(--fsn-border-size-default);
    border-color: var(--error-color);
  }
  .button.error.secondary:hover {
    color: var(--error-color);
    border-width: var(--fsn-border-size-default);
    border-color: var(--error-color);
    filter: brightness(85%);
  }
  .button.error.secondary > .icon {
    margin-right: 0;
    filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(4087%) hue-rotate(344deg) brightness(68%) contrast(95%);
  }
  .button.primary {
    border: none;
    background-color: var(--button-primary-background-color);
    color: var(--button-primary-text-color);
  }
  .button.primary:hover {
    background-color: var(--button-primary-background-color-hover);
  }
  .button.primary:active {
    background-color: var(--button-primary-background-color-active);
  }
  .button.primary:disabled {
    background-color: var(--color-neutral-low-light);
  }
  .button.secondary {
    border-width: var(--border-size-default);
    border-style: solid;
    border-color: var(--button-secondary-color);
    background-color: transparent;
    color: var(--button-secondary-color);
  }
  .button.secondary:hover {
    border-color: var(--button-secondary-color-hover);
    color: var(--button-secondary-color-hover);
  }
  .button.secondary:active {
    border-color: var(--button-secondary-color-active);
    color: var(--button-secondary-color-active);
  }
  .button.secondary:disabled {
    border-color: var(--color-neutral-low-light);
    color: var(--color-neutral-low-light);
  }
  .button.secondary.inverse {
    border-width: var(--border-size-default);
    border-style: solid;
    border-color: var(--color-neutral-high-pure);
    background-color: transparent;
    color: var(--color-neutral-high-pure);
  }
  .button.secondary.inverse:hover {
    opacity: var(--alpha-semi-opaque);
  }
  .button.secondary.inverse:active {
    opacity: 1;
  }
  .button.secondary.inverse:disabled {
    opacity: var(--alpha-intense);
  }
  .button.text {
    border: none;
    background-color: transparent;
    color: var(--button-text-color);
  }
  .button.text:hover {
    color: var(--button-text-color-hover);
  }
  .button.text:active {
    color: var(button-text-color-active);
  }
  .button.text:disabled {
    color: var(--color-neutral-low-light);
  }
  .button.text.inverse {
    color: var(--color-neutral-high-pure);
  }
  .button.text.inverse:hover {
    opacity: var(--alpha-semi-opaque);
  }
  .button.text.inverse:active {
    opacity: 1;
  }
  .button.text.inverse:disabled {
    opacity: var(--alpha-intense);
  }
  .button.large {
    height: var(--spacing-md);
  }
  .button.large .spinner {
    width: var(--font-size-xl);
    height: var(--font-size-xl);
  }
  .button.small {
    height: var(--spacing-xs);
    font-size: var(--content-size-secondary);
  }
  .button.small .spinner {
    width: var(--font-size-md);
    height: var(--font-size-md);
  }
  .button.loading .label,
  .button.loading .icon {
    visibility: hidden;
  }
  .button:disabled {
    cursor: default;
  }
  .button.right {
    flex-direction: row-reverse;
  }
  .button.right .icon {
    margin-right: 0;
    margin-left: var(--spacing-nano);
  }
  @keyframes skeleton-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  .fsn-table__body__cell__content {
    min-width: max-content !important;
  }
  .fsn-table th,
  .fsn-table .item {
    min-width: max-content !important;
  }
  @media screen and (max-width: 62rem) {
    .fsn-table__body__cell__content {
      min-width: 5.5rem !important;
    }
    .fsn-table th,
    .fsn-table .item {
      min-width: 5.5rem !important;
    }
  }
  @media (width <= 120rem) {
    wings-disagreement-results-table .fsn-table .results-table__cell--part-code.item {
      min-width: 5.125rem !important;
      width: auto !important;
    }
    wings-disagreement-results-table .fsn-table .results-table__cell--reason.item {
      min-width: 6.25rem !important;
      width: auto !important;
      max-width: 12.5rem !important;
    }
  }
  wings-disagreement-results-table .fsn-table th:nth-child(1),
  wings-disagreement-results-table .fsn-table .results-table__cell--checkbox.item {
    min-width: 3.25rem !important;
    width: 3.25rem !important;
    max-width: 3.25rem !important;
    padding-inline: var(--spacing-nano, 0.5rem) !important;
  }
  wings-disagreement-results-table .fsn-table th:nth-child(1) fsn-checkbox,
  wings-disagreement-results-table .results-table__cell--checkbox fsn-checkbox {
    margin: 0 !important;
  }
  wings-disagreement-results-table .results-table__cell--checkbox .fsn-table__body__cell__content {
    min-width: 0 !important;
  }
  wings-disagreement-results-table .fsn-table .results-table__cell--claim-code.item {
    min-width: 6.25rem !important;
    width: 6.25rem !important;
  }
  wings-disagreement-results-table .fsn-table .results-table__cell--part-received-date.item {
    max-width: 6.875rem !important;
    width: auto !important;
    min-width: 6.25rem !important;
  }
  wings-disagreement-results-table .fsn-table .results-table__cell--invoice-reference.item {
    min-width: 5rem !important;
    width: 5rem !important;
  }
  wings-disagreement-results-table .results-table__cell--claim-code .fsn-table__body__cell__content,
  wings-disagreement-results-table .results-table__cell--part-code .fsn-table__body__cell__content,
  wings-disagreement-results-table .results-table__cell--reason .fsn-table__body__cell__content,
  wings-disagreement-results-table .results-table__cell--invoice-reference .fsn-table__body__cell__content,
  wings-disagreement-results-table .results-table__cell--claim-step .fsn-table__body__cell__content,
  wings-disagreement-results-table .results-table__cell--status .fsn-table__body__cell__content {
    min-width: 0 !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  wings-disagreement-results-table .fsn-table .fsn-table-item__actions.item {
    min-width: 15.75rem !important;
    width: auto !important;
    max-width: 17rem !important;
  }
  wings-disagreement-results-table .fsn-table .fsn-table-item__actions.item {
    margin: 0 !important;
    padding: 0 !important;
  }
  wings-disagreement-results-table .fsn-table .fsn-table-item__actions.item .fsn-table__body__cell__content {
    justify-content: space-between;
  }
  wings-disagreement-results-table .results-table__cell--align-end .fsn-table__body__cell__content {
    justify-content: flex-end;
  }
  .list__header {
    margin-bottom: var(--fsn-spacing-md) !important;
  }
  .list__description {
    color: var(--neutral-color-500);
  }
  .list__empty-state {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
  .list__pagination {
    display: block;
    width: max-content !important;
    margin: 1rem auto 2rem !important;
  }
  .status-tag {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-quarck, 0.25rem);
    min-height: 1.5rem;
    max-width: 100%;
    padding: var(--spacing-quarck, 0.25rem) var(--spacing-nano, 0.5rem) !important;
    border-radius: 1rem;
    font-family: var(--fsn-font-family, "Ford F-1");
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    white-space: nowrap;
    background: var(--status-tag-background, var(--color-neutral-high-light, #e5e5e5));
    color: var(--status-tag-color, var(--color-neutral-low-pure, #000));
  }
  .status-tag__text {
    min-width: 0;
    line-height: inherit;
  }
  .status-tag--pending-ford,
  .status-tag--processing,
  .status-tag--pending-billing {
    --status-tag-background: var(--fsn-color-background-brand, #046cea);
    --status-tag-color: var(--fsn-color-text-on-color, #fff);
  }
  .status-tag--under-review,
  .status-tag--in-transit {
    --status-tag-background: #7853f3;
    --status-tag-color: var(--fsn-color-text-on-color, #fff);
  }
  .status-tag--pending-count,
  .status-tag--under-audit,
  .status-tag--checking-dealer-balance,
  .status-tag--awaiting-dealer {
    --status-tag-background: var(--fsn-color-background-warning, #b16201);
    --status-tag-color: var(--fsn-color-text-on-color, #fff);
  }
  .status-tag--concluded {
    --status-tag-background: var(--fsn-color-background-success, #008200);
    --status-tag-color: var(--fsn-color-text-on-color, #fff);
  }
  .status-tag--rejected {
    --status-tag-background: var(--fsn-color-background-subtlest, #f4f4f4);
    --status-tag-color: var(--fsn-color-text-primary, #000);
  }
}
@layer utilities {
  .u-scroll-locked {
    overflow: hidden;
    padding-right: var(--scrollbar-compensation, 0);
  }
}

/* node_modules/@ford-fusion/webcomponents/dist/webcomponents/webcomponents.css */
@font-face {
  font-family: "Fusion Symbols";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src:
    local("Fusion Symbols"),
    local("FusionSymbols-Outlined"),
    url("./media/FusionSymbols-Outlined.woff2") format("woff2");
}
.fusion-symbols {
  font-family: "Fusion Symbols", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-user-select: none;
  user-select: none;
}
:root {
  --skyview-color-50:#ebf4fe;
  --skyview-color-100:#7fb9ff;
  --skyview-color-200:#046cea;
  --skyview-color-300:#044ea7;
  --ford-blue-color-100:#999dbd;
  --ford-blue-color-200:#333a7c;
  --ford-blue-color-300:#00095b;
  --ford-blue-color-400:#00142e;
  --neutral-color-000:#ffffff;
  --neutral-color-100:#f4f4f4;
  --neutral-color-200:#e5e5e5;
  --neutral-color-300:#c7c7c7;
  --neutral-color-400:#989898;
  --neutral-color-500:#666666;
  --neutral-color-600:#333333;
  --neutral-color-700:#000000;
  --success-color:#008200;
  --error-color:#bf152c;
  --warning-color:#b16201;
  --info-color:#046cea;
}
:root {
  --fsn-color-avatar-enabled:var(--neutral-color-500);
  --fsn-color-avatar-disabled:var(--neutral-color-200);
  --fsn-color-avatar-hover:var(--neutral-color-600);
  --fsn-color-avatar-pressed:var(--neutral-color-400);
  --fsn-color-avatar-selected-border:var(--neutral-color-100);
}
:root {
  --fsn-color-background-default:var(--neutral-color-000);
  --fsn-color-background-overlay:var(--neutral-color-200);
  --fsn-color-background-subtlest:var(--neutral-color-100);
  --fsn-color-background-disabled:var(--neutral-color-200);
  --fsn-color-background-brand:var(--skyview-color-200);
  --fsn-color-background-success:var(--success-color);
  --fsn-color-background-error:var(--error-color);
  --fsn-color-background-warning:var(--warning-color);
  --fsn-color-background-hover-secondary:var(--neutral-color-100);
}
:root {
  --fsn-color-border-default:var(--neutral-color-700);
  --fsn-color-border-hover:var(--ford-blue-color-300);
  --fsn-color-border-subtle:var(--neutral-color-300);
  --fsn-color-border-focus:var(--skyview-color-200);
  --fsn-color-border-pressed:var(--ford-blue-color-100);
  --fsn-color-border-on-color:var(--neutral-color-000);
  --fsn-color-border-disabled:var(--neutral-color-400);
  --fsn-color-border-success:var(--success-color);
  --fsn-color-border-error:var(--error-color);
  --fsn-color-border-warning:var(--warning-color);
  --fsn-color-border-info:var(--info-color);
}
:root {
  --fsn-color-button-primary:var(--skyview-color-200);
  --fsn-color-button-primary-hover:var(--skyview-color-300);
  --fsn-color-button-primary-pressed:var(--skyview-color-100);
  --fsn-color-button-primary-disabled:var(--neutral-color-400);
  --fsn-color-button-secondary:var(--skyview-color-200);
  --fsn-color-button-secondary-hover:var(--skyview-color-300);
  --fsn-color-button-secondary-pressed:var(--skyview-color-100);
  --fsn-color-button-secondary-disabled:var(--neutral-color-400);
  --fsn-color-button-secondary-disabled:var(--neutral-color-400);
  --fsn-color-button-tertiary:var(--skyview-color-200);
  --fsn-color-button-tertiary-hover:var(--skyview-color-300);
  --fsn-color-button-tertiary-pressed:var(--skyview-color-100);
  --fsn-color-button-tertiary-disabled:var(--neutral-color-400);
  --fsn-color-button-on-color:var(--neutral-color-000);
  --fsn-color-button-on-color-hover:rgba(255, 255, 255, 0.64);
  --fsn-color-button-on-color-pressed:rgba(255, 255, 255, 0.72);
  --fsn-color-button-primary-disabled:var(--neutral-color-400);
  --fsn-color-button-on-color-tertiary-hover:rgba(255, 255, 255, 0.16);
  --fsn-color-button-on-color-tertiary-pressed:rgba(255, 255, 255, 0.32);
  --fsn-color-text-brand:var(--skyview-color-200);
  --fsn-color-icon-brand:var(--skyview-color-200);
  --fsn-color-text-on-color:var(--neutral-color-000);
  --fsn-color-icon-on-color:var(--neutral-color-000);
  --fsn-color-border-focus:var(--skyview-color-200);
  --fsn-color-primary:var(--skyview-color-200);
  --fsn-color-neutral-700:var(--neutral-color-700);
  --fsn-color-text-disabled:var(--neutral-color-400);
  --fsn-color-text-on-primary:var(--neutral-color-000);
  --fsn-color-skeleton:var(--neutral-color-200);
}
:root {
  --fsn-color-icon-brand:var(--skyview-color-200);
  --fsn-color-icon-primary:var(--neutral-color-700);
  --fsn-color-icon-disabled:var(--neutral-color-400);
  --fsn-color-icon-on-color:var(--neutral-color-000);
  --fsn-color-icon-enabled:var(--neutral-color-200);
  --fsn-color-icon-success:var(--success-color);
  --fsn-color-icon-error:var(--error-color);
  --fsn-color-icon-warning:var(--warning-color);
  --fsn-color-icon-info:var(--info-color);
}
:root {
  --fsn-color-alert-info:var(--skyview-color-300);
  --fsn-color-list-items-hover:var(--neutral-color-100);
  --fsn-color-select-selected:var(--neutral-color-200);
  --fsn-color-background-tooltip:var(--neutral-color-600);
  --fsn-color-background-scrollbar:var(--neutral-color-400);
  --fsn-color-background-scrollbar-hover:var(--neutral-color-600);
  --fsn-color-background-range-calendar:var(--skyview-color-100);
  --fsn-color-logo-brand:var(--ford-blue-color-300);
  --fsn-color-logo-secondary:var(--ford-blue-color-400);
  --fsn-color-filter-selected:var(--skyview-color-50);
  --fsn-color-filter-pressed:var(--neutral-color-100);
  --fsn-color-filter-hover:var(--neutral-color-200);
  --fsn-color-background-slot:var(--skyview-color-100);
  --fsn-border-number-atoms:var(--neutral-color-300);
  --fsn-background-number-atoms:var(--neutral-color-100);
  --fsn-segmented-control-border:var(--neutral-color-500);
}
:root {
  --fsn-color-text-brand:var(--skyview-color-200);
  --fsn-color-text-primary:var(--neutral-color-700);
  --fsn-color-text-selected:var(--neutral-color-700);
  --fsn-color-text-secondary:var(--neutral-color-500);
  --fsn-color-text-placeholder-enabled:var(--neutral-color-400);
  --fsn-color-text-placeholder-disabled:var(--neutral-color-300);
  --fsn-color-text-on-color:var(--neutral-color-000);
  --fsn-color-text-hover:var(--ford-blue-color-300);
  --fsn-color-text-pressed:var(--ford-blue-color-100);
  --fsn-color-text-disabled:var(--neutral-color-400);
  --fsn-color-text-success:var(--success-color);
  --fsn-color-text-error:var(--error-color);
  --fsn-color-text-warning:var(--warning-color);
}
:root {
  --fsn-alpha-semi-opaque:0.72;
  --fsn-alpha-intense:0.64;
  --fsn-alpha-medium:0.32;
  --fsn-alpha-light:0.16;
  --fsn-alpha-semi-transparent:0.08;
}
:root {
  --fsn-border-radius-sm:4px;
  --fsn-border-radius-md:8px;
  --fsn-border-radius-lg:16px;
  --fsn-border-size-default:1px;
}
:root {
  --fsn-grid-sm-max-width:576px;
  --fsn-grid-md-max-width:768px;
  --fsn-grid-lg-max-width:992px;
  --fsn-grid-xl-max-width:1200px;
  --fsn-grid-xs-gutter:16px;
  --fsn-grid-sm-gutter:24px;
  --fsn-grid-md-gutter:24px;
  --fsn-grid-lg-gutter:24px;
  --fsn-grid-xl-gutter:32px;
  --fsn-grid-xs-margin:32px;
  --fsn-grid-sm-margin:48px;
  --fsn-grid-md-margin:48px;
  --fsn-grid-lg-margin:48px;
  --fsn-grid-xl-margin:64px;
  --fsn-grid-col-count:12;
}
:root {
  --fsn-spacing-quarck:0.25rem;
  --fsn-spacing-nano:0.5rem;
  --fsn-spacing-xxxs:1rem;
  --fsn-spacing-xxs:1.5rem;
  --fsn-spacing-xs:2rem;
  --fsn-spacing-sm:2.5rem;
  --fsn-spacing-md:3rem;
  --fsn-spacing-lg:3.5rem;
  --fsn-spacing-xl:4rem;
  --fsn-spacing-xxl:5rem;
  --fsn-spacing-xxxl:7.5rem;
  --fsn-spacing-huge:10rem;
  --fsn-spacing-giant:12.5rem;
}
fsn-icon:not(:defined) {
  visibility: hidden;
}
:root {
  --fsn-font-family:"Ford F-1";
  --fsn-font-family-light:300;
  --fsn-font-family-regular:400;
  --fsn-font-family-bold:700;
}
.fsn-primary-content {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-regular);
  font-family: var(--fsn-font-family);
}
.fsn-primary-content--bold {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-bold);
  font-family: var(--fsn-font-family);
}
.fsn-secondary-content {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-regular);
  font-family: var(--fsn-font-family);
}
.fsn-secondary-content--bold {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-bold);
  font-family: var(--fsn-font-family);
}
.fsn-tertiary-content {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-regular);
  font-family: var(--fsn-font-family);
}
.fsn-tertiary-content--bold {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-bold);
  font-family: var(--fsn-font-family);
}
.fsn-font-size-xxl {
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: 0%;
  font-family: var(--fsn-font-family);
}
.fsn-font-size-xl {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0%;
  font-family: var(--fsn-font-family);
}
.fsn-font-size-lg {
  font-size: 1.75rem;
  line-height: 2.25;
  letter-spacing: 0%;
  font-family: var(--fsn-font-family);
}
.fsn-font-size-md {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  font-family: var(--fsn-font-family);
}
.fsn-font-size-sm {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-family: var(--fsn-font-family);
}
h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-light);
  font-family: var(--fsn-font-family);
}
h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-light);
  font-family: var(--fsn-font-family);
}
h3 {
  font-size: 1.75rem;
  line-height: 2.25;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-light);
  font-family: var(--fsn-font-family);
}
h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-regular);
  font-family: var(--fsn-font-family);
}
h5 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  font-weight: var(--fsn-font-family-regular);
  font-family: var(--fsn-font-family);
}
:root {
  --skeleton-color:var(--neutral-color-200);
  --skeleton-highlight-color:var(--neutral-color-300);
}
.skeleton {
  color: transparent;
  border-color: transparent;
  animation: shine 1s linear infinite alternate;
}
.skeleton * {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}
@keyframes shine {
  0% {
    background-color: #C7C7C7;
  }
  100% {
    background-color: #E5E5E5;
  }
}
@font-face {
  font-family: "Ford F-1";
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url("./media/FordF-1-Light.otf") format("opentype");
}
@font-face {
  font-family: "Ford F-1";
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url("./media/FordF-1-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Ford F-1";
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url("./media/FordF-1-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Ford F-1";
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url("./media/FordF-1-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Ford F-1";
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url("./media/FordF-1-Bold.otf") format("opentype");
}

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