/* ../ui/dist/style.css */
@layer base {
  :root {
    --root-padding: 16px;
  }
  @media (min-width: 992px) {
    :root {
      --root-padding: 40px;
    }
  }
  *,
  :before,
  :after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: var(--color-ui-gray-lightest);
    flex-direction: column;
    min-height: 100vh;
    display: flex;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    max-width: 100%;
    display: block;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  a {
    color: var(--color-text-main);
    text-decoration: none;
  }
  :root {
    --space-xxxs: 8px;
    --space-xxs: 16px;
    --space-xs: 24px;
    --space-s: 32px;
    --space-m: 48px;
    --space-l: 64px;
    --space-xl: 80px;
    --space-xxl: 104px;
  }
  @media (min-width: 0) and (max-width: 991px) {
    :root {
      --space-xxxs: 8px;
      --space-xxs: 16px;
      --space-xs: 24px;
      --space-s: 32px;
      --space-m: 48px;
      --space-l: 64px;
      --space-xl: 80px;
      --space-xxl: 104px;
    }
  }
  @media (min-width: 992px) {
    :root {
      --space-xxxs: 8px;
      --space-xxs: 16px;
      --space-xs: 24px;
      --space-s: 32px;
      --space-m: 48px;
      --space-l: 64px;
      --space-xl: 80px;
      --space-xxl: 104px;
    }
  }
  :root {
    --color-brand-primary: #e3000b;
    --color-brand-secondary: #2a4153;
    --color-brand-tertiary: #1f2e3a;
    --color-text-main: #000;
    --color-text-muted: #b8b8b7;
    --color-text-white: #fff;
    --color-ui-gray-lightest: #f1f1f1;
    --color-ui-gray-light: #e7e7e7;
    --color-ui-gray-medium: #b8b8b7;
    --color-ui-gray-dark: #909090;
    --color-ui-white: #fff;
    --color-ui-interaction-hover: #b7141c;
    --color-state-inactive: #e7e7e7;
    --color-state-danger: #ff1744;
    --color-state-danger-light: #ffb9c7;
    --color-state-info: #6ca4ff;
    --color-state-info-light: #d3e4ff;
    --color-state-success: #4ede0b;
    --color-state-success-light: #caf5b6;
    --font-family: "FuturaSNX", sans-serif;
    --font-weight-heading: 700;
    --font-weight-extrabold: 800;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-light: 300;
    --font-size-body-l: 32px;
    --line-height-body-l: 40px;
    --font-size-body-m: 24px;
    --line-height-body-m: 32px;
    --font-size-body-s: 22px;
    --line-height-body-s: 24px;
    --font-size-body-xs: 18px;
    --line-height-body-xs: 24px;
    --font-size-hero: 40px;
    --line-height-hero: 48px;
    --font-size-h1: 40px;
    --line-height-h1: 40px;
    --font-size-h2: 32px;
    --line-height-h2: 40px;
    --font-size-h3: 24px;
    --line-height-h3: 32px;
    --font-size-h4: 24px;
    --line-height-h4: 32px;
    --font-size-h5: 20px;
    --line-height-h5: 24px;
    --font-size-h6: 16px;
    --line-height-h6: 20px;
    --font-size-label: 18px;
    --line-height-label: 16px;
  }
  @media (min-width: 992px) {
    :root {
      --font-size-body-l: 32px;
      --line-height-body-l: 40px;
      --font-size-body-m: 24px;
      --line-height-body-m: 32px;
      --font-size-body-s: 22px;
      --line-height-body-s: 24px;
      --font-size-body-xs: 18px;
      --line-height-body-xs: 24px;
      --font-size-hero: 64px;
      --line-height-hero: 72px;
      --font-size-h1: 48px;
      --line-height-h1: 48px;
      --font-size-h2: 40px;
      --line-height-h2: 48px;
      --font-size-h3: 32px;
      --line-height-h3: 40px;
      --font-size-h4: 24px;
      --line-height-h4: 32px;
      --font-size-h5: 20px;
      --line-height-h5: 24px;
      --font-size-h6: 16px;
      --line-height-h6: 24px;
    }
  }
  html,
  body {
    color: var(--color-text-main);
    font-family: var(--font-family);
    font-size: var(--font-size-body-m);
    line-height: var(--line-height-body-m);
    font-weight: var(--font-weight-light);
  }
  p a,
  td a,
  th a {
    color: var(--color-brand-primary);
  }
  :focus-visible {
    outline: 2px solid var(--color-text-main);
  }
  :root {
    --font-size-input: var(--font-size-body-s);
    --height-input: 36px;
    --space-input: calc(var(--space-xxxs) * 1.5);
    --height-input-tiny: var(--space-xs);
  }
}
@layer components {
  .sxa-loading-spinner {
    transform-origin: center;
    animation: 1s linear infinite rotate;
  }
  .sxa-loading-spinner g path {
    fill: currentColor;
  }
  @keyframes rotate {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .sxa-notification {
    gap: var(--space-xxs);
    padding: var(--space-xxs);
    display: flex;
  }
  .sxa-notification .sxa-icon {
    width: var(--space-s);
    height: var(--space-s);
  }
  .sxa-notification .sxa-notification__body {
    gap: var(--space-xxs);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    display: flex;
  }
  .sxa-notification .sxa-notification__title {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-weight: var(--font-weight-bold);
  }
  .sxa-notification--info {
    background: var(--color-state-info-light);
  }
  .sxa-notification--info .sxa-icon {
    fill: var(--color-state-info);
  }
  .sxa-notification--success {
    background: var(--color-state-success-light);
  }
  .sxa-notification--success .sxa-icon {
    fill: var(--color-state-success);
  }
  .sxa-notification--danger {
    background: var(--color-state-danger-light);
  }
  .sxa-notification--danger .sxa-icon {
    fill: var(--color-state-danger);
  }
  .sxa-notification--tiny {
    padding: var(--space-xxs);
  }
  .sxa-notification--tiny .sxa-notification__title {
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    font-weight: var(--font-weight-medium);
  }
  .sxa-notification--tiny .sxa-notification__close {
    align-items: center;
    display: flex;
  }
  .sxa-notification--tiny .sxa-icon {
    width: 20px;
    height: 20px;
  }
  .sxa-tooltip {
    display: block;
    position: relative;
  }
  .sxa-tooltip__tip {
    padding: var(--space-xxs);
    justify-content: center;
    align-items: center;
    gap: var(--space-xxxs);
    background: var(--color-brand-secondary);
    font-size: var(--font-size-body-xs);
    font-weight: var(--font-weight-light);
    line-height: var(--line-height-body-xs);
    color: var(--color-text-white);
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    border-radius: 4px;
    width: 145px;
    transition: opacity 0s 50ms;
    display: inline-flex;
    position: absolute;
    box-shadow: 2px 2px 2px #00000040;
  }
  .sxa-tooltip__tip--open {
    opacity: 1;
    pointer-events: all;
  }
  .sxa-radio-input {
    width: fit-content;
  }
  .sxa-radio-input .sxa-radio-input__label {
    cursor: pointer;
    align-items: center;
    gap: var(--space-xxxs);
    display: flex;
  }
  .sxa-radio-input__input {
    opacity: 0;
    z-index: -1;
    margin: 0;
    position: absolute;
  }
  .sxa-radio-input__custom-radio {
    width: var(--space-xxs);
    height: var(--space-xxs);
    border: 1px solid var(--color-ui-gray-medium);
    background: var(--color-ui-white);
    border-radius: 10px;
    align-items: center;
    padding: 4px;
    display: flex;
    position: relative;
  }
  .sxa-radio-input__custom-radio:after {
    content: "";
    width: var(--space-xxxs);
    height: var(--space-xxxs);
    background: var(--color-text-main);
    opacity: 0;
    border-radius: 50%;
    transition: opacity .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .sxa-radio-input__input:checked + .sxa-radio-input__custom-radio:after {
    opacity: 1;
  }
  .sxa-radio-input__custom-radio:hover {
    border-color: var(--color-ui-gray-dark);
  }
  .sxa-radio-input__input:focus-visible + .sxa-radio-input__custom-radio {
    outline: 2px solid var(--color-brand-tertiary);
  }
  .sxa-form-control--error .sxa-radio-input__custom-radio {
    border-color: var(--color-state-danger);
  }
  .sxa-form-control--error .sxa-radio-input__custom-radio:after {
    background-color: var(--color-state-danger);
  }
  .sxa-radio-input__label:has(:disabled) {
    pointer-events: none;
    color: var(--color-ui-gray-light);
  }
  .sxa-prose p:not(:last-child),
  .sxa-prose h1,
  .sxa-prose h2,
  .sxa-prose h3,
  .sxa-prose h4,
  .sxa-prose h5,
  .sxa-prose h6 {
    margin-bottom: var(--space-xxs);
  }
  .sxa-avatar {
    width: var(--space-s);
    height: var(--space-s);
    border: 2px solid var(--color-ui-gray-medium);
    background: var(--color-brand-tertiary);
    color: var(--color-text-white);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }
  .sxa-avatar img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }
  .sxa-avatar__initials {
    font-size: var(--font-size-body-xs);
    font-weight: var(--font-weight-bold);
  }
  .sxa-avatar:hover {
    border-color: var(--color-ui-gray-dark);
  }
  .sxa-avatar--active {
    border-color: var(--color-brand-primary);
  }
  .sxa-badge {
    justify-content: center;
    align-items: center;
    gap: var(--space-xxxs);
    color: var(--color-ui-white);
    height: var(--space-xs);
    padding: 4px var(--space-xxxs);
    font-family: var(--font-family);
    font-size: var(--font-size-body-xs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--font-height-body-xs);
    text-transform: uppercase;
    width: fit-content;
    display: flex;
  }
  .sxa-badge--case-sensitive {
    text-transform: none;
  }
  .sxa-badge--error {
    background-color: var(--color-state-danger);
  }
  .sxa-badge--success {
    background-color: var(--color-state-success);
  }
  .sxa-badge--info {
    background-color: var(--color-state-info);
  }
  .sxa-badge--disabled {
    color: var(--color-text-main);
    background-color: var(--color-state-inactive);
  }
  .sxa-badge__close {
    color: var(--color-ui-gray-dark);
    height: var(--space-xxs);
    width: var(--space-xxs);
    cursor: pointer;
  }
  .sxa-button-icon {
    width: var(--height-input);
    box-sizing: border-box;
    height: var(--height-input);
    padding: 0 var(--space-xxxs);
    justify-content: center;
    align-items: center;
    gap: var(--space-xxxs);
    border: none;
    border-radius: 0;
    grid-template-rows: auto;
    grid-template-columns: auto;
    display: grid;
  }
  .sxa-button-icon:active {
    box-shadow: none;
  }
  .sxa-button-icon__icon {
    grid-area: 1 / 1;
  }
  .sxa-button-icon__loading-spinner {
    grid-area: 1 / 1;
    display: none;
  }
  .sxa-button-icon--loading .sxa-button-icon__icon {
    visibility: hidden;
  }
  .sxa-button-icon--loading .sxa-button-icon__loading-spinner {
    display: block;
  }
  .sxa-button-icon--variant-primary {
    background: var(--color-brand-primary);
    color: var(--color-ui-white);
    box-shadow: 2px 2px 0px 0px var(--color-ui-gray-medium);
  }
  .sxa-button-icon--variant-primary .sxa-button-icon__icon {
    fill: var(--color-ui-white);
  }
  .sxa-button-icon--variant-primary:hover {
    background: var(--color-ui-interaction-hover);
  }
  .sxa-button-icon--variant-primary:active {
    border: 2px solid var(--color-ui-interaction-hover);
    background-color: var(--color-brand-primary);
    padding: 0 calc(var(--space-input) - 2px);
  }
  .sxa-button-icon--variant-ghost {
    padding: calc(var(--space-xxxs) - 1px);
    background-color: #0000;
    border: 1px solid #0000;
  }
  .sxa-button-icon--variant-ghost .sxa-button-icon__icon {
    fill: var(--color-brand-primary);
  }
  .sxa-button-icon--variant-ghost:hover {
    border: 1px solid var(--color-ui-gray-light);
  }
  .sxa-button-icon--variant-ghost:hover .sxa-button-icon__icon {
    fill: var(--color-ui-interaction-hover);
  }
  .sxa-button-icon--variant-ghost:active {
    border-color: var(--color-ui-gray-medium);
  }
  .sxa-button-icon--tiny {
    height: var(--height-input-tiny);
    width: var(--height-input-tiny);
    padding: 0;
  }
  .sxa-button-icon--tiny .sxa-button-icon__icon,
  .sxa-button-icon--tiny .sxa-button-icon__loading-spinner {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
  }
  .sxa-button-icon--variant-ghost:focus-visible {
    background: var(--color-ui-white);
  }
  .sxa-button-icon--variant-primary[disabled] {
    background: var(--color-ui-gray-light);
    border-color: var(--color-ui-gray-light);
    box-shadow: 2px 2px 0px 0px var(--color-ui-gray-medium);
    color: var(--color-ui-gray-dark);
  }
  .sxa-button-icon--variant-primary[disabled] .sxa-button-icon__icon {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-button-icon--variant-ghost[disabled] {
    box-shadow: none;
    background: none;
    border: none;
  }
  .sxa-button-icon--variant-ghost[disabled] .sxa-button-icon__icon {
    fill: var(--color-ui-gray-medium);
  }
  .sxa-checkbox {
    width: fit-content;
  }
  .sxa-checkbox .sxa-checkbox__container {
    gap: var(--space-xxxs);
    pointer-events: all;
    display: flex;
  }
  .sxa-checkbox .sxa-checkbox__input-container {
    padding-top: 5px;
  }
  .sxa-checkbox .sxa-checkbox__input {
    -webkit-appearance: none;
    appearance: none;
    min-width: var(--space-xxs);
    min-height: var(--space-xxs);
    width: var(--space-xxs);
    background-color: var(--color-ui-white);
    border: 1px solid var(--color-ui-gray-medium);
    cursor: pointer;
    place-content: center;
    margin: 0;
    display: grid;
  }
  .sxa-checkbox .sxa-checkbox__input:checked:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M4.66667 6.11766L10.4445 0L11.3333 0.941177L4.66667 8L0.666672 3.76473L1.55556 2.82356L4.66667 6.11766Z" fill="currentColor"/></svg>');
    height: calc(var(--space-xxs) - 2px);
    position: relative;
    top: -14px;
  }
  .sxa-checkbox .sxa-checkbox__input:indeterminate:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33333 7.33333V8.66667H12.6667V7.33333H3.33333Z" fill="black"/></svg>');
    height: calc(var(--space-xxs) - 2px);
    position: relative;
    top: -10px;
  }
  .sxa-checkbox .sxa-checkbox__input:hover {
    border-color: var(--color-ui-gray-dark);
  }
  .sxa-checkbox .sxa-checkbox__label {
    font-family: var(--font-family);
    font-size: var(--font-size-body-s);
    font-style: normal;
    font-weight: 300;
    line-height: var(--font-line-body-height-s, 24px);
  }
  .sxa-checkbox--disabled {
    color: var(--color-ui-gray-light);
  }
  .sxa-checkbox--disabled .sxa-checkbox__input {
    border: 1px solid var(--color-ui-gray-light);
    cursor: not-allowed;
  }
  .sxa-checkbox--disabled .sxa-checkbox__input:hover {
    border: 1px solid var(--color-ui-gray-light);
  }
  .sxa-checkbox--state-error .sxa-checkbox__input,
  .sxa-checkbox--state-error .sxa-checkbox__input:hover {
    border: 1px solid var(--color-state-danger);
  }
  .sxa-checkbox--state-error .sxa-checkbox__input:checked:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M4.66667 6.11766L10.4445 0L11.3333 0.941177L4.66667 8L0.666667 3.76473L1.55556 2.82356L4.66667 6.11766Z" fill="%23FF1744"/></svg>');
    height: var(--space-xxs);
    position: relative;
    top: -13px;
  }
  .sxa-button-link {
    cursor: pointer;
    align-items: center;
    gap: var(--space-xxxs);
    color: var(--color-text-main);
    background: none;
    border: none;
    border-radius: 0;
    grid-template-rows: auto;
    grid-template-columns: auto;
    width: fit-content;
    padding: 0;
    display: grid;
  }
  .sxa-button-link .sxa-button-link__icon {
    fill: var(--color-brand-primary);
    grid-row: 1;
  }
  .sxa-button-link__label {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    font-size: var(--font-size-body-xs);
    white-space: nowrap;
    grid-area: 1 / 1;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label),
  .sxa-button-link:has(.sxa-button-link__label + .sxa-button-link__icon) {
    grid-template-columns: auto auto;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) {
    grid-template-columns: auto auto auto;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label) .sxa-button-link__icon {
    grid-column: 1;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label) .sxa-button-link__label,
  .sxa-button-link:has(.sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon {
    grid-column: 2;
  }
  .sxa-button-link:has(.sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__label,
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon:not(:last-child) {
    grid-column: 1;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__label {
    grid-column: 2;
  }
  .sxa-button-link:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon:last-child {
    grid-column: 3;
  }
  .sxa-button-link__loading-spinner {
    grid-area: 1 / 1;
    justify-content: center;
    display: none;
  }
  .sxa-button-link--loading:not(:has(.sxa-button-link__icon)) .sxa-button-link__label {
    visibility: hidden;
  }
  .sxa-button-link--loading:not(:has(.sxa-button-link__icon)) .sxa-button-link__loading-spinner {
    grid-column: 1;
    display: flex;
  }
  .sxa-button-link--loading:has(.sxa-button-link__icon + .sxa-button-link__label) .sxa-button-link__icon {
    visibility: hidden;
  }
  .sxa-button-link--loading:has(.sxa-button-link__icon + .sxa-button-link__label) .sxa-button-link__loading-spinner {
    grid-column: 1;
    display: flex;
  }
  .sxa-button-link--loading:has(.sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon {
    visibility: hidden;
  }
  .sxa-button-link--loading:has(.sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__loading-spinner {
    grid-column: 2;
    display: flex;
  }
  .sxa-button-link--loading:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon:not(:last-child) {
    visibility: hidden;
  }
  .sxa-button-link--loading:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__loading-spinner {
    grid-column: 1;
    display: flex;
  }
  .sxa-button-link--loading:has(.sxa-button-link__icon + .sxa-button-link__label + .sxa-button-link__icon) .sxa-button-link__icon:last-child {
    visibility: visible;
  }
  .sxa-button-link:hover,
  .sxa-button-link:active {
    color: var(--color-brand-primary);
  }
  .sxa-button-link[disabled] {
    color: var(--color-ui-gray-dark);
    cursor: not-allowed;
  }
  .sxa-button-link[disabled] .sxa-button-link__icon {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-button-link:focus-visible {
    outline: 4px solid #000;
  }
  .sxa-combobox__container {
    border: 1px solid var(--color-ui-gray-medium);
    height: var(--height-input);
    background: var(--color-ui-white);
    position: relative;
  }
  .sxa-combobox--disabled,
  .sxa-combobox:has(:disabled) {
    pointer-events: none;
    color: var(--color-ui-gray-dark);
  }
  .sxa-combobox:has(:disabled) .sxa-combobox__chevron-icon,
  .sxa-combobox--disabled .sxa-combobox__chevron-icon {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-combobox:has(:disabled) .sxa-combobox__clear,
  .sxa-combobox--disabled .sxa-combobox__clear {
    display: none;
  }
  .sxa-combobox:has(:disabled) .sxa-combobox__container,
  .sxa-combobox--disabled .sxa-combobox__container {
    background: var(--color-ui-gray-light);
  }
  .sxa-combobox__container:has(:disabled) .sxa-combobox__selected-option,
  .sxa-combobox--disabled .sxa-combobox__selected-option {
    border: 1px solid var(--color-ui-gray-dark);
  }
  .sxa-combobox--open .sxa-combobox__container {
    outline: 1px solid var(--color-ui-gray-dark);
    border-color: var(--color-ui-white);
  }
  .sxa-combobox__input {
    display: none;
  }
  .sxa-combobox__inner {
    height: calc(var(--height-input) - 2px);
    padding: 0 var(--space-xxxs);
    align-items: center;
    gap: var(--space-xxxs);
    display: flex;
    position: relative;
  }
  .sxa-combobox__selected-options {
    align-items: center;
    gap: var(--space-xxxs);
    padding: var(--space-input) 0;
    flex: 1;
    height: 100%;
    display: flex;
  }
  .sxa-combobox__selected-option {
    background: var(--color-ui-gray-light);
    align-items: center;
    gap: calc(var(--space-xxxs) * .5);
    padding: calc(var(--space-xxxs) * .5) calc(var(--space-xxxs) * .5) calc(var(--space-xxxs) * .5) var(--space-xxxs);
    height: fit-content;
    display: flex;
  }
  .sxa-combobox__selected-option:hover {
    background: var(--color-ui-gray-lightest);
  }
  .sxa-combobox__selected-option:hover .sxa-combobox__selected-option-clear-icon {
    fill: var(--color-ui-black);
  }
  .sxa-combobox__selected-option:active {
    background: var(--color-ui-gray-light);
    color: var(--color-brand-primary);
  }
  .sxa-combobox__selected-option:active .sxa-combobox__selected-option-clear-icon {
    fill: var(--color-brand-primary);
  }
  .sxa-combobox__selected-option-label {
    font-size: var(--font-size-body-xs);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    line-height: 1;
  }
  .sxa-combobox__selected-option-clear {
    cursor: pointer;
    background: none;
    border: none;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    margin: 0;
    padding: 0;
  }
  .sxa-combobox__selected-option-clear-icon {
    fill: var(--color-ui-gray-dark);
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
  }
  .sxa-combobox__selected-single-option {
    font-size: var(--font-size-body-s);
    font-weight: var(--font-weight-light);
    padding-left: var(--space-xxxs);
  }
  .sxa-combobox__selected-option--disabled {
    pointer-events: none;
    border: 1px solid var(--color-ui-gray-dark);
  }
  .sxa-combobox__selected-option--disabled .sxa-combobox__selected-option-label {
    color: var(--color-ui-gray-dark);
  }
  .sxa-combobox__filter {
    font-size: var(--font-size-input);
    color: var(--color-text-main);
    font-weight: var(--font-weight-light);
    padding: 0;
    padding-left: var(--space-xxxs);
    background: none;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .sxa-combobox:not(.sxa-combobox--outside).sxa-combobox--selected-options .sxa-combobox__filter {
    padding-left: 0;
  }
  .sxa-combobox--single.sxa-combobox--open .sxa-combobox__filter {
    padding-left: var(--space-xxxs);
  }
  .sxa-combobox__clear {
    cursor: pointer;
    background: none;
    border: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    padding: 0;
  }
  .sxa-combobox__clear-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }
  .sxa-combobox__chevron {
    cursor: pointer;
    background: none;
    border: none;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    padding: 0;
  }
  .sxa-combobox__chevron-icon {
    transform-origin: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }
  .sxa-combobox--open .sxa-combobox__chevron-icon {
    transform: rotate(180deg);
  }
  .sxa-combobox__selectable-options {
    left: -2px;
    right: -2px;
    top: calc(var(--height-input) + 1px);
    z-index: 2;
    scrollbar-width: thin;
    border-top: 1px solid var(--color-ui-gray-medium);
    border-bottom: 1px solid var(--color-ui-gray-medium);
    max-height: 30vh;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    overflow-y: scroll;
  }
  .sxa-combobox__selectable-option {
    padding: var(--space-xxxs) var(--space-xxs);
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    background: var(--color-ui-white);
    border: 1px solid var(--color-ui-gray-medium);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .sxa-combobox__selectable-option:first-child {
    border-top: none;
  }
  .sxa-combobox__selectable-option:last-child {
    border-bottom: none;
  }
  .sxa-combobox__selectable-option-label {
    white-space: nowrap;
  }
  .sxa-combobox__selectable-option + .sxa-combobox__selectable-option {
    margin-top: -1px;
  }
  .sxa-combobox__selectable-option:hover,
  .sxa-combobox__selectable-option--active {
    background: var(--color-ui-gray-lightest);
    color: var(--color-brand-primary);
  }
  .sxa-combobox__selectable-option--selected {
    color: var(--color-brand-primary);
  }
  .sxa-combobox__selectable-option:active {
    background: var(--color-ui-white);
  }
  .sxa-combobox__selectable-option--disabled,
  .sxa-combobox__selectable-option--disabled:hover,
  .sxa-combobox__selectable-option--disabled:active {
    background: var(--color-ui-gray-light);
    color: var(--color-ui-gray-dark);
    pointer-events: none;
  }
  .sxa-combobox__outside-container {
    gap: var(--space-xxxs);
    margin-top: var(--space-xxxs);
    flex-wrap: wrap;
    display: flex;
  }
  .sxa-form-control {
    gap: var(--space-xxxs);
    flex-direction: column;
    display: flex;
  }
  .sxa-form-control__header {
    align-items: center;
    gap: var(--space-xxxs);
    display: flex;
  }
  .sxa-form-control__label {
    font-size: var(--font-size-label);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-label);
    text-transform: uppercase;
    gap: var(--space-xxxs);
    flex: 1;
    display: flex;
  }
  .sxa-form-control__optional {
    color: var(--color-ui-gray-medium);
    font-weight: var(--font-weight-medium);
    text-transform: none;
  }
  .sxa-form-control__footer {
    gap: var(--space-xxs);
    flex-direction: column;
    display: flex;
  }
  .sxa-form-control__help-text {
    color: var(--color-text-muted);
    font-size: var(--font-size-body-xs);
    font-weight: var(--font-weight-light);
    line-height: var(--line-height-body-xs);
  }
  .sxa-form-control__error {
    color: var(--color-state-danger);
    font-size: var(--font-size-body-s);
    font-weight: var(--font-weight-light);
    line-height: var(--line-height-body-s);
    gap: var(--space-xxxs);
    align-items: center;
    display: flex;
  }
  .sxa-form-control__error .sxa-icon {
    fill: var(--color-state-danger);
  }
  .sxa-select-input {
    border: 1px solid var(--color-ui-gray-medium);
    background: var(--color-ui-white);
    height: var(--height-input);
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .sxa-select-input__input {
    color: var(--color-text-main);
    font-weight: var(--font-weight-light);
    appearance: none;
    padding-left: var(--space-input);
    padding-right: calc(var(--space-xxs) + var(--space-input) + 24px);
    height: var(--height-input);
    line-height: 1;
    font-size: var(--font-size-input);
    background: none;
    border: none;
    border-radius: 0;
    width: 100%;
  }
  .sxa-select-input__icon {
    pointer-events: none;
    transform-origin: center;
    top: 50%;
    right: var(--space-input);
    fill: var(--color-text-main);
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
    position: absolute;
    transform: translateY(-50%);
  }
  .sxa-select-input:hover {
    border: 1px solid var(--color-text-main);
  }
  .sxa-select-input:has(select:disabled) {
    border: 1px solid var(--color-ui-gray-dark);
    background: var(--color-ui-gray-light);
  }
  .sxa-select-input:has(select:disabled) .sxa-select-input__input {
    color: var(--color-ui-gray-dark);
  }
  .sxa-select-input:has(select:disabled) .sxa-select-input__icon {
    fill: var(--color-ui-gray-medium);
  }
  .sxa-select-input:has(:focus) {
    outline: 2px solid var(--color-text-main);
    border-color: #0000;
  }
  .sxa-form-control--error .sxa-select-input {
    border-color: var(--color-state-danger);
  }
  .sxa-text-input {
    gap: var(--space-xxs);
    border: 1px solid var(--color-ui-gray-medium);
    background: var(--color-ui-white);
    height: var(--height-input);
    padding: 0 var(--space-input);
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .sxa-text-input__input {
    color: var(--color-text-main);
    line-height: 1;
    font-weight: var(--font-weight-light);
    height: var(--height-input);
    font-size: var(--font-size-input);
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    flex: 1;
    padding: 0;
  }
  .sxa-text-input__input::placeholder {
    color: var(--color-ui-gray-medium);
  }
  .sxa-text-input__input:focus,
  .sxa-text-input__input:focus {
    outline: none;
  }
  .sxa-text-input__icon.sxa-icon {
    fill: var(--color-text-main);
  }
  .sxa-text-input:hover {
    border: 1px solid var(--color-ui-gray-dark);
  }
  .sxa-text-input:has(input:disabled),
  .sxa-text-input:has(input:read-only),
  .sxa-text-input:has(input:read-only):has(:focus) {
    border: 1px solid var(--color-ui-gray-dark);
    background: var(--color-ui-gray-light);
    outline: none;
  }
  :is(.sxa-text-input:has(input:disabled), .sxa-text-input:has(input:read-only), .sxa-text-input:has(input:read-only):has(:focus)) .sxa-text-input__input::placeholder {
    color: var(--color-ui-gray-dark);
  }
  :is(.sxa-text-input:has(input:disabled), .sxa-text-input:has(input:read-only), .sxa-text-input:has(input:read-only):has(:focus)) .sxa-text-input__icon.sxa-icon {
    fill: var(--color-ui-gray-medium);
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
  }
  .sxa-text-input:has(input[type=hidden]) {
    display: none !important;
  }
  .sxa-text-input:has(:focus-visible) {
    outline: 2px solid var(--color-brand-tertiary);
  }
  .sxa-text-input:has(:focus) {
    border: 1px solid var(--color-ui-gray-dark);
  }
  .sxa-text-input:has(:focus) .sxa-text-input__icon.sxa-icon {
    fill: var(--color-text-main);
  }
  .sxa-form-control--error .sxa-text-input {
    border-color: var(--color-state-danger);
  }
  .sxa-text-input__badge {
    top: 50%;
    left: var(--space-xxs);
    position: absolute;
    transform: translateY(-50%);
  }
  .sxa-text-input:has(.sxa-text-input__badge) .sxa-text-input__input {
    padding-left: calc(var(--space-input) + var(--space-xxs));
    pointer-events: none;
    color: #0000;
  }
  .sxa-button {
    box-sizing: border-box;
    height: var(--height-input);
    padding: 0 var(--space-input);
    box-shadow: 2px 2px 0px 0px var(--color-ui-gray-medium);
    border: none;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    display: flex;
  }
  .sxa-button__content {
    gap: var(--space-xxxs);
    grid-template-rows: auto;
    grid-template-columns: auto;
    align-items: center;
    width: fit-content;
    display: grid;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label),
  .sxa-button__content:has(.sxa-button__label + .sxa-button__icon) {
    grid-template-columns: auto auto;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) {
    grid-template-columns: auto auto auto;
  }
  .sxa-button:active {
    box-shadow: none;
  }
  .sxa-button__label {
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    font-size: var(--font-size-body-xs);
    white-space: nowrap;
    grid-area: 1 / 1;
  }
  .sxa-button__icon {
    grid-row: 1;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label) .sxa-button__icon {
    grid-column: 1;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label) .sxa-button__label,
  .sxa-button__content:has(.sxa-button__label + .sxa-button__icon) .sxa-button__icon {
    grid-column: 2;
  }
  .sxa-button__content:has(.sxa-button__label + .sxa-button__icon) .sxa-button__label,
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) .sxa-button__icon {
    grid-column: 1;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) .sxa-button__label {
    grid-column: 2;
  }
  .sxa-button__content:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) .sxa-button__icon:last-child {
    grid-column: 3;
  }
  .sxa-button--variant-primary {
    background: var(--color-brand-primary);
    color: var(--color-ui-white);
  }
  .sxa-button--variant-primary .sxa-button__icon {
    fill: var(--color-ui-white);
  }
  .sxa-button__loading-spinner {
    grid-row: 1;
    justify-content: center;
    display: none;
  }
  .sxa-button--loading .sxa-button__loading-spinner {
    grid-column: 1;
    display: flex;
  }
  .sxa-button--loading:not(:has(.sxa-button__icon)) .sxa-button__label {
    visibility: hidden;
  }
  .sxa-button--loading:has(.sxa-button__icon + .sxa-button__label) .sxa-button__loading-spinner {
    grid-column: 1;
  }
  .sxa-button--loading:has(.sxa-button__icon + .sxa-button__label) .sxa-button__icon:not(:last-child) {
    visibility: hidden;
  }
  .sxa-button--loading:has(.sxa-button__label + .sxa-button__icon) .sxa-button__loading-spinner {
    grid-column: 2;
  }
  .sxa-button--loading:has(.sxa-button__label + .sxa-button__icon) .sxa-button__icon:last-child {
    visibility: hidden;
  }
  .sxa-button--loading:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) .sxa-button__loading-spinner {
    grid-column: 1;
  }
  .sxa-button--loading:has(.sxa-button__icon + .sxa-button__label + .sxa-button__icon) .sxa-button__icon:last-child {
    visibility: visible;
  }
  .sxa-button--variant-primary:hover {
    background: var(--color-ui-interaction-hover);
  }
  .sxa-button--variant-primary:active {
    border: 2px solid var(--color-ui-interaction-hover);
    background-color: var(--color-brand-primary);
    padding: 0 calc(var(--space-input) - 2px);
  }
  .sxa-button--variant-secondary {
    color: var(--color-ui-white);
    background: var(--color-brand-secondary);
  }
  .sxa-button--variant-secondary .sxa-button__icon {
    fill: var(--color-ui-white);
  }
  .sxa-button--variant-secondary:hover {
    background-color: var(--color-brand-tertiary);
  }
  .sxa-button--variant-secondary:active {
    background-color: var(--color-brand-secondary);
    border-color: var(--color-brand-tertiary);
  }
  .sxa-button--variant-primary[disabled],
  .sxa-button--variant-secondary[disabled] {
    background: var(--color-ui-gray-light);
    border-color: var(--color-ui-gray-light);
    box-shadow: 2px 2px 0px 0px var(--color-ui-gray-medium);
    color: var(--color-ui-gray-dark);
  }
  :is(.sxa-button--variant-primary[disabled], .sxa-button--variant-secondary[disabled]) .sxa-button__icon {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-dropdown {
    z-index: 1;
    position: relative;
  }
  .sxa-dropdown__button {
    z-index: 2;
    padding: var(--space-xxxs) var(--space-xxs);
    background: var(--color-ui-white);
    border: 1px solid var(--color-ui-white);
    color: var(--color-text-main);
    border-radius: 0;
    align-items: center;
    gap: 4px;
    display: inline-flex;
    position: relative;
  }
  .sxa-dropdown__button-label {
    font-size: var(--font-size-body-m);
    line-height: var(--line-height-body-m);
    font-weight: var(--font-weight-medium);
  }
  .sxa-dropdown__button-icon {
    display: none;
  }
  .sxa-icon.sxa-dropdown__button-indicator {
    fill: var(--color-brand-primary);
    transform-origin: center;
  }
  .sxa-dropdown__button:hover {
    border: 1px solid var(--color-text-main);
    color: var(--color-brand-primary);
  }
  .sxa-dropdown__button[aria-expanded=true] {
    border: 1px solid var(--color-ui-gray-medium);
  }
  .sxa-dropdown__button[aria-expanded=true] .sxa-dropdown__button-indicator {
    transform: rotate(180deg);
  }
  .sxa-dropdown__menu {
    background: var(--color-ui-white);
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
    position: absolute;
    top: calc(100% - 1px);
  }
  .sxa-dropdown__menu:focus-within,
  .sxa-dropdown__menu:hover {
    z-index: 20;
  }
  .sxa-dropdown--align-left .sxa-dropdown__menu {
    left: 0;
  }
  .sxa-dropdown--align-right .sxa-dropdown__menu {
    right: 0;
  }
  .sxa-dropdown__button[aria-expanded=true] + .sxa-dropdown__menu {
    display: block;
  }
  .sxa-dropdown__item + .sxa-dropdown__item {
    margin-top: -1px;
  }
  .sxa-dropdown__item {
    border: 1px solid var(--color-ui-gray-medium);
    z-index: 1;
    cursor: pointer;
    position: relative;
  }
  .sxa-dropdown__item:has(a:focus-visible) {
    z-index: 2;
    outline: 4px solid var(--color-text-main);
  }
  .sxa-dropdown__item-link {
    color: var(--color-text-main);
    font-size: 20px;
    line-height: 1;
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    padding: var(--space-xxs);
    text-decoration: none;
    display: block;
  }
  .sxa-dropdown__item-link:focus {
    outline: none;
  }
  .sxa-dropdown__item:hover {
    border: 1px solid var(--color-text-main);
    z-index: 2;
  }
  .sxa-dropdown__item:hover .sxa-dropdown__item-link {
    color: var(--color-brand-primary);
  }
  @media (min-width: 992px) {
    .sxa-dropdown__button {
      padding: var(--space-xxxs);
    }
    .sxa-dropdown__button-icon {
      display: block;
    }
  }
  .sxa-breadcrumb {
    position: relative;
  }
  .sxa-breadcrumb__track {
    align-items: center;
    gap: var(--space-xxxs);
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-direction: row;
    display: flex;
    overflow-y: scroll;
  }
  .sxa-breadcrumb__track::-webkit-scrollbar {
    display: none;
  }
  .sxa-breadcrumb__gradient {
    pointer-events: none;
    width: 64px;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .sxa-breadcrumb__gradient--left {
    background:
      linear-gradient(
        to right,
        var(--color-ui-gray-lightest),
        transparent);
    left: 0;
  }
  .sxa-breadcrumb__gradient--right {
    background:
      linear-gradient(
        to left,
        var(--color-ui-gray-lightest),
        transparent);
    right: 0;
  }
  .sxa-breadcrumb--overflow-left .sxa-breadcrumb__gradient--left {
    display: block;
  }
  .sxa-breadcrumb--overflow-right .sxa-breadcrumb__gradient--right {
    display: block;
  }
  .sxa-breadcrumb__item {
    flex-direction: row;
    align-items: center;
    height: 24px;
    text-decoration: none;
    display: flex;
  }
  .sxa-icon.sxa-breadcrumb__divider {
    fill: var(--color-brand-primary);
  }
  .sxa-breadcrumb__item:first-child .sxa-breadcrumb__divider {
    display: none;
  }
  .sxa-breadcrumb__item-label {
    font-size: 16px;
    line-height: 1;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-main);
    text-transform: uppercase;
    white-space: nowrap;
  }
  .sxa-breadcrumb__item .sxa-breadcrumb__item-icon {
    display: none;
  }
  .sxa-breadcrumb__item:first-child .sxa-breadcrumb__item-icon {
    display: block;
  }
  .sxa-breadcrumb__item:first-child .sxa-breadcrumb__item-label {
    display: none;
  }
  :is(.sxa-breadcrumb__item:hover, .sxa-breadcrumb__item:focus, .sxa-breadcrumb__item:active, .sxa-breadcrumb__item:last-child) .sxa-breadcrumb__item-icon {
    fill: var(--color-brand-primary);
  }
  :is(.sxa-breadcrumb__item:hover, .sxa-breadcrumb__item:focus, .sxa-breadcrumb__item:active, .sxa-breadcrumb__item:last-child) .sxa-breadcrumb__item-label {
    color: var(--color-brand-primary);
  }
  @media (min-width: 992px) {
    .sxa-breadcrumb--overflow-left .sxa-breadcrumb__gradient--left {
      display: none;
    }
    .sxa-breadcrumb--overflow-right .sxa-breadcrumb__gradient--right {
      display: none;
    }
    .sxa-breadcrumb__track {
      gap: var(--space-xxs);
    }
    .sxa-breadcrumb__item .sxa-breadcrumb__item-icon {
      display: none;
    }
    .sxa-breadcrumb__item .sxa-breadcrumb__item-label {
      font-size: 16px;
      line-height: 16px;
    }
    .sxa-breadcrumb__item:first-child .sxa-breadcrumb__item-icon {
      display: none;
    }
    .sxa-breadcrumb__item:first-child .sxa-breadcrumb__item-label {
      display: flex;
    }
  }
  .sxa-divider {
    background: var(--color-ui-gray-medium);
    border: 0;
    width: 100%;
    height: 1px;
  }
  .sxa-divider--vertical {
    height: var(--space-xs);
    width: 2px;
    display: inline;
  }
  .sxa-divider--lightest {
    background: var(--color-ui-gray-lightest);
  }
  :root {
    --container-width-xl: 1920px;
    --container-width-l: 1280px;
    --container-width-m: 1024px;
    --container-width-s: 768px;
  }
  .sxa-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    margin-bottom: var(--space-l);
  }
  .sxa-container--size-xl {
    --container-max-width: var(--container-width-xl);
  }
  .sxa-container--size-l {
    --container-max-width: var(--container-width-l);
  }
  .sxa-container--size-m {
    --container-max-width: var(--container-width-m);
  }
  .sxa-container--size-s {
    --container-max-width: var(--container-width-s);
  }
  .sxa-icon {
    fill: var(--color-text-main);
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
  }
  .sxa-stack {
    display: flex;
  }
  .sxa-stack--horizontal {
    flex-direction: row;
  }
  .sxa-stack--vertical {
    flex-direction: column;
  }
  .sxa-stack--justify-content-end {
    justify-content: end;
  }
  .sxa-stack--justify-content-inherit {
    justify-content: inherit;
  }
  .sxa-stack--justify-content-initial {
    justify-content: initial;
  }
  .sxa-stack--justify-content-start {
    justify-content: start;
  }
  .sxa-stack--justify-content-left {
    justify-content: left;
  }
  .sxa-stack--justify-content-center {
    justify-content: center;
  }
  .sxa-stack--justify-content-right {
    justify-content: right;
  }
  .sxa-stack--justify-content-revert {
    justify-content: revert;
  }
  .sxa-stack--justify-content-revert-layer {
    justify-content: revert-layer;
  }
  .sxa-stack--justify-content-unset {
    justify-content: unset;
  }
  .sxa-stack--justify-content-space-around {
    justify-content: space-around;
  }
  .sxa-stack--justify-content-space-between {
    justify-content: space-between;
  }
  .sxa-stack--justify-content-space-evenly {
    justify-content: space-evenly;
  }
  .sxa-stack--justify-content-stretch {
    justify-content: stretch;
  }
  .sxa-stack--justify-content-flex-end {
    justify-content: flex-end;
  }
  .sxa-stack--justify-content-flex-start {
    justify-content: flex-start;
  }
  .sxa-stack--justify-content-normal {
    justify-content: normal;
  }
  .sxa-stack--align-items-end {
    align-items: end;
  }
  .sxa-stack--align-items-baseline {
    align-items: baseline;
  }
  .sxa-stack--align-items-inherit {
    align-items: inherit;
  }
  .sxa-stack--align-items-initial {
    align-items: initial;
  }
  .sxa-stack--align-items-start {
    align-items: start;
  }
  .sxa-stack--align-items-center {
    align-items: center;
  }
  .sxa-stack--align-items-revert {
    align-items: revert;
  }
  .sxa-stack--align-items-revert-layer {
    align-items: revert-layer;
  }
  .sxa-stack--align-items-unset {
    align-items: unset;
  }
  .sxa-stack--align-items-stretch {
    align-items: stretch;
  }
  .sxa-stack--align-items-flex-end {
    align-items: flex-end;
  }
  .sxa-stack--align-items-flex-start {
    align-items: flex-start;
  }
  .sxa-stack--align-items-normal {
    align-items: normal;
  }
  .sxa-stack--align-items-self-end {
    align-items: self-end;
  }
  .sxa-stack--align-items-self-start {
    align-items: self-start;
  }
  .sxa-stack--gap-xxxs {
    gap: var(--space-xxxs);
  }
  .sxa-stack--gap-xxs {
    gap: var(--space-xxs);
  }
  .sxa-stack--gap-xs {
    gap: var(--space-xs);
  }
  .sxa-stack--gap-s {
    gap: var(--space-s);
  }
  .sxa-stack--gap-m {
    gap: var(--space-m);
  }
  .sxa-stack--gap-l {
    gap: var(--space-l);
  }
  .sxa-stack--gap-xl {
    gap: var(--space-xl);
  }
  .sxa-stack--gap-xxl {
    gap: var(--space-xxl);
  }
  .sxa-stack--nowrap {
    flex-wrap: nowrap;
  }
  .sxa-stack--wrap {
    flex-wrap: wrap;
  }
  @media (min-width: 992px) {
    .sxa-stack--desktop-nowrap {
      flex-wrap: nowrap;
    }
    .sxa-stack--desktop-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 0) and (max-width: 991px) {
    .sxa-stack--mobile-nowrap {
      flex-wrap: nowrap;
    }
    .sxa-stack--mobile-wrap {
      flex-wrap: wrap;
    }
  }
  .sxa-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
  }
  .sxa-menu:focus-within,
  .sxa-menu:hover {
    z-index: 20;
  }
  .sxa-menu__options {
    top: calc(100% + var(--space-xxxs));
    background: var(--color-ui-white);
    position: absolute;
  }
  .sxa-menu--align-left .sxa-menu__options {
    left: 0;
  }
  .sxa-menu--align-right .sxa-menu__options {
    right: 0;
  }
  .sxa-menu__item + .sxa-menu__item {
    margin-top: -1px;
  }
  .sxa-menu__item {
    border: 1px solid var(--color-ui-gray-medium);
    z-index: 1;
    cursor: pointer;
    position: relative;
  }
  .sxa-menu__item:has(a:focus-visible) {
    z-index: 2;
    outline: 4px solid var(--color-text-main);
  }
  .sxa-menu__item-link {
    align-items: center;
    gap: var(--space-xxxs);
    color: var(--color-text-main);
    font-size: 20px;
    line-height: 1;
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    padding: var(--space-xxxs);
    text-decoration: none;
    display: flex;
  }
  .sxa-menu__item-link:focus {
    outline: none;
  }
  .sxa-menu__item:hover {
    z-index: 2;
  }
  .sxa-menu__item:hover .sxa-menu__item-link {
    color: var(--color-brand-primary);
    background: var(--color-ui-gray-light);
  }
  .sxa-menu__item:hover .sxa-menu__item-link svg {
    fill: var(--color-brand-primary);
  }
  .sxa-menu__item:active .sxa-menu__item-link {
    color: var(--color-ui-interaction-hover);
  }
  .sxa-menu__item:active .sxa-menu__item-link svg {
    fill: var(--color-ui-interaction-hover);
  }
  :is(.sxa-menu__item--disabled, .sxa-menu__item--disable:hover) .sxa-menu__item-link {
    cursor: not-allowed;
    background: var(--color-ui-gray-light);
    color: var(--color-ui-gray-medium);
  }
  :is(.sxa-menu__item--disabled, .sxa-menu__item--disable:hover) .sxa-menu__item-link svg {
    fill: var(--color-ui-gray-medium);
  }
  @media (min-width: 992px) {
    .sxa-menu .sxa-button {
      padding: var(--space-xxxs);
    }
    .sxa-menu .sxa-button-icon {
      display: block;
    }
  }
  .sxa-sidebar {
    background-color: var(--color-ui-white);
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    min-width: 250px;
    display: flex;
  }
  .sxa-sidebar__item-container {
    width: 100%;
    position: relative;
  }
  .sxa-sidebar__item-container:after {
    content: "";
    background: var(--color-brand-primary);
    width: 2px;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .sxa-sidebar__navigation {
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-height: 100%;
    overflow-y: scroll;
  }
  .sxa-sidebar__navigation::-webkit-scrollbar {
    display: none;
  }
  .sxa-sidebar__navigation,
  .sxa-sidebar__footer,
  .sxa-sidebar__group-items {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }
  .sxa-sidebar__footer .sxa-sidebar__list-item {
    border-bottom: none;
  }
  .sxa-sidebar__group-items .sxa-sidebar__list-item {
    border-color: var(--color-ui-gray-medium);
    background: var(--color-ui-gray-light);
    padding-left: calc(var(--space-xs) - 2px);
  }
  .sxa-sidebar__group-items .sxa-sidebar__list-item:last-child {
    border-color: var(--color-ui-gray-light);
  }
  .sxa-sidebar__group-items .sxa-sidebar__item-container:after {
    display: block;
  }
  .sxa-sidebar__item-container:has(.sxa-sidebar__list-item--open):after {
    display: block;
  }
  .sxa-sidebar__item,
  .sxa-sidebar__label {
    font-family: var(--font-family);
    font-size: var(--font-size-body-xs);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-body-xs);
    text-transform: uppercase;
    background: inherit;
    border: none;
    flex: 1 0 0;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
    display: flex;
  }
  .sxa-sidebar__list-item {
    padding: var(--space-xs);
    border-bottom: 2px solid var(--color-ui-gray-light);
    background: var(--color-ui-white);
    color: var(--color-brand-secondary);
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    height: 60px;
    list-style: none;
    display: flex;
  }
  .sxa-sidebar__item {
    color: var(--color-brand-secondary);
    cursor: pointer;
    background: none;
    border: none;
  }
  .sxa-sidebar__item:focus-visible {
    outline: none;
  }
  .sxa-sidebar__item-label {
    gap: 8px;
    display: flex;
  }
  .sxa-sidebar__item-icon {
    color: var(--color-ui-gray-dark);
  }
  .sxa-sidebar__item-icon svg path {
    fill: currentColor;
  }
  .sxa-sidebar__item:hover {
    color: var(--color-brand-primary);
  }
  .sxa-sidebar__item:hover .sxa-sidebar__item-icon {
    color: inherit;
  }
  .sxa-sidebar__list-item--active .sxa-sidebar__item {
    color: var(--color-brand-primary);
  }
  .sxa-sidebar__list-item--active .sxa-sidebar__item .sxa-sidebar__item-icon {
    color: inherit;
  }
  .sxa-sidebar__label {
    padding: var(--space-xxs) var(--space-xs);
    border-bottom: 1px solid var(--color-ui-gray-light);
    color: var(--color-ui-gray-dark);
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    display: flex;
  }
  .sxa-sidebar__list-item--disabled {
    background: var(--color-ui-gray-light);
    cursor: not-allowed;
  }
  .sxa-sidebar__list-item--disabled .sxa-sidebar__item,
  .sxa-sidebar__list-item--disabled .sxa-sidebar__item-label {
    color: var(--color-ui-gray-dark);
    cursor: not-allowed;
  }
  .sxa-card {
    flex-direction: column;
    display: flex;
  }
  .sxa-card__header {
    padding: var(--space-xxs) var(--space-xxs);
    background: var(--color-brand-secondary);
  }
  .sxa-card__header-title {
    color: var(--color-ui-white);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
  }
  .sxa-card__body {
    background: var(--color-ui-white);
  }
  .sxa-modal {
    display: contents;
  }
  .sxa-modal__dialog {
    width: calc(100dvw - var(--space-xxs) * 2);
    border: none;
    max-width: 640px;
    height: fit-content;
    margin: auto;
    padding: 0;
  }
  .sxa-modal__dialog-wrap {
    flex-direction: column;
    height: 100%;
    display: flex;
  }
  .sxa-modal__dialog::backdrop {
    background: var(--color-brand-secondary);
    opacity: .6;
  }
  .sxa-modal__header,
  .sxa-modal__body,
  .sxa-modal__footer {
    padding: var(--space-xxs);
  }
  @media (min-width: 992px) {
    .sxa-modal__header,
    .sxa-modal__body,
    .sxa-modal__footer {
      padding: var(--space-xxs) var(--space-xxs);
    }
  }
  .sxa-modal__body {
    flex: 1;
  }
  .sxa-modal__header {
    border-bottom: 2px solid var(--color-ui-gray-lightest);
    align-items: center;
    display: flex;
  }
  .sxa-modal__header-titles {
    gap: var(--space-xxs);
    flex-direction: column;
    display: flex;
  }
  .sxa-modal__subtitle {
    font-size: var(--font-size-body-m);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--color-ui-gray-dark);
  }
  .sxa-modal__title {
    font-size: var(--font-size-h3);
    line-height: 1;
    font-weight: var(--font-weight-bold);
  }
  .sxa-modal__footer {
    border-top: 2px solid var(--color-ui-gray-lightest);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .sxa-modal--fullscreen .sxa-modal__dialog {
    height: calc(100dvh - var(--space-xxs) * 2);
    width: calc(100dvw - var(--space-xxs) * 2);
    max-width: unset;
  }
  :root {
    --table-header-row-height: 34px;
    --table-body-row-height: 50px;
  }
  .sxa-table {
    border-top: 1px solid var(--color-ui-gray-lightest);
    border-bottom: 1px solid var(--color-ui-gray-lightest);
    position: relative;
    overflow-x: scroll;
  }
  .sxa-table__table {
    background: var(--color-ui-gray-lightest);
    border-collapse: collapse;
    table-layout: auto;
    border: none;
    width: 100%;
  }
  .sxa-table__row {
    background: var(--color-ui-white);
    border-bottom: 1px solid var(--color-ui-gray-lightest);
    height: var(--table-row-height);
    max-height: var(--table-row-height);
    overflow: hidden;
  }
  .sxa-table__row:last-child {
    border-bottom: none;
  }
  .sxa-table__head .sxa-table__row {
    height: var(--table-header-row-height);
  }
  .sxa-table__head .sxa-table__th {
    height: var(--table-header-row-height);
    max-height: var(--table-header-row-height);
  }
  .sxa-table__body .sxa-table__row {
    height: var(--table-body-row-height);
  }
  .sxa-table__body .sxa-table__td {
    height: var(--table-body-row-height);
    max-height: var(--table-body-row-height);
  }
  .sxa-table__td {
    overflow: hidden;
  }
  .sxa-table__td .sxa-table__cell-text {
    white-space: nowrap;
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    text-align: left;
  }
  .sxa-table__th {
    height: var(--table-row-height);
    max-height: var(--table-row-height);
    overflow: visible;
  }
  .sxa-table__th .sxa-table__cell-text {
    white-space: nowrap;
    font-size: var(--font-size-body-xs);
    line-height: 16px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .sxa-table__th:has(.sxa-table__sort-button) {
    cursor: pointer;
  }
  .sxa-table__cell-body {
    align-items: center;
    display: flex;
  }
  .sxa-table__cell-content {
    align-items: center;
    gap: var(--space-xxxs);
    min-width: 100%;
    display: flex;
  }
  .sxa-table__th .sxa-table__cell-content {
    padding: var(--space-xxxs) var(--space-xxs);
    height: var(--table-header-row-height);
    max-height: var(--table-header-row-height);
  }
  .sxa-table__td .sxa-table__cell-content {
    padding: var(--space-xxs) var(--space-xxs);
    height: var(--table-body-row-height);
    max-height: var(--table-body-row-height);
  }
  .sxa-table__td--input .sxa-table__cell-content {
    padding: 0 var(--space-xxs) var(--space-xxs);
  }
  .sxa-table__th--checkbox,
  .sxa-table__td--checkbox {
    overflow: hidden;
  }
  .sxa-table__th--checkbox,
  .sxa-table__td--checkbox,
  .sxa-table__th--checkbox .sxa-table__cell-content,
  .sxa-table__td--checkbox .sxa-table__cell-content,
  .sxa-table__th--checkbox .sxa-table__cell-body,
  .sxa-table__td--checkbox .sxa-table__cell-body {
    width: calc(var(--space-xxs) + var(--space-xxs) + var(--space-xxs));
  }
  .sxa-table__th--checkbox .sxa-checkbox__input-container,
  .sxa-table__td--checkbox .sxa-checkbox__input-container {
    padding-top: 0;
  }
  .sxa-table__th--thumbnail,
  .sxa-table__td--thumbnail,
  .sxa-table__th--thumbnail .sxa-table__cell-content,
  .sxa-table__td--thumbnail .sxa-table__cell-content,
  .sxa-table__th--thumbnail .sxa-table__cell-body,
  .sxa-table__td--thumbnail .sxa-table__cell-body {
    width: 102px;
  }
  .sxa-table__th--thumbnail .sxa-table__cell-content,
  .sxa-table__td--thumbnail .sxa-table__cell-content {
    padding: var(--space-xxxs) var(--space-xs);
  }
  .sxa-table__th--align-right .sxa-table__cell-content,
  .sxa-table__td--align-right .sxa-table__cell-content {
    justify-content: end;
  }
  .sxa-table__cell-divider {
    background: var(--color-ui-gray-lightest);
    width: 1px;
    min-width: 1px;
    height: 18px;
    margin-left: auto;
  }
  :last-child > .sxa-table__cell-body > .sxa-table__cell-divider {
    display: none;
  }
  .sxa-table__sort-button {
    cursor: pointer;
    background: none;
    border: none;
    width: 16px;
    height: 16px;
    margin: 0 0 0 auto;
    padding: 0;
  }
  .sxa-table__sort-button-icon {
    fill: var(--color-text-main);
    width: 100%;
    height: 100%;
    display: none;
  }
  .sxa-table__sort-button--none .sxa-table__sort-button-icon-none {
    display: block;
  }
  .sxa-table__sort-button--asc .sxa-table__sort-button-icon-asc,
  .sxa-table__sort-button--desc .sxa-table__sort-button-icon-desc {
    fill: var(--color-brand-primary);
    display: block;
  }
  .sxa-data-grid__grid {
    background: var(--color-ui-gray-light);
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1px;
    display: grid;
  }
  .sxa-data-grid__grid-header {
    background: var(--color-ui-white);
    border-bottom: 1px solid var(--color-ui-gray-light);
    border-top: 1px solid var(--color-ui-gray-light);
    padding: var(--space-xxxs) var(--space-xxs);
    z-index: 999;
    align-items: center;
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__grid-header {
      top: var(--before-height);
      padding: var(--space-xxxs) var(--space-xxs);
      background-clip: padding-box;
      position: sticky;
    }
  }
  .sxa-data-grid__card {
    background: var(--color-ui-white);
    padding: var(--space-xxs);
    row-gap: var(--space-xxs);
    column-gap: var(--space-xs);
    grid-column: span 1;
    grid-template-columns: max-content 1fr;
    display: grid;
    position: relative;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__card {
      padding: var(--space-xxs);
      row-gap: var(--space-xxs);
      column-gap: var(--space-s);
    }
  }
  .sxa-data-grid__card:has(.sxa-data-grid__card-checkbox) {
    padding-top: calc(var(--space-xs) + var(--space-xxs));
  }
  .sxa-data-grid__card-checkbox {
    top: var(--space-xxxs);
    left: var(--space-xxs);
    position: absolute;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__card-checkbox {
      top: var(--space-xxs);
      left: var(--space-xxs);
      position: absolute;
    }
  }
  .sxa-data-grid__card-title {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-bold);
    order: -2;
    grid-column: 1 / span 2;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__card-title {
      padding: var(--space-xxxs) 0;
    }
  }
  .sxa-data-grid__card-badges {
    gap: var(--space-xxs);
    flex-direction: row;
    order: -1;
    grid-column: 1 / span 2;
    display: none;
  }
  .sxa-data-grid__card-badges:has(*) {
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__card-badges {
      gap: var(--space-xs);
    }
  }
  .sxa-data-grid__card-item {
    grid-column: 1 / span 2;
  }
  .sxa-data-grid__card-item:last-child {
    margin-top: auto;
  }
  .sxa-data-grid__card-item:has(.sxa-data-grid__card-item-label) {
    grid-template-columns: subgrid;
    display: grid;
  }
  .sxa-data-grid__card-item:has(.sxa-data-grid__card-item-label) + .sxa-data-grid__card-item:has(.sxa-data-grid__card-item-label) {
    margin-top: calc(-1 * var(--space-xxxs));
  }
  @media (min-width: 992px) {
    .sxa-data-grid__card-item:has(.sxa-data-grid__card-item-label) + .sxa-data-grid__card-item:has(.sxa-data-grid__card-item-label) {
      margin-top: calc(-1 * var(--space-xxs));
    }
  }
  .sxa-data-grid__card-item-label {
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    padding-right: var(--space-xxs);
    grid-column: 1;
    font-weight: 700;
  }
  .sxa-data-grid__card-item-value:before {
    content: "";
    background: var(--color-ui-gray-light);
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .sxa-data-grid__card-item-value {
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    padding-left: var(--space-xxs);
    overflow-wrap: break-word;
    grid-column: 2;
    position: relative;
    overflow: hidden;
  }
  .sxa-data-grid__card-children {
    grid-column: 1 / span 2;
  }
  .sxa-data-grid {
    --data-grid-height: auto;
    height: var(--data-grid-height);
    max-height: var(--data-grid-height);
    scrollbar-width: thin;
    width: var(--data-grid-width);
    max-width: var(--data-grid-width);
    overflow: auto;
  }
  @media (min-width: 992px) {
    .sxa-data-grid {
      --data-grid-height: 80vh;
    }
  }
  .sxa-data-grid .sxa-table {
    --data-grid-inner-height: calc(var(--data-grid-height) - 70px);
    border-spacing: 0;
    background: var(--color-ui-white);
    height: unset;
    max-height: unset;
    border-top: none;
    border-bottom: none;
    overflow: unset !important;
  }
  .sxa-data-grid:has(.sxa-data-grid-empty) {
    overflow-y: hidden;
  }
  .sxa-data-grid__before {
    padding: var(--space-xxs);
    gap: var(--space-xxs);
    background: var(--color-ui-white);
    flex-direction: column;
    display: flex;
    position: relative;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__before {
      z-index: 1000;
      padding: var(--space-xxs);
      gap: var(--space-xxs);
      flex-direction: row;
      align-items: center;
      position: sticky;
      top: 0;
      left: 0;
      right: 0;
    }
  }
  .sxa-data-grid__before-filter {
    gap: var(--space-xxs);
    display: flex;
  }
  .sxa-data-grid__filter-input input {
    min-width: 0;
  }
  .sxa-data-grid__filter-csv-input-badge .sxa-badge__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__before-filter {
      margin-right: auto;
    }
    .sxa-data-grid__filter-input {
      max-width: fit-content;
    }
    .sxa-data-grid__filter-input input {
      min-width: unset;
    }
  }
  .sxa-data-grid__after {
    border-top: 1px solid var(--color-ui-gray-lightest);
    background: var(--color-ui-white);
    flex-direction: column;
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__after {
      z-index: 999;
      position: sticky;
      bottom: 0;
      left: 0;
      right: 0;
    }
  }
  .sxa-data-grid__pagination {
    padding: var(--space-xxs);
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-xxs);
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__pagination {
      gap: var(--space-xxs);
      padding: var(--space-xxs);
    }
  }
  .sxa-data-grid__bulk-actions {
    background: var(--color-ui-white);
    z-index: 999;
    border-bottom: 2px solid var(--color-ui-gray-lightest);
    padding: var(--space-xxs) var(--space-s);
    gap: var(--space-xxs);
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -18px 20px #2a41531f;
  }
  .sxa-data-grid__bulk-actions-meta {
    order: 2;
  }
  .sxa-data-grid__bulk-actions-fab-close {
    margin-left: auto;
  }
  .sxa-data-grid__bulk-actions-fab-open {
    bottom: calc(var(--space-xxs) + 2px);
    right: var(--space-s);
    z-index: 998;
    position: fixed;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__bulk-actions {
      position: unset;
      bottom: unset;
      left: unset;
      right: unset;
      padding: var(--space-xxs);
      box-shadow: none;
    }
    .sxa-data-grid__bulk-actions-meta {
      order: unset;
    }
    .sxa-data-grid__bulk-actions-fab-open,
    .sxa-data-grid__bulk-actions-fab-close {
      display: none;
    }
  }
  .sxa-data-grid__bulk-actions .sxa-button {
    width: 100%;
  }
  .sxa-data-grid__bulk-actions-meta {
    align-items: center;
    gap: var(--space-xxs);
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__bulk-actions {
      padding: var(--space-xxs);
      gap: var(--space-xxs);
      flex-direction: row;
    }
    .sxa-data-grid__bulk-actions-meta {
      margin-right: auto;
    }
    .sxa-data-grid__bulk-actions .sxa-button {
      width: unset;
    }
  }
  .sxa-data-grid .sxa-table__header .sxa-table__row {
    background: var(--color-ui-white);
  }
  @media (min-width: 992px) {
    .sxa-data-grid .sxa-table__header .sxa-table__row {
      top: calc(var(--before-height) + 2px);
      z-index: 999;
      background-clip: padding-box;
      position: sticky;
    }
  }
  .sxa-data-grid--scroll-state-bottom .sxa-table__header .sxa-table__row,
  .sxa-data-grid--scroll-state-between .sxa-table__header .sxa-table__row,
  .sxa-data-grid--scroll-state-bottom .sxa-data-grid__grid-header,
  .sxa-data-grid--scroll-state-between .sxa-data-grid__grid-header {
    box-shadow: 0 8px 15px -8px #2a415333;
  }
  .sxa-data-grid--scroll-state-top .sxa-data-grid__after,
  .sxa-data-grid--scroll-state-between .sxa-data-grid__after {
    box-shadow: 0 -20px 16px -24px #2a415333;
  }
  .sxa-data-grid .sxa-table__header .sxa-table__row .sxa-table__th:before {
    content: "";
    background: var(--color-ui-gray-lightest);
    height: 2px;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
  }
  .sxa-data-grid .sxa-table__header .sxa-table__row .sxa-table__th:after {
    content: "";
    background: var(--color-ui-gray-lightest);
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
  }
  .sxa-data-grid__filters-popup {
    z-index: 999;
    gap: var(--space-xxs);
    padding: var(--space-xxs);
    background: var(--color-ui-white);
    flex-direction: column;
    display: flex;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    box-shadow: 6px 8px 15px #2a415333;
  }
  @media (min-width: 992px) {
    .sxa-data-grid__filters-popup {
      right: unset;
      gap: var(--space-xxs);
      padding: var(--space-xxs);
      min-width: max(50%, 400px);
    }
  }
  .sxa-data-grid-filter__row {
    row-gap: var(--space-xxxs);
    column-gap: var(--space-xxxs);
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr) auto;
    display: grid;
  }
  .sxa-data-grid-filter__row > :first-child {
    grid-area: 1 / 1;
    width: 100%;
  }
  .sxa-data-grid-filter__row > :nth-child(2) {
    grid-area: 2 / 1;
  }
  .sxa-data-grid-filter__row > :nth-child(3) {
    grid-area: 1 / 2;
  }
  @media (min-width: 992px) {
    .sxa-data-grid-filter__row {
      gap: var(--space-xxs);
      grid-template-rows: 1fr;
      grid-template-columns: 200px 1fr max-content;
      display: grid;
    }
    .sxa-data-grid-filter__row > :first-child {
      grid-area: 1 / 1;
    }
    .sxa-data-grid-filter__row > :nth-child(2) {
      grid-area: 1 / 2;
    }
    .sxa-data-grid-filter__row > :nth-child(3) {
      grid-area: 1 / 3;
    }
  }
  .sxa-data-grid__grid-header .sxa-checkbox__label {
    font-size: var(--font-size-body-xs);
  }
  .sxa-data-grid__grid-sort-select {
    position: relative;
  }
  .sxa-data-grid__grid-sort-select-input {
    all: unset;
    font-size: var(--font-size-body-xs);
    line-height: 18px;
    font-weight: var(--font-weight-bold);
    margin-right: calc(var(--space-xxxs) + 24px);
    display: flex;
  }
  .sxa-data-grid__grid-sort-select-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .sxa-data-grid__grid-sort-select--sorted .sxa-data-grid__grid-sort-select-icon {
    fill: var(--color-brand-primary);
  }
  .sxa-layout .sxa-layout__content {
    padding: var(--space-xs) var(--space-xxs);
  }
  @media (min-width: 992px) {
    .sxa-layout .sxa-layout__content {
      padding: var(--space-l) var(--space-xs);
    }
  }
  .sxa-layout--with-sidebar {
    display: flex;
  }
  .sxa-layout--with-sidebar .sxa-layout__content {
    padding: var(--space-xxs);
    z-index: 1;
    flex: 1;
    position: relative;
    overflow-y: auto;
  }
  .sxa-layout--with-sidebar .sxa-layout__sidebar {
    height: calc(100dvh - var(--header-height));
    bottom: 0;
    left: 0;
    top: var(--header-height);
    z-index: 2;
    display: none;
    position: absolute;
  }
  @media (min-width: 992px) {
    .sxa-layout--with-sidebar .sxa-layout__content {
      padding: var(--space-xs);
    }
  }
  .sxa-layout--with-sidebar-show .sxa-layout__content:after {
    content: "";
    background: #ffffff80;
    position: absolute;
    inset: 0;
  }
  .sxa-layout--with-sidebar-show .sxa-layout__sidebar {
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-layout--with-sidebar .sxa-layout__sidebar {
      position: initial;
      min-height: calc(100dvh - var(--header-height));
      height: auto;
      display: flex;
    }
    .sxa-layout--with-sidebar-show .sxa-layout__content:after {
      display: none;
    }
  }
  .sxa-footer {
    background: var(--color-brand-secondary);
    padding: var(--space-xs);
    gap: var(--space-m);
    flex-direction: column;
    margin-top: auto;
    display: flex;
  }
  .sxa-footer__copyright {
    font-size: var(--font-size-body-xs);
    line-height: var(--line-height-body-xs);
    color: var(--color-ui-white);
  }
  @media (min-width: 992px) {
    .sxa-footer__copyright {
      font-size: var(--font-size-body-s);
      line-height: var(--line-height-body-s);
    }
  }
  .sxa-footer__links {
    gap: var(--space-xs);
    flex-direction: column;
    order: -1;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-footer__links {
      gap: var(--space-s);
    }
  }
  .sxa-footer__link a {
    font-size: var(--font-size-body-xs);
    line-height: var(--line-height-body-xs);
    color: var(--color-ui-white);
    text-decoration: none;
  }
  @media (min-width: 992px) {
    .sxa-footer__link a {
      font-size: var(--font-size-body-s);
      line-height: var(--line-height-body-s);
    }
    .sxa-footer {
      flex-flow: wrap;
      justify-content: space-between;
    }
    .sxa-footer__links {
      order: unset;
      flex-direction: row;
    }
  }
  :root {
    --header-height: 80px;
  }
  .sxa-header {
    padding: var(--space-xxs);
    gap: var(--space-xxs);
    background: var(--color-ui-white);
    height: var(--header-height);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
    display: flex;
  }
  .sxa-header__logo-container {
    gap: var(--space-xxs);
    align-items: center;
    display: flex;
  }
  .sxa-header__logo img {
    aspect-ratio: 64 / 23;
    width: 98px;
    min-width: 98px;
  }
  .sxa-header__title {
    font-size: var(--font-size-h6);
    line-height: 1;
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    padding: var(--space-xxxs);
    background: var(--color-ui-gray-lightest);
    max-width: min-content;
  }
  .sxa-header__actions {
    align-items: center;
    gap: var(--space-xxxs);
    display: flex;
  }
  @media (min-width: 992px) {
    .sxa-header {
      padding: var(--space-xxs) var(--space-xs);
      gap: var(--root-padding);
    }
    .sxa-header__logo img {
      width: 128px;
      min-width: 128px;
    }
    .sxa-header__actions {
      gap: var(--space-s);
    }
  }
}
@layer utilities {
  .sxa-p-xxxs {
    padding: var(--space-xxxs);
  }
  .sxa-p-xxs {
    padding: var(--space-xxs);
  }
  .sxa-p-xs {
    padding: var(--space-xs);
  }
  .sxa-p-s {
    padding: var(--space-s);
  }
  .sxa-p-m {
    padding: var(--space-m);
  }
  .sxa-p-l {
    padding: var(--space-l);
  }
  .sxa-p-xl {
    padding: var(--space-xl);
  }
  .sxa-p-xxl {
    padding: var(--space-xxl);
  }
  .sxa-p-t-xxxs {
    padding-top: var(--space-xxxs);
  }
  .sxa-p-t-xxs {
    padding-top: var(--space-xxs);
  }
  .sxa-p-t-xs {
    padding-top: var(--space-xs);
  }
  .sxa-p-t-s {
    padding-top: var(--space-s);
  }
  .sxa-p-t-m {
    padding-top: var(--space-m);
  }
  .sxa-p-t-l {
    padding-top: var(--space-l);
  }
  .sxa-p-t-xl {
    padding-top: var(--space-xl);
  }
  .sxa-p-t-xxl {
    padding-top: var(--space-xxl);
  }
  .sxa-p-r-xxxs {
    padding-right: var(--space-xxxs);
  }
  .sxa-p-r-xxs {
    padding-right: var(--space-xxs);
  }
  .sxa-p-r-xs {
    padding-right: var(--space-xs);
  }
  .sxa-p-r-s {
    padding-right: var(--space-s);
  }
  .sxa-p-r-m {
    padding-right: var(--space-m);
  }
  .sxa-p-r-l {
    padding-right: var(--space-l);
  }
  .sxa-p-r-xl {
    padding-right: var(--space-xl);
  }
  .sxa-p-r-xxl {
    padding-right: var(--space-xxl);
  }
  .sxa-p-b-xxxs {
    padding-bottom: var(--space-xxxs);
  }
  .sxa-p-b-xxs {
    padding-bottom: var(--space-xxs);
  }
  .sxa-p-b-xs {
    padding-bottom: var(--space-xs);
  }
  .sxa-p-b-s {
    padding-bottom: var(--space-s);
  }
  .sxa-p-b-m {
    padding-bottom: var(--space-m);
  }
  .sxa-p-b-l {
    padding-bottom: var(--space-l);
  }
  .sxa-p-b-xl {
    padding-bottom: var(--space-xl);
  }
  .sxa-p-b-xxl {
    padding-bottom: var(--space-xxl);
  }
  .sxa-p-l-xxxs {
    padding-left: var(--space-xxxs);
  }
  .sxa-p-l-xxs {
    padding-left: var(--space-xxs);
  }
  .sxa-p-l-xs {
    padding-left: var(--space-xs);
  }
  .sxa-p-l-s {
    padding-left: var(--space-s);
  }
  .sxa-p-l-m {
    padding-left: var(--space-m);
  }
  .sxa-p-l-l {
    padding-left: var(--space-l);
  }
  .sxa-p-l-xl {
    padding-left: var(--space-xl);
  }
  .sxa-p-l-xxl {
    padding-left: var(--space-xxl);
  }
  .sxa-m-xxxs {
    margin: var(--space-xxxs);
  }
  .sxa-m-xxs {
    margin: var(--space-xxs);
  }
  .sxa-m-xs {
    margin: var(--space-xs);
  }
  .sxa-m-s {
    margin: var(--space-s);
  }
  .sxa-m-m {
    margin: var(--space-m);
  }
  .sxa-m-l {
    margin: var(--space-l);
  }
  .sxa-m-xl {
    margin: var(--space-xl);
  }
  .sxa-m-xxl {
    margin: var(--space-xxl);
  }
  .sxa-m-auto {
    margin: auto;
  }
  .sxa-m-t-xxxs {
    margin-top: var(--space-xxxs);
  }
  .sxa-m-t-xxs {
    margin-top: var(--space-xxs);
  }
  .sxa-m-t-xs {
    margin-top: var(--space-xs);
  }
  .sxa-m-t-s {
    margin-top: var(--space-s);
  }
  .sxa-m-t-m {
    margin-top: var(--space-m);
  }
  .sxa-m-t-l {
    margin-top: var(--space-l);
  }
  .sxa-m-t-xl {
    margin-top: var(--space-xl);
  }
  .sxa-m-t-xxl {
    margin-top: var(--space-xxl);
  }
  .sxa-m-t-auto {
    margin-top: auto;
  }
  .sxa-m-r-xxxs {
    margin-right: var(--space-xxxs);
  }
  .sxa-m-r-xxs {
    margin-right: var(--space-xxs);
  }
  .sxa-m-r-xs {
    margin-right: var(--space-xs);
  }
  .sxa-m-r-s {
    margin-right: var(--space-s);
  }
  .sxa-m-r-m {
    margin-right: var(--space-m);
  }
  .sxa-m-r-l {
    margin-right: var(--space-l);
  }
  .sxa-m-r-xl {
    margin-right: var(--space-xl);
  }
  .sxa-m-r-xxl {
    margin-right: var(--space-xxl);
  }
  .sxa-m-r-auto {
    margin-right: auto;
  }
  .sxa-m-b-xxxs {
    margin-bottom: var(--space-xxxs);
  }
  .sxa-m-b-xxs {
    margin-bottom: var(--space-xxs);
  }
  .sxa-m-b-xs {
    margin-bottom: var(--space-xs);
  }
  .sxa-m-b-s {
    margin-bottom: var(--space-s);
  }
  .sxa-m-b-m {
    margin-bottom: var(--space-m);
  }
  .sxa-m-b-l {
    margin-bottom: var(--space-l);
  }
  .sxa-m-b-xl {
    margin-bottom: var(--space-xl);
  }
  .sxa-m-b-xxl {
    margin-bottom: var(--space-xxl);
  }
  .sxa-m-b-auto {
    margin-bottom: auto;
  }
  .sxa-m-l-xxxs {
    margin-left: var(--space-xxxs);
  }
  .sxa-m-l-xxs {
    margin-left: var(--space-xxs);
  }
  .sxa-m-l-xs {
    margin-left: var(--space-xs);
  }
  .sxa-m-l-s {
    margin-left: var(--space-s);
  }
  .sxa-m-l-m {
    margin-left: var(--space-m);
  }
  .sxa-m-l-l {
    margin-left: var(--space-l);
  }
  .sxa-m-l-xl {
    margin-left: var(--space-xl);
  }
  .sxa-m-l-xxl {
    margin-left: var(--space-xxl);
  }
  .sxa-m-l-auto {
    margin-left: auto;
  }
  .sxa-bg-brand-primary {
    background: var(--color-brand-primary);
  }
  .sxa-bg-brand-secondary {
    background: var(--color-brand-secondary);
  }
  .sxa-bg-brand-tertiary {
    background: var(--color-brand-tertiary);
  }
  .sxa-bg-ui-gray-lightest {
    background: var(--color-ui-gray-lightest);
  }
  .sxa-bg-ui-gray-light {
    background: var(--color-ui-gray-light);
  }
  .sxa-bg-ui-gray-medium {
    background: var(--color-ui-gray-medium);
  }
  .sxa-bg-ui-gray-dark {
    background: var(--color-ui-gray-dark);
  }
  .sxa-bg-ui-white {
    background: var(--color-ui-white);
  }
  .sxa-color-brand-primary {
    color: var(--color-brand-primary);
  }
  .sxa-color-brand-primary.sxa-icon {
    fill: var(--color-brand-primary);
  }
  .sxa-color-brand-secondary,
  .sxa-color-brand-secondary.sxa-icon {
    color: var(--color-brand-secondary);
  }
  .sxa-color-brand-tertiary {
    color: var(--color-brand-tertiary);
  }
  .sxa-color-brand-tertiary.sxa-icon {
    fill: var(--color-brand-tertiary);
  }
  .sxa-color-ui-gray-lightest {
    color: var(--color-ui-gray-lightest);
  }
  .sxa-color-ui-gray-lightest.sxa-icon {
    fill: var(--color-ui-gray-lightest);
  }
  .sxa-color-ui-gray-light {
    color: var(--color-ui-gray-light);
  }
  .sxa-color-ui-gray-light.sxa-icon {
    fill: var(--color-ui-gray-light);
  }
  .sxa-color-ui-gray-medium {
    color: var(--color-ui-gray-medium);
  }
  .sxa-color-ui-gray-medium.sxa-icon {
    fill: var(--color-ui-gray-medium);
  }
  .sxa-color-ui-gray-dark {
    color: var(--color-ui-gray-dark);
  }
  .sxa-color-ui-gray-dark.sxa-icon {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-color-ui-white {
    color: var(--color-ui-white);
  }
  .sxa-color-ui-white.sxa-icon {
    fill: var(--color-ui-white);
  }
  .sxa-color-state-success {
    color: var(--color-state-success);
  }
  .sxa-color-state-success.sxa-icon {
    fill: var(--color-state-success);
  }
  .sxa-color-state-inactive {
    color: var(--color-state-inactive);
  }
  .sxa-color-state-inactive.sxa-icon {
    fill: var(--color-state-inactive);
  }
  .sxa-color-state-danger {
    color: var(--color-state-danger);
  }
  .sxa-color-state-danger.sxa-icon {
    fill: var(--color-state-danger);
  }
  .sxa-color-state-info {
    color: var(--color-state-info);
  }
  .sxa-color-state-info.sxa-icon {
    fill: var(--color-state-info);
  }
  .sxa-color-text-main {
    color: var(--color-text-main);
  }
  .sxa-color-text-main.sxa-icon {
    fill: var(--color-text-main);
  }
  .sxa-color-text-muted {
    color: var(--color-text-muted);
  }
  .sxa-color-text-muted.sxa-icon {
    fill: var(--color-text-muted);
  }
  .sxa-color-text-white {
    color: var(--color-text-white);
  }
  .sxa-color-text-white.sxa-icon {
    fill: var(--color-text-white);
  }
  .sxa-hover-color-brand-primary:hover {
    color: var(--color-brand-primary);
  }
  .sxa-hover-color-brand-primary.sxa-icon:hover {
    fill: var(--color-brand-primary);
  }
  .sxa-hover-color-brand-secondary:hover,
  .sxa-hover-color-brand-secondary.sxa-icon:hover {
    color: var(--color-brand-secondary);
  }
  .sxa-hover-color-brand-tertiary:hover {
    color: var(--color-brand-tertiary);
  }
  .sxa-hover-color-brand-tertiary.sxa-icon:hover {
    fill: var(--color-brand-tertiary);
  }
  .sxa-hover-color-ui-gray-lightest:hover {
    color: var(--color-ui-gray-lightest);
  }
  .sxa-hover-color-ui-gray-lightest.sxa-icon:hover {
    fill: var(--color-ui-gray-lightest);
  }
  .sxa-hover-color-ui-gray-light:hover {
    color: var(--color-ui-gray-light);
  }
  .sxa-hover-color-ui-gray-light.sxa-icon:hover {
    fill: var(--color-ui-gray-light);
  }
  .sxa-hover-color-ui-gray-medium:hover {
    color: var(--color-ui-gray-medium);
  }
  .sxa-hover-color-ui-gray-medium.sxa-icon:hover {
    fill: var(--color-ui-gray-medium);
  }
  .sxa-hover-color-ui-gray-dark:hover {
    color: var(--color-ui-gray-dark);
  }
  .sxa-hover-color-ui-gray-dark.sxa-icon:hover {
    fill: var(--color-ui-gray-dark);
  }
  .sxa-hover-color-ui-white:hover {
    color: var(--color-ui-white);
  }
  .sxa-hover-color-ui-white.sxa-icon:hover {
    fill: var(--color-ui-white);
  }
  .sxa-text-label {
    font-size: var(--font-size-label);
    line-height: var(--line-height-label);
  }
  .sxa-text-body-m {
    font-size: var(--font-size-body-m);
    line-height: var(--line-height-body-m);
  }
  .sxa-text-body-l {
    font-size: var(--font-size-body-l);
    line-height: var(--line-height-body-l);
  }
  .sxa-text-body-s {
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
  }
  .sxa-text-body-xs {
    font-size: var(--font-size-body-xs);
    line-height: var(--line-height-body-xs);
  }
  .sxa-text-uppercase {
    text-transform: uppercase;
  }
  .sxa-text-muted {
    color: var(--color-text-muted);
  }
  .sxa-text-extrabold {
    font-weight: var(--font-weight-extrabold);
  }
  .sxa-text-bold {
    font-weight: var(--font-weight-bold);
  }
  .sxa-text-medium {
    font-weight: var(--font-weight-medium);
  }
  .sxa-text-light {
    font-weight: var(--font-weight-light);
  }
  .sxa-text-hero {
    font-family: var(--font-family);
    font-size: var(--font-size-hero);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-hero);
  }
  .sxa-text-h1 {
    font-family: var(--font-family);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h1);
  }
  .sxa-text-h2 {
    font-family: var(--font-family);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h2);
  }
  .sxa-text-h3 {
    font-family: var(--font-family);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h3);
  }
  .sxa-text-h4 {
    font-family: var(--font-family);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h4);
  }
  .sxa-text-h5 {
    font-family: var(--font-family);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h5);
  }
  .sxa-text-h6 {
    font-family: var(--font-family);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-heading);
    line-height: var(--line-height-h6);
  }
  .sxa-text-center {
    text-align: center;
  }
  .sxa-text-underline {
    text-decoration: underline;
  }
  .sxa-fit-content {
    max-width: fit-content;
  }
  .sxa-w-full {
    width: 100%;
  }
  .sxa-h-full {
    height: 100%;
  }
  @media (min-width: 0) and (max-width: 991px) {
    .sxa-mobile-hidden {
      display: none;
    }
    .sxa-mobile-show {
      display: unset;
    }
    .sxa-mobile-flex-full {
      flex-basis: 100%;
    }
    .sxa-mobile-flex-half {
      flex-basis: 50%;
    }
    .sxa-mobile-flex-order-first {
      order: -1;
    }
  }
  @media (min-width: 992px) {
    .sxa-desktop-hidden {
      display: none;
    }
    .sxa-desktop-show {
      display: unset;
    }
    .sxa-desktop-flex-full {
      flex-basis: 100%;
    }
    .sxa-desktop-flex-half {
      flex-basis: 50%;
    }
    .sxa-desktop-flex-order-first {
      order: -1;
    }
  }
}

/* src/iframe/client/index.css */