@charset "UTF-8";
:root {
  --orbit-size-0: 0;
  --orbit-size-2: 0.125rem;
  --orbit-size-4: 0.25rem;
  --orbit-size-6: 0.375rem;
  --orbit-size-8: 0.5rem;
  --orbit-size-10: 0.625rem;
  --orbit-size-12: 0.75rem;
  --orbit-size-14: 0.875rem;
  --orbit-size-16: 1rem;
  --orbit-size-18: 1.125rem;
  --orbit-size-20: 1.25rem;
  --orbit-size-22: 1.375rem;
  --orbit-size-24: 1.5rem;
  --orbit-size-28: 1.75rem;
  --orbit-size-30: 1.875rem;
  --orbit-size-32: 2rem;
  --orbit-size-34: 2.125rem;
  --orbit-size-36: 2.25rem;
  --orbit-size-40: 2.5rem;
  --orbit-size-42: 2.625rem;
  --orbit-size-48: 3rem;
  --orbit-size-56: 3.5rem;
  --orbit-size-60: 3.75rem;
  --orbit-size-64: 4rem;
  --orbit-size-70: 4.375rem;
  --orbit-size-72: 4.5rem;
  --orbit-size-80: 5rem;
  --orbit-size-84: 5.25rem;
  --orbit-size-86: 5.375rem;
  --orbit-size-88: 5.5rem;
  --orbit-size-96: 6rem;
  --orbit-size-100: 6.25rem;
  --orbit-size-120: 7.5rem;
  --orbit-size-128: 8rem;
  --orbit-size-132: 8.25rem;
  --orbit-size-148: 9.25rem;
  --orbit-size-160: 10rem;
  --orbit-size-172: 10.75rem;
  --orbit-size-180: 11.25rem;
  --orbit-size-186: 11.625rem;
  --orbit-size-192: 12rem;
  --orbit-size-196: 12.25rem;
  --orbit-size-216: 13.5rem;
  --orbit-size-224: 14rem;
  --orbit-size-232: 14.5rem;
  --orbit-size-240: 15rem;
  --orbit-size-248: 15.5rem;
  --orbit-size-264: 16.5rem;
  --orbit-size-272: 17rem;
  --orbit-size-280: 17.5rem;
  --orbit-size-288: 18rem;
  --orbit-size-312: 19.5rem;
  --orbit-size-320: 20rem;
  --orbit-size-328: 20.5rem;
  --orbit-size-343: 21.44rem;
  --orbit-size-344: 21.5rem;
  --orbit-size-372: 23.25rem;
  --orbit-size-380: 23.75rem;
  --orbit-size-444: 27.75rem;
  --orbit-size-464: 29rem;
  --orbit-size-480: 30rem;
  --orbit-size-500: 31.25rem;
  --orbit-size-544: 34rem;
  --orbit-size-564: 35.25rem;
  --orbit-size-580: 36.25rem;
  --orbit-size-592: 37rem;
  --orbit-size-656: 41rem;
  --orbit-size-672: 42rem;
  --orbit-size-720: 45rem;
  --orbit-size-960: 60rem;
  --orbit-size-999: 999px;
  --orbit-size-1024: 1024px;
  --orbit-size-1560: 97.5rem;
}

:root {
  --orbit-radius-0: 0;
  --orbit-radius-4: 0.25rem;
  --orbit-radius-8: 0.5rem;
  --orbit-radius-12: 0.75rem;
  --orbit-radius-16: 1rem;
  --orbit-radius-24: 1.5rem;
  --orbit-radius-32: 2rem;
  --orbit-radius-round: 999px;
}

:root {
  --orbit-line-height-12: 0.75rem;
  --orbit-line-height-16: 1rem;
  --orbit-line-height-18: 1.125rem;
  --orbit-line-height-20: 1.25rem;
  --orbit-line-height-22: 1.375rem;
  --orbit-line-height-24: 1.5rem;
  --orbit-line-height-30: 1.875rem;
  --orbit-line-height-40: 2.5rem;
}

:root {
  --orbit-font-size-32: 2rem;
  --orbit-font-size-24: 1.5rem;
  --orbit-font-size-20: 1.25rem;
  --orbit-font-size-16: 1rem;
  --orbit-font-size-14: 0.875rem;
  --orbit-font-size-12: 0.75rem;
  --orbit-font-size-10: 0.625rem;
  --orbit-font-size-8: 0.5rem;
}

:root {
  --orbit-font-weight-400: 400;
  --orbit-font-weight-570: 570;
  --orbit-font-weight-640: 640;
  --orbit-font-weight-750: 750;
  --orbit-font-weight-800: 800;
}

:root {
  --orbit-spacing-0: 0;
  --orbit-spacing-2: 0.125rem;
  --orbit-spacing-4: 0.25rem;
  --orbit-spacing-8: 0.5rem;
  --orbit-spacing-12: 0.75rem;
  --orbit-spacing-16: 1rem;
  --orbit-spacing-20: 1.25rem;
  --orbit-spacing-24: 1.5rem;
  --orbit-spacing-32: 2rem;
  --orbit-spacing-40: 2.5rem;
  --orbit-spacing-48: 3rem;
  --orbit-spacing-64: 4rem;
  --orbit-spacing-80: 5rem;
  --orbit-spacing-96: 6rem;
  --orbit-spacing-128: 8rem;
  --orbit-spacing-160: 10rem;
}

:root {
  --orbit-border-width-1: 1px;
  --orbit-border-width-1_5: 1.5px;
  --orbit-border-width-2: 2px;
}

:root {
  --orbit-black-opacity-70: rgba(0, 0, 0, 0.7019607843);
  --orbit-black-opacity-20: rgba(0, 0, 0, 0.2);
  --orbit-black-opacity-10: rgba(0, 0, 0, 0.1019607843);
  --orbit-black-opacity-5: rgba(0, 0, 0, 0.0509803922);
  --orbit-blue-100: #cce5ff;
  --orbit-blue-50: #f0f7ff;
  --orbit-blue-200: #99ccff;
  --orbit-blue-300: #66b2ff;
  --orbit-blue-400: #3399ff;
  --orbit-blue-500: #0080ff;
  --orbit-blue-600: #0065cc;
  --orbit-blue-700: #004b99;
  --orbit-blue-800: #002b56;
  --orbit-green-100: #d6f5e5;
  --orbit-green-300: #70dba6;
  --orbit-green-400: #47d18b;
  --orbit-green-600: #08934e;
  --orbit-green-700: #0a7640;
  --orbit-green-800: #085d33;
  --orbit-green-opacity-10: rgba(20, 184, 102, 0.1019607843);
  --orbit-green-opacity-40: rgba(20, 184, 102, 0.4);
  --orbit-green-opacity-50: rgba(20, 184, 102, 0.5019607843);
  --orbit-green-opacity-60: rgba(20, 184, 102, 0.6);
  --orbit-grey-100: #ededed;
  --orbit-grey-200: #cccccc;
  --orbit-grey-300: #b3b3b3;
  --orbit-grey-400: #999999;
  --orbit-grey-50: #f7f7f7;
  --orbit-grey-500: #808080;
  --orbit-grey-600: #666666;
  --orbit-grey-800: #3d3d3d;
  --orbit-grey-900: #1a1a1a;
  --orbit-grey-opacity-5: rgba(26, 26, 26, 0.0509803922);
  --orbit-grey-opacity-10: rgba(128, 128, 128, 0.1019607843);
  --orbit-grey-opacity-20: rgba(128, 128, 128, 0.2);
  --orbit-grey-opacity-40: rgba(128, 128, 128, 0.4);
  --orbit-grey-opacity-50: rgba(128, 128, 128, 0.5019607843);
  --orbit-grey-opacity-60: rgba(128, 128, 128, 0.6);
  --orbit-indigo-100: #e0eaff;
  --orbit-indigo-300: #a4bcfd;
  --orbit-indigo-600: #444ce7;
  --orbit-indigo-700: #3538cd;
  --orbit-indigo-800: #2d31aa;
  --orbit-indigo-opacity-10: rgba(97, 114, 243, 0.1019607843);
  --orbit-indigo-opacity-40: rgba(97, 114, 243, 0.4);
  --orbit-indigo-opacity-50: rgba(97, 114, 243, 0.5019607843);
  --orbit-indigo-opacity-60: rgba(97, 114, 243, 0.6);
  --orbit-teal-500: #14b89c;
  --orbit-teal-600: #148d79;
  --orbit-cyan-400: #25d1f4;
  --orbit-cyan-600: #0987b1;
  --orbit-orange-100: #ffe8cc;
  --orbit-orange-200: #ffd199;
  --orbit-orange-400: #ffa333;
  --orbit-orange-500: #f18400;
  --orbit-orange-700: #cc4400;
  --orbit-purple-100: #faeafd;
  --orbit-purple-400: #e180f5;
  --orbit-purple-600: #bb26d9;
  --orbit-purple-700: #9819b2;
  --orbit-red-200: #fbd3d0;
  --orbit-red-300: #f7a8a1;
  --orbit-red-50: #fef3f2;
  --orbit-red-100: #fde9e7;
  --orbit-red-500: #ef4839;
  --orbit-red-600: #df3020;
  --orbit-red-700: #b2261a;
  --orbit-red-800: #9c2116;
  --orbit-red-opacity-10: rgba(239, 72, 57, 0.1019607843);
  --orbit-red-opacity-40: rgba(239, 72, 57, 0.4);
  --orbit-red-opacity-50: rgba(239, 72, 57, 0.5019607843);
  --orbit-red-opacity-60: rgba(239, 72, 57, 0.6);
  --orbit-violet-100: #ece9fe;
  --orbit-violet-200: #ddd6fe;
  --orbit-violet-50: #f5f3ff;
  --orbit-violet-400: #a48afb;
  --orbit-violet-600: #6927da;
  --orbit-violet-700: #5720b7;
  --orbit-violet-800: #491c96;
  --orbit-violet-opacity-40: rgba(128, 128, 128, 0.4);
  --orbit-violet-opacity-50: rgba(128, 128, 128, 0.5019607843);
  --orbit-violet-opacity-60: rgba(128, 128, 128, 0.6);
  --orbit-white: #ffffff;
  --orbit-white-opacity-1: rgba(255, 255, 255, 0.0117647059);
  --orbit-white-opacity-20: rgba(255, 255, 255, 0.2);
  --orbit-white-opacity-45: rgba(255, 255, 255, 0.4509803922);
  --orbit-white-opacity-60: rgba(255, 255, 255, 0.6);
  --orbit-yellow-300: #fad16b;
  --orbit-yellow-400: #f7be2b;
  --orbit-yellow-600: #d97604;
  --orbit-yellow-700: #ab4c07;
  --orbit-yellow-800: #802a05;
  --orbit-yellow-opacity-10: rgba(245, 159, 10, 0.1019607843);
  --orbit-yellow-opacity-40: rgba(245, 159, 10, 0.4);
  --orbit-yellow-opacity-50: rgba(245, 159, 10, 0.5019607843);
  --orbit-yellow-opacity-60: rgba(245, 159, 10, 0.6);
}

body {
  font-family: "Manrope", sans-serif;
  font-weight: var(--orbit-font-weight-400);
  font-size: var(--orbit-font-size-14);
  line-height: var(--orbit-line-height-20);
}
body .orbit-display {
  font-weight: var(--orbit-font-weight-750);
  font-size: var(--orbit-font-size-32);
  line-height: var(--orbit-line-height-40);
}
body h1 {
  margin: var(--orbit-spacing-0);
  font-weight: var(--orbit-font-weight-750);
  font-size: var(--orbit-font-size-24);
  line-height: var(--orbit-line-height-30);
}
body h2 {
  margin: var(--orbit-spacing-0);
  font-weight: var(--orbit-font-weight-640);
  font-size: var(--orbit-font-size-20);
  line-height: var(--orbit-line-height-24);
}
body h3 {
  margin: var(--orbit-spacing-0);
  font-weight: var(--orbit-font-weight-640);
  font-size: var(--orbit-font-size-16);
  line-height: var(--orbit-line-height-20);
}
body a {
  font-size: var(--orbit-font-size-14);
  line-height: var(--orbit-line-height-20);
  font-weight: var(--orbit-font-weight-640);
  text-decoration: none;
  color: var(--orbit-blue-600);
}
body a:hover {
  color: var(--orbit-blue-700);
}
body a:active {
  color: var(--orbit-blue-800);
}
body a.orbit-small-link {
  font-size: var(--orbit-font-size-12);
  line-height: var(--orbit-line-height-18);
}
body .orbit-bold {
  font-size: var(--orbit-font-size-14);
  line-height: var(--orbit-line-height-20);
  font-weight: var(--orbit-font-weight-640);
}
body .orbit-small {
  font-weight: var(--orbit-font-weight-400);
  font-size: var(--orbit-font-size-12);
  line-height: var(--orbit-line-height-18);
}
body .orbit-small-bold {
  font-weight: var(--orbit-font-weight-640);
  font-size: var(--orbit-font-size-12);
  line-height: var(--orbit-line-height-18);
}
body .orbit-tiny {
  font-weight: var(--orbit-font-weight-400);
  font-size: var(--orbit-font-size-10);
  line-height: var(--orbit-line-height-16);
}
body .orbit-tiny-bold {
  font-weight: var(--orbit-font-weight-640);
  font-size: var(--orbit-font-size-10);
  line-height: var(--orbit-line-height-16);
}
body .orbit-micro {
  font-weight: var(--orbit-font-weight-400);
  font-size: var(--orbit-font-size-8);
  line-height: var(--orbit-line-height-12);
}
body .orbit-micro-bold {
  font-weight: var(--orbit-font-weight-640);
  font-size: var(--orbit-font-size-8);
  line-height: var(--orbit-line-height-12);
}

button[matButton=filled].orbit-primary,
.mat-mdc-unelevated-button.orbit-primary,
button[matButton=outlined].orbit-secondary,
.mat-mdc-outlined-button.orbit-secondary,
button[matButton=text].orbit-tertiary,
.mat-mdc-button.orbit-tertiary,
button[matButton=filled].orbit-critical,
.mat-mdc-unelevated-button.orbit-critical,
button[matButton=filled].orbit-info,
.mat-mdc-unelevated-button.orbit-info,
button[matButton=filled].orbit-warning,
.mat-mdc-unelevated-button.orbit-warning,
button[matButton=filled].dropdown.orbit-primary,
.mat-mdc-menu-trigger.dropdown.orbit-primary,
button[matButton=outlined].dropdown.orbit-secondary,
.mat-mdc-menu-trigger.dropdown.orbit-secondary,
button[mat-mini-fab].orbit-primary,
.mat-mdc-mini-fab.orbit-primary,
button[mat-mini-fab].orbit-secondary,
.mat-mdc-mini-fab.orbit-secondary,
button[mat-icon-button].orbit-tertiary,
.mat-mdc-icon-button.orbit-tertiary {
  /* ----------------- used by mixins ----------------- */
  --orbit-button-text-general-shadow-size: var(--orbit-spacing-4);
  --orbit-button-text-general-line-height: var(--orbit-line-height-20);
  --orbit-button-text-general-max-width: var(--orbit-size-344);
  --orbit-button-text-outlined-outline-width: var(--orbit-border-width-1_5);
  --orbit-button-icon-general-container-shape: var(--orbit-radius-12);
  --orbit-button-text-action-button-padding-left: var(--orbit-spacing-16);
  --orbit-button-text-action-button-padding-right: var(--orbit-spacing-16);
  /* ---------------TEXT BUTTONS any types ---------------- */
  --orbit-button-text-filled-hover-color: var(--orbit-blue-700);
  --orbit-button-text-filled-active-color: var(--orbit-blue-800);
  --orbit-button-text-outlined-background: var(--orbit-white);
  --orbit-button-text-outlined-hover-color: var(--orbit-blue-600);
  --orbit-button-text-outlined-active-color: var(--orbit-blue-700);
  --orbit-button-text-outlined-focus-visible-color: var(--orbit-blue-700);
  --orbit-button-text-outlined-focus-visible-background: var(--orbit-white-opacity-1);
  --orbit-button-text-text-background: var(--orbit-white-opacity-1);
  --orbit-button-text-text-hover-background: var(--orbit-black-opacity-5);
  --orbit-button-text-text-hover-color: var(--orbit-blue-700);
  --orbit-button-text-text-active-background: var(--orbit-black-opacity-10);
  --orbit-button-text-text-active-color: var(--orbit-blue-800);
  --orbit-button-text-text-focus-visible-background: var(--orbit-white-opacity-1);
  --orbit-button-text-text-focus-visible-color: var(--orbit-blue-600);
  --orbit-button-text-filled-critical-background: var(--orbit-red-500);
  --orbit-button-text-filled-critical-hover-background: var(--orbit-red-600);
  --orbit-button-text-filled-critical-active-background: var(--orbit-red-700);
  --orbit-button-text-filled-critical-focus-visible-shadow: var(--orbit-red-200);
  --orbit-button-text-filled-info-background: var(--orbit-indigo-opacity-40);
  --orbit-button-text-filled-info-hover-background: var(--orbit-indigo-opacity-50);
  --orbit-button-text-filled-info-active-background: var(--orbit-indigo-opacity-60);
  --orbit-button-text-filled-info-focus-visible-shadow: var(--orbit-indigo-300);
  --orbit-button-text-filled-info-color: var(--orbit-indigo-800);
  --orbit-button-text-filled-warning-background: var(--orbit-yellow-opacity-40);
  --orbit-button-text-filled-warning-hover-background: var(--orbit-yellow-opacity-50);
  --orbit-button-text-filled-warning-active-background: var(--orbit-yellow-opacity-60);
  --orbit-button-text-filled-warning-focus-visible-shadow: var(--orbit-yellow-300);
  --orbit-button-text-filled-warning-color: var(--orbit-yellow-800);
  /* ---------------TEXT BUTTONS LOADING STATE any types ---------------- */
  --orbit-button-text-loading-primary-background: var(--orbit-blue-600);
  --orbit-button-text-loading-secondary-background: var(--orbit-white);
  --orbit-button-text-loading-critical-background: var(--orbit-red-500);
  --orbit-button-text-loading-primary-icon-color: var(--orbit-white);
  --orbit-button-text-loading-no-primary-icon-color: var(--orbit-grey-800);
  --orbit-button-text-loading-padding: var(--orbit-spacing-20);
  /* --------------- DROPDOWN ---------------- */
  --orbit-button-text-dropdown-padding-r: var(--orbit-spacing-12);
  --orbit-button-text-dropdown-active-background: var(--orbit-white);
  --orbit-button-text-dropdown-active-color: var(--orbit-grey-800);
  --orbit-button-text-dropdown-active-border-color: var(--orbit-blue-700);
  --orbit-button-text-dropdown-focus-visible-border-color: var(--orbit-blue-600);
  --orbit-button-text-dropdown-focus-visible-background: var(--orbit-white-opacity-1);
  /* ---------------ICON BUTTONS any types ---------------- */
  --orbit-button-icon-radius-s: var(--orbit-radius-8);
  --orbit-button-icon-radius-xs: var(--orbit-radius-4);
  --orbit-button-icon-primary-background: var(--orbit-blue-600);
  --orbit-button-icon-primary-hover-background: var(--orbit-blue-700);
  --orbit-button-icon-primary-active-background: var(--orbit-blue-800);
  --orbit-button-icon-primary-disabled-background: var(--orbit-grey-50);
  --orbit-button-icon-primary-color: var(--orbit-white);
  --orbit-button-icon-primary-disabled-color: var(--orbit-grey-500);
  --orbit-button-icon-mini-fab-border-color: var(--orbit-grey-100);
  --orbit-button-icon-mini-fab-disabled-border-color: var(--orbit-grey-50);
  --orbit-button-icon-mini-fab-hover-border-color: var(--orbit-blue-600);
  --orbit-button-icon-mini-fab-active-border-color: var(--orbit-blue-700);
  --orbit-button-icon-mini-fab-border: var(--orbit-border-width-1_5);
  --orbit-button-icon-mat-icon-padding: var(--orbit-spacing-0);
  --orbit-button-icon-mat-icon-background: var(--orbit-white-opacity-1);
  --orbit-button-icon-mat-icon-disabled-background: var(--orbit-grey-50);
  --orbit-button-icon-mat-icon-hover-background: var(--orbit-black-opacity-5);
  --orbit-button-icon-mat-icon-active-background: var(--orbit-black-opacity-10);
  /* ---------------ICON BUTTONS LOADING STATE any types ---------------- */
  --orbit-button-icon-loading-primary-background: var(--orbit-blue-600);
  --orbit-button-icon-loading-secondary-background: var(--orbit-white);
  --orbit-button-icon-loading-critical-background: var(--orbit-red-500);
  --orbit-button-icon-loading-primary-icon-color: var(--orbit-white);
  --orbit-button-icon-loading-no-primary-icon-color: var(--orbit-grey-800);
  /* --------------- mixin & <icon> element ---------------- */
  --orbit-button-mixin-icon-size: var(--orbit-size-20);
  --orbit-button-mixin-icon-flex-shrink: var(--orbit-size-0);
  --orbit-button-mixin-icon-margin: var(--orbit-size-0);
  --orbit-button-mixin-icon-line-height: var(--orbit-size-12);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-right-margin-l: var(--orbit-spacing-0);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-16);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-20);
  --orbit-button-mixin-icon-path-transform-2: calc(0px - var(--orbit-spacing-2));
  --orbit-button-mixin-icon-path-transform-4: calc(0px - var(--orbit-spacing-4));
  --orbit-button-mixin-focus-ring-color: var(--orbit-blue-200);
}

:root {
  /* ==============================================================
   TEXT BUTTONS: PRIMARY + Critical (filled)
   ============================================================== */
  --mat-button-filled-container-shape: var(--orbit-radius-12);
  --mat-button-filled-container-height: var(--orbit-size-48);
  --mat-button-filled-touch-target-size: var(--orbit-size-48);
  --mat-button-filled-horizontal-padding: var(--orbit-spacing-20);
  --mat-button-filled-label-text-weight: var(--orbit-font-weight-640);
  --mat-button-filled-label-text-size: var(--orbit-font-size-14);
  --mat-button-filled-container-color: var(--orbit-blue-600);
  --mat-button-filled-disabled-container-color: var(--orbit-grey-50);
  --mat-button-filled-disabled-label-text-color: var(--orbit-grey-600);
  --mat-button-filled-label-text-color: var(--orbit-white);
  --mat-button-filled-ripple-color: transparent;
  --mat-button-filled-hover-state-layer-opacity: 0;
  --mat-button-filled-pressed-state-layer-opacity: 0;
  --mat-button-filled-focus-state-layer-opacity: 0;
  --mat-button-outlined-container-shape: var(--orbit-radius-12);
  --mat-button-outlined-container-height: var(--orbit-size-48);
  --mat-button-outlined-touch-target-size: var(--orbit-size-48);
  --mat-button-outlined-horizontal-padding: var(--orbit-spacing-20);
  --mat-button-outlined-label-text-weight: var(--orbit-font-weight-640);
  --mat-button-outlined-label-text-size: var(--orbit-font-size-14);
  --mat-button-outlined-outline-width: var(--orbit-border-width-1_5);
  --mat-button-outlined-label-text-color: var(--orbit-grey-800);
  --mat-button-outlined-outline-color: var(--orbit-grey-100);
  --mat-button-outlined-disabled-label-text-color: var(--orbit-grey-600);
  --mat-button-outlined-disabled-outline-color: var(--orbit-grey-100);
  --mat-button-outlined-ripple-color: transparent;
  --mat-button-outlined-hover-state-layer-opacity: 0;
  --mat-button-outlined-pressed-state-layer-opacity: 0;
  --mat-button-outlined-focus-state-layer-opacity: 0;
  --mat-button-text-container-shape: var(--orbit-radius-12);
  --mat-button-text-container-height: var(--orbit-size-48);
  --mat-button-text-touch-target-size: var(--orbit-size-48);
  --mat-button-text-horizontal-padding: var(--orbit-spacing-20);
  --mat-button-text-label-text-weight: var(--orbit-font-weight-640);
  --mat-button-text-label-text-size: var(--orbit-font-size-14);
  --mat-button-text-label-text-color: var(--orbit-blue-600);
  --mat-button-text-disabled-label-text-color: var(--orbit-grey-600);
  --mat-button-text-ripple-color: transparent;
  --mat-button-text-hover-state-layer-opacity: 0;
  --mat-button-text-pressed-state-layer-opacity: 0;
  --mat-button-text-focus-state-layer-opacity: 0;
}

:root {
  /* ==============================================================
   ICON-ONLY: SECONDARY (mini-fab)
   ============================================================== */
  --mat-fab-small-container-shape: var(--orbit-radius-12);
  --mat-fab-small-touch-target-size: var(--orbit-size-48);
  --mat-fab-small-container-color: var(--orbit-white);
  --mat-fab-small-foreground-color: var(--orbit-grey-800);
  --mat-fab-small-disabled-state-container-color: var(--orbit-grey-50);
  --mat-fab-small-disabled-state-foreground-color: var(--orbit-grey-500);
  --mat-fab-ripple-color: transparent;
  --mat-fab-container-elevation-shadow: none;
  --mat-fab-small-focus-state-layer-opacity: 0;
  --mat-fab-small-hover-state-layer-opacity: 0;
  --mat-fab-small-pressed-state-layer-opacity: 0;
  /* ==============================================================
   ICON-ONLY: TERTIARY (icon-button)
   ============================================================== */
  --mat-icon-button-container-shape: var(--orbit-radius-12);
  --mat-icon-button-touch-target-size: var(--orbit-size-48);
  --mat-icon-button-icon-color: var(--orbit-grey-800);
  --mat-icon-button-disabled-icon-color: var(--orbit-grey-500);
  --mat-icon-button-ripple-color: transparent;
  --mat-icon-button-hover-state-layer-opacity: 0;
  --mat-icon-button-pressed-state-layer-opacity: 0;
  --mat-icon-button-focus-state-layer-opacity: 0;
}

@keyframes orbit-button-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ==============================================================
   TEXT BUTTONS: PRIMARY (material "filled")
   ============================================================== */
button[matButton=filled].orbit-primary,
.mat-mdc-unelevated-button.orbit-primary {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=filled].orbit-primary .mdc-button__label,
.mat-mdc-unelevated-button.orbit-primary .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=filled].orbit-primary .mat-mdc-button-ripple,
.mat-mdc-unelevated-button.orbit-primary .mat-mdc-button-ripple {
  display: none;
}
button[matButton=filled].orbit-primary .mat-icon,
.mat-mdc-unelevated-button.orbit-primary .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=filled].orbit-primary .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-primary .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-primary .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-primary .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=filled].orbit-primary.orbit-icon-right,
.mat-mdc-unelevated-button.orbit-primary.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=filled].orbit-primary.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-primary.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-primary.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-primary.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=filled].orbit-primary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-primary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=filled].orbit-primary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-primary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=filled].orbit-primary:focus-visible,
.mat-mdc-unelevated-button.orbit-primary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[matButton=filled].orbit-primary:not(:disabled):hover,
.mat-mdc-unelevated-button.orbit-primary:not(:disabled):hover {
  background-color: var(--orbit-button-text-filled-hover-color);
}
button[matButton=filled].orbit-primary:not(:disabled):active,
.mat-mdc-unelevated-button.orbit-primary:not(:disabled):active {
  background-color: var(--orbit-button-text-filled-active-color);
}
button[matButton=filled].orbit-primary.btn-small,
.mat-mdc-unelevated-button.orbit-primary.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=filled].orbit-primary.btn-extra-small,
.mat-mdc-unelevated-button.orbit-primary.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=filled].orbit-primary.btn-full-width,
.mat-mdc-unelevated-button.orbit-primary.btn-full-width {
  width: 100%;
}

/* ==============================================================
   TEXT BUTTONS: PRIMARY - LOADING STATE
   ============================================================== */
button[matButton=filled].orbit-primary .orbit-button-loader,
.mat-mdc-unelevated-button.orbit-primary .orbit-button-loader {
  display: none;
}

button[matButton=filled].orbit-primary.orbit-button-loading,
.mat-mdc-unelevated-button.orbit-primary.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: var(--orbit-button-text-loading-primary-background) !important;
}
button[matButton=filled].orbit-primary.orbit-button-loading .mdc-button__label,
.mat-mdc-unelevated-button.orbit-primary.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=filled].orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-unelevated-button.orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=filled].orbit-primary.orbit-button-loading .orbit-button-loader,
.mat-mdc-unelevated-button.orbit-primary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-text-loading-primary-icon-color);
}

/* ==============================================================
   TEXT BUTTONS: SECONDARY (material "outlined")
   ============================================================== */
button[matButton=outlined].orbit-secondary,
.mat-mdc-outlined-button.orbit-secondary {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=outlined].orbit-secondary .mdc-button__label,
.mat-mdc-outlined-button.orbit-secondary .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=outlined].orbit-secondary .mat-mdc-button-ripple,
.mat-mdc-outlined-button.orbit-secondary .mat-mdc-button-ripple {
  display: none;
}
button[matButton=outlined].orbit-secondary .mat-icon,
.mat-mdc-outlined-button.orbit-secondary .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=outlined].orbit-secondary .mat-icon + .mdc-button__label,
button[matButton=outlined].orbit-secondary .mdc-button__label + .mat-icon,
.mat-mdc-outlined-button.orbit-secondary .mat-icon + .mdc-button__label,
.mat-mdc-outlined-button.orbit-secondary .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=outlined].orbit-secondary.orbit-icon-right,
.mat-mdc-outlined-button.orbit-secondary.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=outlined].orbit-secondary.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=outlined].orbit-secondary.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-outlined-button.orbit-secondary.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-outlined-button.orbit-secondary.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=outlined].orbit-secondary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-outlined-button.orbit-secondary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=outlined].orbit-secondary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-outlined-button.orbit-secondary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=outlined].orbit-secondary:focus-visible,
.mat-mdc-outlined-button.orbit-secondary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[matButton=outlined].orbit-secondary,
.mat-mdc-outlined-button.orbit-secondary {
  background-color: var(--orbit-button-text-outlined-background);
}
button[matButton=outlined].orbit-secondary:not(:disabled):hover,
.mat-mdc-outlined-button.orbit-secondary:not(:disabled):hover {
  border-color: var(--orbit-button-text-outlined-hover-color);
}
button[matButton=outlined].orbit-secondary:not(:disabled):active,
.mat-mdc-outlined-button.orbit-secondary:not(:disabled):active {
  border-color: var(--orbit-button-text-outlined-active-color);
}
button[matButton=outlined].orbit-secondary:not(:disabled):focus-visible,
.mat-mdc-outlined-button.orbit-secondary:not(:disabled):focus-visible {
  border-color: var(--orbit-button-text-outlined-focus-visible-color);
  background-color: var(--orbit-button-text-outlined-focus-visible-background);
}
button[matButton=outlined].orbit-secondary.btn-small,
.mat-mdc-outlined-button.orbit-secondary.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=outlined].orbit-secondary.btn-extra-small,
.mat-mdc-outlined-button.orbit-secondary.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=outlined].orbit-secondary.btn-full-width,
.mat-mdc-outlined-button.orbit-secondary.btn-full-width {
  width: 100%;
}

/* ==============================================================
   TEXT BUTTONS: SECONDARY - LOADING STATE
   ============================================================== */
button[matButton=outlined].orbit-secondary .orbit-button-loader,
.mat-mdc-outlined-button.orbit-secondary .orbit-button-loader {
  display: none;
}

button[matButton=outlined].orbit-secondary.orbit-button-loading,
.mat-mdc-outlined-button.orbit-secondary.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: var(--orbit-button-text-loading-secondary-background) !important;
}
button[matButton=outlined].orbit-secondary.orbit-button-loading .mdc-button__label,
.mat-mdc-outlined-button.orbit-secondary.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=outlined].orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-outlined-button.orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=outlined].orbit-secondary.orbit-button-loading .orbit-button-loader,
.mat-mdc-outlined-button.orbit-secondary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-text-loading-no-primary-icon-color);
}

/* ==============================================================
   TEXT BUTTONS: TERTIARY (material "text")
   ============================================================== */
button[matButton=text].orbit-tertiary,
.mat-mdc-button.orbit-tertiary {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=text].orbit-tertiary .mdc-button__label,
.mat-mdc-button.orbit-tertiary .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=text].orbit-tertiary .mat-mdc-button-ripple,
.mat-mdc-button.orbit-tertiary .mat-mdc-button-ripple {
  display: none;
}
button[matButton=text].orbit-tertiary .mat-icon,
.mat-mdc-button.orbit-tertiary .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=text].orbit-tertiary .mat-icon + .mdc-button__label,
button[matButton=text].orbit-tertiary .mdc-button__label + .mat-icon,
.mat-mdc-button.orbit-tertiary .mat-icon + .mdc-button__label,
.mat-mdc-button.orbit-tertiary .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=text].orbit-tertiary.orbit-icon-right,
.mat-mdc-button.orbit-tertiary.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=text].orbit-tertiary.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=text].orbit-tertiary.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-button.orbit-tertiary.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-button.orbit-tertiary.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=text].orbit-tertiary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-button.orbit-tertiary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=text].orbit-tertiary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-button.orbit-tertiary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=text].orbit-tertiary:focus-visible,
.mat-mdc-button.orbit-tertiary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[matButton=text].orbit-tertiary,
.mat-mdc-button.orbit-tertiary {
  background-color: var(--orbit-button-text-text-background);
}
button[matButton=text].orbit-tertiary:not(:disabled):hover,
.mat-mdc-button.orbit-tertiary:not(:disabled):hover {
  background-color: var(--orbit-button-text-text-hover-background);
  color: var(--orbit-button-text-text-hover-color);
}
button[matButton=text].orbit-tertiary:not(:disabled):active,
.mat-mdc-button.orbit-tertiary:not(:disabled):active {
  background-color: var(--orbit-button-text-text-active-background);
  color: var(--orbit-button-text-text-active-color);
}
button[matButton=text].orbit-tertiary:not(:disabled):focus-visible,
.mat-mdc-button.orbit-tertiary:not(:disabled):focus-visible {
  background-color: var(--orbit-button-text-text-focus-visible-background);
  color: var(--orbit-button-text-text-focus-visible-color);
}
button[matButton=text].orbit-tertiary.btn-small,
.mat-mdc-button.orbit-tertiary.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=text].orbit-tertiary.btn-extra-small,
.mat-mdc-button.orbit-tertiary.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=text].orbit-tertiary.btn-full-width,
.mat-mdc-button.orbit-tertiary.btn-full-width {
  width: 100%;
}

/* ==============================================================
   TEXT BUTTONS: TERTIARY - LOADING STATE
   ============================================================== */
button[matButton=text].orbit-tertiary .orbit-button-loader,
.mat-mdc-button.orbit-tertiary .orbit-button-loader {
  display: none;
}

button[matButton=text].orbit-tertiary.orbit-button-loading,
.mat-mdc-button.orbit-tertiary.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: var(--orbit-button-text-text-background) !important;
}
button[matButton=text].orbit-tertiary.orbit-button-loading .mdc-button__label,
.mat-mdc-button.orbit-tertiary.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=text].orbit-tertiary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-button.orbit-tertiary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=text].orbit-tertiary.orbit-button-loading .orbit-button-loader,
.mat-mdc-button.orbit-tertiary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-text-loading-no-primary-icon-color);
}

/* ==============================================================
   TEXT BUTTONS: CRITICAL (material "filled")
   ============================================================== */
button[matButton=filled].orbit-critical,
.mat-mdc-unelevated-button.orbit-critical {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=filled].orbit-critical .mdc-button__label,
.mat-mdc-unelevated-button.orbit-critical .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=filled].orbit-critical .mat-mdc-button-ripple,
.mat-mdc-unelevated-button.orbit-critical .mat-mdc-button-ripple {
  display: none;
}
button[matButton=filled].orbit-critical .mat-icon,
.mat-mdc-unelevated-button.orbit-critical .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=filled].orbit-critical .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-critical .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-critical .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-critical .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=filled].orbit-critical.orbit-icon-right,
.mat-mdc-unelevated-button.orbit-critical.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=filled].orbit-critical.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-critical.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-critical.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-critical.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=filled].orbit-critical:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-critical:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=filled].orbit-critical.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-critical.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=filled].orbit-critical:not(:disabled),
.mat-mdc-unelevated-button.orbit-critical:not(:disabled) {
  background-color: var(--orbit-button-text-filled-critical-background);
}
button[matButton=filled].orbit-critical:not(:disabled):hover,
.mat-mdc-unelevated-button.orbit-critical:not(:disabled):hover {
  background-color: var(--orbit-button-text-filled-critical-hover-background);
}
button[matButton=filled].orbit-critical:not(:disabled):active,
.mat-mdc-unelevated-button.orbit-critical:not(:disabled):active {
  background-color: var(--orbit-button-text-filled-critical-active-background);
}
button[matButton=filled].orbit-critical:not(:disabled):focus-visible,
.mat-mdc-unelevated-button.orbit-critical:not(:disabled):focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-text-filled-critical-focus-visible-shadow);
  outline: none;
}
button[matButton=filled].orbit-critical.btn-small,
.mat-mdc-unelevated-button.orbit-critical.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=filled].orbit-critical.btn-extra-small,
.mat-mdc-unelevated-button.orbit-critical.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=filled].orbit-critical.btn-full-width,
.mat-mdc-unelevated-button.orbit-critical.btn-full-width {
  width: 100%;
}

/* ==============================================================
   TEXT BUTTONS: CRITICAL - LOADING STATE
   ============================================================== */
button[matButton=filled].orbit-critical .orbit-button-loader,
.mat-mdc-unelevated-button.orbit-critical .orbit-button-loader {
  display: none;
}

button[matButton=filled].orbit-critical.orbit-button-loading,
.mat-mdc-unelevated-button.orbit-critical.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: var(--orbit-button-text-loading-critical-background) !important;
}
button[matButton=filled].orbit-critical.orbit-button-loading .mdc-button__label,
.mat-mdc-unelevated-button.orbit-critical.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=filled].orbit-critical.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-unelevated-button.orbit-critical.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=filled].orbit-critical.orbit-button-loading .orbit-button-loader,
.mat-mdc-unelevated-button.orbit-critical.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-text-loading-primary-icon-color);
}

/* ==============================================================
   TEXT BUTTONS: INFO (material "filled")
   ============================================================== */
button[matButton=filled].orbit-info,
.mat-mdc-unelevated-button.orbit-info {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=filled].orbit-info .mdc-button__label,
.mat-mdc-unelevated-button.orbit-info .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=filled].orbit-info .mat-mdc-button-ripple,
.mat-mdc-unelevated-button.orbit-info .mat-mdc-button-ripple {
  display: none;
}
button[matButton=filled].orbit-info .mat-icon,
.mat-mdc-unelevated-button.orbit-info .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=filled].orbit-info .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-info .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-info .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-info .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=filled].orbit-info.orbit-icon-right,
.mat-mdc-unelevated-button.orbit-info.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=filled].orbit-info.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-info.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-info.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-info.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=filled].orbit-info:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-info:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=filled].orbit-info.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-info.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=filled].orbit-info,
.mat-mdc-unelevated-button.orbit-info {
  padding-left: var(--orbit-button-text-action-button-padding-left);
  padding-right: var(--orbit-button-text-action-button-padding-right);
  --mat-button-filled-label-text-color: var(--orbit-button-text-filled-info-color);
}
button[matButton=filled].orbit-info:not(:disabled),
.mat-mdc-unelevated-button.orbit-info:not(:disabled) {
  background-color: var(--orbit-button-text-filled-info-background);
}
button[matButton=filled].orbit-info:not(:disabled):hover,
.mat-mdc-unelevated-button.orbit-info:not(:disabled):hover {
  background-color: var(--orbit-button-text-filled-info-hover-background);
}
button[matButton=filled].orbit-info:not(:disabled):active,
.mat-mdc-unelevated-button.orbit-info:not(:disabled):active {
  background-color: var(--orbit-button-text-filled-info-active-background);
}
button[matButton=filled].orbit-info:not(:disabled):focus-visible,
.mat-mdc-unelevated-button.orbit-info:not(:disabled):focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-text-filled-info-focus-visible-shadow);
  outline: none;
}
button[matButton=filled].orbit-info.btn-small,
.mat-mdc-unelevated-button.orbit-info.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=filled].orbit-info.btn-extra-small,
.mat-mdc-unelevated-button.orbit-info.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=filled].orbit-info.btn-full-width,
.mat-mdc-unelevated-button.orbit-info.btn-full-width {
  width: 100%;
}

/* ==============================================================
   TEXT BUTTONS: WARNING (material "filled")
   ============================================================== */
button[matButton=filled].orbit-warning,
.mat-mdc-unelevated-button.orbit-warning {
  max-width: var(--orbit-button-text-general-max-width);
}
button[matButton=filled].orbit-warning .mdc-button__label,
.mat-mdc-unelevated-button.orbit-warning .mdc-button__label {
  line-height: var(--orbit-button-text-general-line-height);
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
button[matButton=filled].orbit-warning .mat-mdc-button-ripple,
.mat-mdc-unelevated-button.orbit-warning .mat-mdc-button-ripple {
  display: none;
}
button[matButton=filled].orbit-warning .mat-icon,
.mat-mdc-unelevated-button.orbit-warning .mat-icon {
  font-size: var(--orbit-button-mixin-icon-size);
  width: var(--orbit-button-mixin-icon-size);
  height: var(--orbit-button-mixin-icon-size);
  line-height: var(--orbit-button-mixin-icon-line-height);
  flex-shrink: var(--orbit-button-mixin-icon-flex-shrink);
  margin: var(--orbit-button-mixin-icon-margin);
}
button[matButton=filled].orbit-warning .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-warning .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-warning .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-warning .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-margin-l);
}
button[matButton=filled].orbit-warning.orbit-icon-right,
.mat-mdc-unelevated-button.orbit-warning.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=filled].orbit-warning.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=filled].orbit-warning.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.orbit-warning.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-unelevated-button.orbit-warning.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=filled].orbit-warning:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-warning:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=filled].orbit-warning.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-unelevated-button.orbit-warning.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=filled].orbit-warning,
.mat-mdc-unelevated-button.orbit-warning {
  padding-left: var(--orbit-button-text-action-button-padding-left);
  padding-right: var(--orbit-button-text-action-button-padding-right);
  --mat-button-filled-label-text-color: var(--orbit-button-text-filled-warning-color);
}
button[matButton=filled].orbit-warning:not(:disabled),
.mat-mdc-unelevated-button.orbit-warning:not(:disabled) {
  background-color: var(--orbit-button-text-filled-warning-background);
}
button[matButton=filled].orbit-warning:not(:disabled):hover,
.mat-mdc-unelevated-button.orbit-warning:not(:disabled):hover {
  background-color: var(--orbit-button-text-filled-warning-hover-background);
}
button[matButton=filled].orbit-warning:not(:disabled):active,
.mat-mdc-unelevated-button.orbit-warning:not(:disabled):active {
  background-color: var(--orbit-button-text-filled-warning-active-background);
}
button[matButton=filled].orbit-warning:not(:disabled):focus-visible,
.mat-mdc-unelevated-button.orbit-warning:not(:disabled):focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-text-filled-warning-focus-visible-shadow);
  outline: none;
}
button[matButton=filled].orbit-warning.btn-small,
.mat-mdc-unelevated-button.orbit-warning.btn-small {
  height: var(--orbit-size-32);
  border-radius: var(--orbit-radius-8);
}
button[matButton=filled].orbit-warning.btn-extra-small,
.mat-mdc-unelevated-button.orbit-warning.btn-extra-small {
  min-width: var(--orbit-size-36);
  height: var(--orbit-size-20);
  border-radius: var(--orbit-radius-4);
  padding-left: var(--orbit-spacing-12);
  padding-right: var(--orbit-spacing-12);
  font-size: var(--orbit-font-size-12);
  --orbit-button-mixin-icon-size: var(--orbit-size-12);
  --orbit-button-mixin-icon-right-padding-l: var(--orbit-spacing-12);
  --orbit-button-mixin-icon-right-padding-r: var(--orbit-spacing-8);
  --orbit-button-mixin-icon-margin-l: var(--orbit-spacing-4);
  --orbit-button-mixin-icon-right-margin-r: var(--orbit-spacing-4);
  --orbit-button-text-loading-padding: var(--orbit-spacing-12);
}
button[matButton=filled].orbit-warning.btn-full-width,
.mat-mdc-unelevated-button.orbit-warning.btn-full-width {
  width: 100%;
}

/* ==============================================================
   ICON-ONLY: PRIMARY (material "mini-fab")
   ============================================================== */
button[mat-mini-fab].orbit-primary.orbit-size-48,
.mat-mdc-mini-fab.orbit-primary.orbit-size-48 {
  width: 3rem;
  height: 3rem;
  border-radius: var(--orbit-button-icon-general-container-shape);
}
button[mat-mini-fab].orbit-primary.orbit-size-48 .mat-icon,
.mat-mdc-mini-fab.orbit-primary.orbit-size-48 .mat-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-48 .mat-icon svg,
.mat-mdc-mini-fab.orbit-primary.orbit-size-48 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-primary.orbit-size-48 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-primary.orbit-size-48 .mat-mdc-button-touch-target {
  width: 3rem;
  height: 3rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-32,
.mat-mdc-mini-fab.orbit-primary.orbit-size-32 {
  width: 2rem;
  height: 2rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-mini-fab].orbit-primary.orbit-size-32 .mat-icon,
.mat-mdc-mini-fab.orbit-primary.orbit-size-32 .mat-icon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-32 .mat-icon svg,
.mat-mdc-mini-fab.orbit-primary.orbit-size-32 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-primary.orbit-size-32 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-primary.orbit-size-32 .mat-mdc-button-touch-target {
  width: 2rem;
  height: 2rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-24,
.mat-mdc-mini-fab.orbit-primary.orbit-size-24 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-mini-fab].orbit-primary.orbit-size-24 .mat-icon,
.mat-mdc-mini-fab.orbit-primary.orbit-size-24 .mat-icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-24 .mat-icon svg,
.mat-mdc-mini-fab.orbit-primary.orbit-size-24 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-primary.orbit-size-24 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-primary.orbit-size-24 .mat-mdc-button-touch-target {
  width: 1.5rem;
  height: 1.5rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-20,
.mat-mdc-mini-fab.orbit-primary.orbit-size-20 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--orbit-button-icon-radius-xs);
}
button[mat-mini-fab].orbit-primary.orbit-size-20 .mat-icon,
.mat-mdc-mini-fab.orbit-primary.orbit-size-20 .mat-icon {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
}
button[mat-mini-fab].orbit-primary.orbit-size-20 .mat-icon svg,
.mat-mdc-mini-fab.orbit-primary.orbit-size-20 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-primary.orbit-size-20 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-primary.orbit-size-20 .mat-mdc-button-touch-target {
  width: 1.25rem;
  height: 1.25rem;
}
button[mat-mini-fab].orbit-primary:focus-visible,
.mat-mdc-mini-fab.orbit-primary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[mat-mini-fab].orbit-primary,
.mat-mdc-mini-fab.orbit-primary {
  box-shadow: none !important;
  border: none;
}
button[mat-mini-fab].orbit-primary .mat-mdc-button-ripple,
.mat-mdc-mini-fab.orbit-primary .mat-mdc-button-ripple {
  display: none;
}
button[mat-mini-fab].orbit-primary:not(:disabled),
.mat-mdc-mini-fab.orbit-primary:not(:disabled) {
  background-color: var(--orbit-button-icon-primary-background);
  color: var(--orbit-button-icon-primary-color);
}
button[mat-mini-fab].orbit-primary:disabled,
.mat-mdc-mini-fab.orbit-primary:disabled {
  background-color: var(--orbit-button-icon-primary-disabled-background);
  color: var(--orbit-button-icon-primary-disabled-color);
}
button[mat-mini-fab].orbit-primary:not(:disabled):hover,
.mat-mdc-mini-fab.orbit-primary:not(:disabled):hover {
  background-color: var(--orbit-button-icon-primary-hover-background);
}
button[mat-mini-fab].orbit-primary:not(:disabled):active,
.mat-mdc-mini-fab.orbit-primary:not(:disabled):active {
  background-color: var(--orbit-button-icon-primary-active-background);
}
button[mat-mini-fab].orbit-primary:not(:disabled):focus-visible,
.mat-mdc-mini-fab.orbit-primary:not(:disabled):focus-visible {
  background-color: var(--orbit-button-icon-primary-background);
}

/* ==============================================================
   ICON BUTTONS: PRIMARY - LOADING STATE
   ============================================================== */
button[mat-mini-fab].orbit-primary .orbit-button-loader,
.mat-mdc-mini-fab.orbit-primary .orbit-button-loader {
  display: none;
}

button[mat-mini-fab].orbit-primary.orbit-button-loading,
.mat-mdc-mini-fab.orbit-primary.orbit-button-loading {
  background-color: var(--orbit-button-icon-loading-primary-background) !important;
  opacity: 1 !important;
}
button[mat-mini-fab].orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-mini-fab.orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[mat-mini-fab].orbit-primary.orbit-button-loading .orbit-button-loader,
.mat-mdc-mini-fab.orbit-primary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-icon-loading-primary-icon-color);
}

/* ==============================================================
   ICON-ONLY: SECONDARY (material "mini-fab")
   ============================================================== */
button[mat-mini-fab].orbit-secondary.orbit-size-48,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-48 {
  width: 3rem;
  height: 3rem;
  border-radius: var(--orbit-button-icon-general-container-shape);
}
button[mat-mini-fab].orbit-secondary.orbit-size-48 .mat-icon,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-48 .mat-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-48 .mat-icon svg,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-48 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-secondary.orbit-size-48 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-48 .mat-mdc-button-touch-target {
  width: 3rem;
  height: 3rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-32,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-32 {
  width: 2rem;
  height: 2rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-mini-fab].orbit-secondary.orbit-size-32 .mat-icon,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-32 .mat-icon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-32 .mat-icon svg,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-32 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-secondary.orbit-size-32 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-32 .mat-mdc-button-touch-target {
  width: 2rem;
  height: 2rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-24,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-24 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-mini-fab].orbit-secondary.orbit-size-24 .mat-icon,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-24 .mat-icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-24 .mat-icon svg,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-24 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-secondary.orbit-size-24 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-24 .mat-mdc-button-touch-target {
  width: 1.5rem;
  height: 1.5rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-20,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-20 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--orbit-button-icon-radius-xs);
}
button[mat-mini-fab].orbit-secondary.orbit-size-20 .mat-icon,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-20 .mat-icon {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
}
button[mat-mini-fab].orbit-secondary.orbit-size-20 .mat-icon svg,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-20 .mat-icon svg {
  display: flex;
}
button[mat-mini-fab].orbit-secondary.orbit-size-20 .mat-mdc-button-touch-target,
.mat-mdc-mini-fab.orbit-secondary.orbit-size-20 .mat-mdc-button-touch-target {
  width: 1.25rem;
  height: 1.25rem;
}
button[mat-mini-fab].orbit-secondary:focus-visible,
.mat-mdc-mini-fab.orbit-secondary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[mat-mini-fab].orbit-secondary,
.mat-mdc-mini-fab.orbit-secondary {
  box-shadow: none !important;
  border-width: var(--orbit-button-icon-mini-fab-border);
  border-style: solid;
}
button[mat-mini-fab].orbit-secondary .mat-mdc-button-ripple,
.mat-mdc-mini-fab.orbit-secondary .mat-mdc-button-ripple {
  display: none;
}
button[mat-mini-fab].orbit-secondary:not(:disabled),
.mat-mdc-mini-fab.orbit-secondary:not(:disabled) {
  border-color: var(--orbit-button-icon-mini-fab-border-color);
}
button[mat-mini-fab].orbit-secondary:disabled,
.mat-mdc-mini-fab.orbit-secondary:disabled {
  border-color: var(--orbit-button-icon-mini-fab-disabled-border-color);
}
button[mat-mini-fab].orbit-secondary:not(:disabled):hover,
.mat-mdc-mini-fab.orbit-secondary:not(:disabled):hover {
  border-color: var(--orbit-button-icon-mini-fab-hover-border-color);
}
button[mat-mini-fab].orbit-secondary:not(:disabled):active,
.mat-mdc-mini-fab.orbit-secondary:not(:disabled):active {
  border-color: var(--orbit-button-icon-mini-fab-active-border-color);
}
button[mat-mini-fab].orbit-secondary:not(:disabled):focus-visible,
.mat-mdc-mini-fab.orbit-secondary:not(:disabled):focus-visible {
  border-color: var(--orbit-button-icon-mini-fab-active-border-color);
}

/* ==============================================================
   ICON BUTTONS: SECONDARY - LOADING STATE
   ============================================================== */
button[mat-mini-fab].orbit-secondary .orbit-button-loader,
.mat-mdc-mini-fab.orbit-secondary .orbit-button-loader {
  display: none;
}

button[mat-mini-fab].orbit-secondary.orbit-button-loading,
.mat-mdc-mini-fab.orbit-secondary.orbit-button-loading {
  background-color: var(--orbit-button-icon-loading-secondary-background) !important;
  opacity: 1 !important;
}
button[mat-mini-fab].orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-mini-fab.orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[mat-mini-fab].orbit-secondary.orbit-button-loading .orbit-button-loader,
.mat-mdc-mini-fab.orbit-secondary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-icon-loading-no-primary-icon-color);
}
button[mat-mini-fab].orbit-secondary.orbit-button-loading,
.mat-mdc-mini-fab.orbit-secondary.orbit-button-loading {
  border-color: var(--orbit-button-icon-mini-fab-border-color) !important;
}

/* ==============================================================
   ICON-ONLY: TERTIARY (material "icon-button")
   ============================================================== */
button[mat-icon-button].orbit-tertiary.orbit-size-48,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-48 {
  width: 3rem;
  height: 3rem;
  border-radius: var(--orbit-button-icon-general-container-shape);
}
button[mat-icon-button].orbit-tertiary.orbit-size-48 .mat-icon,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-48 .mat-icon {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-48 .mat-icon svg,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-48 .mat-icon svg {
  display: flex;
}
button[mat-icon-button].orbit-tertiary.orbit-size-48 .mat-mdc-button-touch-target,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-48 .mat-mdc-button-touch-target {
  width: 3rem;
  height: 3rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-32,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-32 {
  width: 2rem;
  height: 2rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-icon-button].orbit-tertiary.orbit-size-32 .mat-icon,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-32 .mat-icon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-32 .mat-icon svg,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-32 .mat-icon svg {
  display: flex;
}
button[mat-icon-button].orbit-tertiary.orbit-size-32 .mat-mdc-button-touch-target,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-32 .mat-mdc-button-touch-target {
  width: 2rem;
  height: 2rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-24,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-24 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--orbit-button-icon-radius-s);
}
button[mat-icon-button].orbit-tertiary.orbit-size-24 .mat-icon,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-24 .mat-icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-24 .mat-icon svg,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-24 .mat-icon svg {
  display: flex;
}
button[mat-icon-button].orbit-tertiary.orbit-size-24 .mat-mdc-button-touch-target,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-24 .mat-mdc-button-touch-target {
  width: 1.5rem;
  height: 1.5rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-20,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-20 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--orbit-button-icon-radius-xs);
}
button[mat-icon-button].orbit-tertiary.orbit-size-20 .mat-icon,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-20 .mat-icon {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
}
button[mat-icon-button].orbit-tertiary.orbit-size-20 .mat-icon svg,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-20 .mat-icon svg {
  display: flex;
}
button[mat-icon-button].orbit-tertiary.orbit-size-20 .mat-mdc-button-touch-target,
.mat-mdc-icon-button.orbit-tertiary.orbit-size-20 .mat-mdc-button-touch-target {
  width: 1.25rem;
  height: 1.25rem;
}
button[mat-icon-button].orbit-tertiary:focus-visible,
.mat-mdc-icon-button.orbit-tertiary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[mat-icon-button].orbit-tertiary,
.mat-mdc-icon-button.orbit-tertiary {
  padding: var(--orbit-button-icon-mat-icon-padding);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
button[mat-icon-button].orbit-tertiary svg,
.mat-mdc-icon-button.orbit-tertiary svg {
  height: 100%;
  width: 100%;
}
button[mat-icon-button].orbit-tertiary:not(:disabled),
.mat-mdc-icon-button.orbit-tertiary:not(:disabled) {
  background-color: var(--orbit-button-icon-mat-icon-background);
}
button[mat-icon-button].orbit-tertiary:disabled,
.mat-mdc-icon-button.orbit-tertiary:disabled {
  background-color: var(--orbit-button-icon-mat-icon-disabled-background);
}
button[mat-icon-button].orbit-tertiary:not(:disabled):hover,
.mat-mdc-icon-button.orbit-tertiary:not(:disabled):hover {
  background-color: var(--orbit-button-icon-mat-icon-hover-background);
}
button[mat-icon-button].orbit-tertiary:not(:disabled):active,
.mat-mdc-icon-button.orbit-tertiary:not(:disabled):active {
  background-color: var(--orbit-button-icon-mat-icon-active-background);
}
button[mat-icon-button].orbit-tertiary:not(:disabled):focus-visible,
.mat-mdc-icon-button.orbit-tertiary:not(:disabled):focus-visible {
  background-color: var(--orbit-button-icon-mat-icon-background);
}

/* ==============================================================
   ICON BUTTONS: TERTIARY - LOADING STATE
   ============================================================== */
button[mat-icon-button].orbit-tertiary .orbit-button-loader,
.mat-mdc-icon-button.orbit-tertiary .orbit-button-loader {
  display: none;
}

button[mat-icon-button].orbit-tertiary.orbit-button-loading,
.mat-mdc-icon-button.orbit-tertiary.orbit-button-loading {
  background-color: var(--orbit-button-icon-mat-icon-background) !important;
  opacity: 1 !important;
}
button[mat-icon-button].orbit-tertiary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-icon-button.orbit-tertiary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[mat-icon-button].orbit-tertiary.orbit-button-loading .orbit-button-loader,
.mat-mdc-icon-button.orbit-tertiary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-button-icon-loading-no-primary-icon-color);
}

/* ==============================================================
   DROPDOWN: PRIMARY (filled)
   ============================================================== */
button[matButton=filled].dropdown.orbit-primary.orbit-icon-right,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=filled].dropdown.orbit-primary.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=filled].dropdown.orbit-primary.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=filled].dropdown.orbit-primary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-menu-trigger.dropdown.orbit-primary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=filled].dropdown.orbit-primary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=filled].dropdown.orbit-primary:focus-visible,
.mat-mdc-menu-trigger.dropdown.orbit-primary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[matButton=filled].dropdown.orbit-primary .mat-mdc-button-ripple,
.mat-mdc-menu-trigger.dropdown.orbit-primary .mat-mdc-button-ripple {
  display: none;
}

/* ==============================================================
   DROPDOWN: PRIMARY - LOADING STATE
   ============================================================== */
button[matButton=filled].dropdown.orbit-primary .orbit-button-loader,
.mat-mdc-menu-trigger.dropdown.orbit-primary .orbit-button-loader {
  display: none;
}

button[matButton=filled].dropdown.orbit-primary.orbit-button-loading,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: var(--orbit-blue-600) !important;
}
button[matButton=filled].dropdown.orbit-primary.orbit-button-loading .mdc-button__label,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=filled].dropdown.orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=filled].dropdown.orbit-primary.orbit-button-loading .orbit-button-loader,
.mat-mdc-menu-trigger.dropdown.orbit-primary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-white);
}

/* ==============================================================
   DROPDOWN: SECONDARY (outlined)
   ============================================================== */
button[matButton=outlined].dropdown.orbit-secondary.orbit-icon-right,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-icon-right {
  flex-direction: row-reverse;
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-icon-right .mat-icon + .mdc-button__label,
button[matButton=outlined].dropdown.orbit-secondary.orbit-icon-right .mdc-button__label + .mat-icon,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-icon-right .mat-icon + .mdc-button__label,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-icon-right .mdc-button__label + .mat-icon {
  margin-left: var(--orbit-button-mixin-icon-right-margin-l);
  margin-right: var(--orbit-button-mixin-icon-right-margin-r);
}
button[matButton=outlined].dropdown.orbit-secondary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label),
.mat-mdc-menu-trigger.dropdown.orbit-secondary:not(.orbit-icon-right):has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-l);
  padding-left: var(--orbit-button-mixin-icon-right-padding-r);
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label),
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-icon-right:has(.mat-icon ~ .mdc-button__label) {
  padding-right: var(--orbit-button-mixin-icon-right-padding-r);
  padding-left: var(--orbit-button-mixin-icon-right-padding-l);
}
button[matButton=outlined].dropdown.orbit-secondary:focus-visible,
.mat-mdc-menu-trigger.dropdown.orbit-secondary:focus-visible {
  box-shadow: 0 0 0 var(--orbit-button-text-general-shadow-size) var(--orbit-button-mixin-focus-ring-color) !important;
  outline: none;
}
button[matButton=outlined].dropdown.orbit-secondary,
.mat-mdc-menu-trigger.dropdown.orbit-secondary {
  border-width: var(--orbit-button-text-outlined-outline-width);
  border-style: solid;
  padding-right: var(--orbit-button-text-dropdown-padding-r) !important;
}
button[matButton=outlined].dropdown.orbit-secondary .mat-mdc-button-ripple,
.mat-mdc-menu-trigger.dropdown.orbit-secondary .mat-mdc-button-ripple {
  display: none;
}
button[matButton=outlined].dropdown.orbit-secondary:not(:disabled):active,
.mat-mdc-menu-trigger.dropdown.orbit-secondary:not(:disabled):active {
  border-color: var(--orbit-button-text-dropdown-active-border-color);
  background-color: var(--orbit-button-text-dropdown-active-background);
  color: var(--orbit-button-text-dropdown-active-color);
}
button[matButton=outlined].dropdown.orbit-secondary:not(:disabled):focus-visible,
.mat-mdc-menu-trigger.dropdown.orbit-secondary:not(:disabled):focus-visible {
  border-color: var(--orbit-button-text-dropdown-focus-visible-border-color);
  background-color: var(--orbit-button-text-dropdown-focus-visible-background);
}

/* ==============================================================
   DROPDOWN: SECONDARY - LOADING STATE
   ============================================================== */
button[matButton=outlined].dropdown.orbit-secondary .orbit-button-loader,
.mat-mdc-menu-trigger.dropdown.orbit-secondary .orbit-button-loader {
  display: none;
}

button[matButton=outlined].dropdown.orbit-secondary.orbit-button-loading,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-button-loading {
  padding-left: var(--orbit-button-text-loading-padding) !important;
  padding-right: var(--orbit-button-text-loading-padding) !important;
  background-color: transparent !important;
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-button-loading .mdc-button__label,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-button-loading .mdc-button__label {
  display: none !important;
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader),
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-button-loading .mat-icon:not(.orbit-button-loader) {
  display: none !important;
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-button-loading .orbit-button-loader,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-button-loading .orbit-button-loader {
  display: flex !important;
  animation: orbit-button-loader-spin 0.8s linear infinite;
  color: var(--orbit-grey-800);
}
button[matButton=outlined].dropdown.orbit-secondary.orbit-button-loading,
.mat-mdc-menu-trigger.dropdown.orbit-secondary.orbit-button-loading {
  border-color: var(--orbit-grey-100) !important;
}

.orbit-button-toggle-group-wrapper {
  --orbit-button-toggle-wrapper-gap: var(--orbit-spacing-8);
  --orbit-button-toggle-wrapper-color: var(--orbit-grey-800);
}

.orbit-button-toggle-group {
  --orbit-button-toggle-group-background: var(--orbit-grey-50);
  --orbit-button-toggle-group-padding: var(--orbit-spacing-4);
  --orbit-button-toggle-group-gap: var(--orbit-spacing-4);
  --orbit-button-toggle-item-radius: var(--orbit-radius-8);
  --orbit-button-toggle-item-max-width: var(--orbit-size-344);
  --orbit-button-toggle-item-max-height: var(--orbit-size-40);
  --orbit-button-toggle-item-hover-background: var(--orbit-black-opacity-5);
  --orbit-button-toggle-item-focus-box-shadow: var(--orbit-size-0) var(--orbit-size-0)
    var(--orbit-size-0) var(--orbit-size-4) var(--orbit-blue-200);
  --orbit-button-toggle-label-padding: var(--orbit-spacing-0) var(--orbit-spacing-20);
  --orbit-button-toggle-icon-size: var(--orbit-size-20);
  --orbit-button-toggle-checked-shadow: var(--orbit-size-0) var(--orbit-size-2) var(--orbit-size-4)
    var(--orbit-size-0) var(--orbit-black-opacity-10);
  --orbit-button-toggle-checked-focus-border: var(--orbit-border-width-1_5) solid
    var(--orbit-blue-700);
}

:root {
  --mat-button-toggle-shape: var(--orbit-radius-12);
  --mat-button-toggle-divider-color: var(--orbit-white-opacity-60);
  --mat-button-toggle-text-color: var(--orbit-grey-800);
  --mat-button-toggle-label-text-size: var(--orbit-font-size-14);
  --mat-button-toggle-label-text-weight: var(--orbit-font-weight-400);
  --mat-button-toggle-label-text-line-height: var(--orbit-line-height-20);
  --mat-button-toggle-selected-state-background-color: var(--orbit-white);
  --mat-button-toggle-selected-state-text-color: var(--orbit-grey-800);
  --mat-button-toggle-state-layer-color: transparent;
  --mat-button-toggle-hover-state-layer-opacity: 0;
  --mat-button-toggle-focus-state-layer-opacity: 1;
  --mat-button-toggle-height: var(--orbit-size-40);
}

.orbit-button-toggle-group-wrapper {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--orbit-button-toggle-wrapper-gap);
  color: var(--orbit-button-toggle-wrapper-color);
}
.orbit-button-toggle-group.mat-button-toggle-group {
  background: var(--orbit-button-toggle-group-background);
  padding: var(--orbit-button-toggle-group-padding);
  gap: var(--orbit-button-toggle-group-gap);
}
.orbit-button-toggle-group.mat-button-toggle-group .mat-button-toggle + .mat-button-toggle {
  border-left: none;
}
.orbit-button-toggle-group .mat-button-toggle {
  border-radius: var(--orbit-button-toggle-item-radius);
  max-width: var(--orbit-button-toggle-item-max-width);
  max-height: var(--orbit-button-toggle-item-max-height);
}
.orbit-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked):hover {
  background: var(--orbit-button-toggle-item-hover-background);
}
.orbit-button-toggle-group .mat-button-toggle.cdk-keyboard-focused {
  box-shadow: var(--orbit-button-toggle-item-focus-box-shadow);
}
.orbit-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content {
  padding: var(--orbit-button-toggle-label-padding);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orbit-button-toggle-group .mat-button-toggle mat-icon {
  vertical-align: text-top;
  width: var(--orbit-button-toggle-icon-size);
  height: var(--orbit-button-toggle-icon-size);
}
.orbit-button-toggle-group .mat-button-toggle-ripple {
  display: none;
}
.orbit-button-toggle-group .mat-button-toggle-checked {
  box-shadow: var(--orbit-button-toggle-checked-shadow);
}
.orbit-button-toggle-group .mat-button-toggle-checked.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
  border: var(--orbit-button-toggle-checked-focus-border);
}

:root {
  --mat-form-field-container-height: var(--orbit-size-56);
  --mat-form-field-outlined-label-text-font: var(--orbit-font-size-14);
  --mat-form-field-outlined-outline-width: var(--orbit-border-width-2);
  --mat-form-field-outlined-focus-outline-width: var(--orbit-border-width-2);
  --mat-form-field-subscript-text-size: var(--orbit-font-size-10);
  --mat-form-field-outlined-label-text-color: var(--orbit-grey-800);
  --mat-form-field-outlined-hover-label-text-color: var(--orbit-grey-800);
  --mat-form-field-outlined-focus-label-text-color: var(--orbit-grey-800);
  --mat-form-field-outlined-input-text-placeholder-color: var(--orbit-grey-800);
  --mat-form-field-error-text-color: var(--orbit-red-600);
  --mat-form-field-leading-icon-color: var(--orbit-grey-800);
  --mat-form-field-trailing-icon-color: var(--orbit-grey-800);
  --mat-form-field-container-text-size: var(--orbit-font-size-14);
  --mat-form-field-disabled-leading-icon-color: var(--orbit-grey-500);
  --mat-form-field-disabled-trailing-icon-color: var(--orbit-grey-500);
  --mat-form-field-outlined-outline-color: transparent;
  --mat-form-field-outlined-focus-outline-color: var(--orbit-blue-600);
  --mat-form-field-outlined-hover-outline-color: var(--orbit-blue-600);
  --mat-form-field-outlined-error-focus-outline-color: var(--orbit-red-600);
  --mat-form-field-outlined-error-outline-color: transparent;
  --mat-form-field-outlined-error-hover-outline-color: var(--orbit-red-600);
  --mat-form-field-outlined-error-label-text-color: var(--orbit-red-600);
  --mat-form-field-outlined-disabled-input-text-color: var(--orbit-grey-600);
  --mat-form-field-outlined-disabled-label-text-color: var(--orbit-grey-600);
  --mat-form-field-outlined-container-shape: var(--orbit-radius-12);
  --mat-form-field-outlined-error-hover-label-text-color: var(--orbit-red-600);
  --mat-form-field-outlined-error-focus-label-text-color: var(--orbit-red-600);
  --mat-form-field-outlined-input-text-color: var(--orbit-grey-800);
}

.orbit-form-control {
  --orbit-form-control-row-gap: var(--orbit-size-16);
  --orbit-text-required-color: var(--orbit-blue-600);
  --orbit-form-control-error-color: var(--orbit-red-600);
  --orbit-form-control-hint-color: var(--orbit-grey-600);
  --orbit-form-label-size: var(--orbit-font-size-14);
  --orbit-form-label-line-height: var(--orbit-size-20);
  --orbit-form-label-weight: var(--orbit-font-weight-400);
  --orbit-form-label-color: var(--orbit-grey-800);
  --orbit-form-hint-size: var(--orbit-font-size-10);
  --orbit-form-hint-line-height: var(--orbit-line-height-16);
  --orbit-form-hint-weight: var(--orbit-font-weight-400);
}

.orbit-form-control {
  display: flex;
  flex-direction: column;
  row-gap: var(--orbit-form-control-row-gap);
}
.orbit-form-control-label {
  font-size: var(--orbit-form-label-size);
  font-weight: var(--orbit-form-label-weight);
  line-height: var(--orbit-form-label-line-height);
  color: var(--orbit-form-label-color);
}
.orbit-form-control-label--required:after {
  content: "*";
  color: var(--orbit-text-required-color);
}
.orbit-form-control-hint {
  color: var(--orbit-form-control-hint-color);
}
.orbit-form-control-hint, .orbit-form-control-error {
  font-size: var(--orbit-form-hint-size);
  font-weight: var(--orbit-form-hint-weight);
  line-height: var(--orbit-form-hint-line-height);
}
.orbit-form-control-hint--end {
  align-self: flex-end;
}
.orbit-form-control-error {
  color: var(--orbit-form-control-error-color);
}

:root {
  --mat-checkbox-state-layer-size: var(--orbit-size-0);
  --mat-checkbox-touch-target-size: var(--orbit-size-20);
  --mat-checkbox-label-text-color: var(--orbit-grey-600);
  --mat-checkbox-label-text-size: var(--orbit-font-size-14);
  --mat-checkbox-label-text-line-height: var(--orbit-line-height-20);
  --mat-checkbox-label-text-weight: var(--orbit-font-weight-400);
  --mat-checkbox-unselected-icon-color: var(--orbit-grey-200);
  --mat-checkbox-unselected-hover-state-layer-color: var(--orbit-white);
  --mat-checkbox-unselected-hover-icon-color: var(--orbit-blue-600);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--orbit-white);
  --mat-checkbox-unselected-focus-icon-color: var(--orbit-blue-600);
  --mat-checkbox-selected-icon-color: var(--orbit-blue-600);
  --mat-checkbox-selected-checkmark-color: var(--orbit-white);
  --mat-checkbox-selected-focus-icon-color: var(--orbit-blue-600);
  --mat-checkbox-selected-hover-icon-color: var(--orbit-blue-700);
  --mat-checkbox-selected-pressed-state-layer-color: var(--orbit-blue-600);
  --mat-checkbox-disabled-unselected-icon-color: var(--orbit-grey-100);
  --mat-checkbox-disabled-selected-icon-color: vvar(--orbit-grey-50);
  --mat-checkbox-disabled-selected-checkmark-color: var(--orbit-grey-500);
  --mat-checkbox-disabled-label-color: var(--orbit-grey-600);
}

.orbit-checkbox {
  --orbit-checkbox-size: var(--orbit-size-20);
  --orbit-checkbox-unselected-bg-color: var(--orbit-white);
  --orbit-checkbox-unselected-hover-bg-color: var(--orbit-white);
  --orbit-checkbox-disabled-color: var(--orbit-grey-100);
  --orbit-checkbox-disabled-bg-color: var(--orbit-grey-50);
  --orbit-checkbox-disabled-label-color: var(--orbit-grey-600);
  --orbit-checkbox-invalid-color: var(--orbit-red-500);
  --orbit-checkbox-invalid-hover-color: var(--orbit-red-600);
  --orbit-checkbox-invalid-focus-color: var(--orbit-red-500);
  --orbit-checkbox-invalid-focus-ring-color: var(--orbit-red-200);
  --orbit-checkbox-focus-border-color: var(--orbit-blue-700);
  --orbit-checkbox-focus-ring-color: var(--orbit-blue-200);
  --orbit-checkbox-radius: var(--orbit-size-4);
  --orbit-checkbox-outline-width: var(--orbit-border-width-1_5);
  --orbit-checkbox-focus-ring-offset: var(--orbit-size-4);
  --orbit-checkbox-label-padding-inline: var(--orbit-spacing-8);
  --orbit-checkbox-title-size: var(--orbit-font-size-14);
  --orbit-checkbox-title-line-height: var(--orbit-line-height-20);
  --orbit-checkbox-title-weight: var(--orbit-font-weight-640);
  --orbit-checkbox-title-color: var(--orbit-grey-800);
}

.orbit-checkbox-group {
  --orbit-checkbox-group-gap: var(--orbit-spacing-16);
  --orbit-checkbox-group-horizontal-gap: var(--orbit-spacing-24);
  --orbit-checkbox-inner-offset: var(--orbit-size-32);
}

/* Geometry and color variables are defined in overrides/checkbox/_variables.scss */
/* ==============================================================
   CHECKBOX: PRIMARY
   ============================================================== */
.orbit-checkbox {
  height: var(--orbit-checkbox-size);
}
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-unchecked-checked ~ .mat-focus-indicator,
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-checked-unchecked ~ .mat-focus-indicator,
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-indeterminate-checked ~ .mat-focus-indicator {
  box-shadow: 0 0 0 var(--orbit-checkbox-focus-ring-offset) var(--orbit-checkbox-focus-ring-color);
}
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-unchecked-checked ~ .mdc-checkbox__background,
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-checked-unchecked ~ .mdc-checkbox__background,
.orbit-checkbox .mdc-checkbox .mdc-checkbox--anim-indeterminate-checked ~ .mdc-checkbox__background {
  border-color: var(--orbit-checkbox-focus-border-color);
}
.orbit-checkbox .mdc-checkbox {
  width: var(--orbit-checkbox-size);
  height: var(--orbit-checkbox-size);
  flex: 0 0 var(--orbit-checkbox-size);
}
.orbit-checkbox .mdc-checkbox__background {
  width: var(--orbit-checkbox-size);
  height: var(--orbit-checkbox-size);
  border-radius: var(--orbit-checkbox-radius);
  border-width: var(--orbit-checkbox-outline-width);
  background-color: var(--orbit-checkbox-unselected-bg-color);
  position: relative;
}
.orbit-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background {
  border-color: var(--orbit-checkbox-disabled-color) !important;
  background-color: var(--orbit-checkbox-disabled-bg-color) !important;
}
.orbit-checkbox .mdc-checkbox .mdc-checkbox__mixedmark {
  transform: scaleX(0.65) rotate(0deg) !important;
}
.orbit-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
  transform: scale(0.5);
}
.orbit-checkbox .mdc-checkbox .mdc-checkbox__checkmark-path {
  stroke-width: var(--orbit-size-4);
}
.orbit-checkbox .mdc-checkbox .mat-focus-indicator {
  border-radius: var(--orbit-checkbox-radius);
}
.orbit-checkbox .mdc-checkbox--disabled .orbit-checkbox .mdc-checkbox__background {
  background-color: var(--orbit-checkbox-disabled-bg-color);
}
.orbit-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--orbit-checkbox-unselected-hover-bg-color) !important;
}
.orbit-checkbox.mat-mdc-checkbox-disabled label {
  color: var(--orbit-checkbox-disabled-label-color) !important;
}
.orbit-checkbox .mdc-label {
  padding-left: var(--orbit-checkbox-label-padding-inline);
}
.orbit-checkbox .mdc-form-field--align-end > label {
  padding-left: 0;
  padding-right: var(--orbit-checkbox-label-padding-inline);
}
.orbit-checkbox .mat-internal-form-field {
  align-items: flex-start;
}
.orbit-checkbox.ng-invalid .mdc-checkbox__background {
  border-color: var(--orbit-checkbox-invalid-color);
}
.orbit-checkbox.ng-invalid .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,
.orbit-checkbox.ng-invalid .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--orbit-checkbox-invalid-hover-color);
}
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-unchecked-checked ~ .mat-focus-indicator,
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-checked-unchecked ~ .mat-focus-indicator,
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-indeterminate-checked ~ .mat-focus-indicator {
  box-shadow: 0 0 0 var(--orbit-checkbox-focus-ring-offset) var(--orbit-checkbox-invalid-focus-ring-color);
}
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-unchecked-checked ~ .mdc-checkbox__background,
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-checked-unchecked ~ .mdc-checkbox__background,
.orbit-checkbox.ng-invalid .mdc-checkbox--anim-indeterminate-checked ~ .mdc-checkbox__background {
  border-color: var(--orbit-checkbox-invalid-focus-color);
}
.orbit-checkbox-title {
  display: block;
  color: var(--orbit-checkbox-title-color);
  font-size: var(--orbit-checkbox-title-size);
  font-weight: var(--orbit-checkbox-title-weight);
  line-height: var(--orbit-checkbox-title-line-height);
}

/* ==============================================================
   CHECKBOX: GROUP
   ============================================================== */
.orbit-checkbox-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: var(--orbit-checkbox-group-gap);
}
.orbit-checkbox-group--horizontal {
  flex-direction: row;
  column-gap: var(--orbit-checkbox-group-horizontal-gap);
}
.orbit-checkbox-group--inner {
  margin-left: var(--orbit-checkbox-inner-offset);
}

:root {
  --mat-dialog-container-color: var(--orbit-white);
  --mat-dialog-subhead-color: var(--orbit-grey-800);
  --mat-dialog-supporting-text-color: var(--orbit-grey-800);
  --mat-dialog-container-shape: var(--orbit-radius-16);
  --mat-dialog-content-padding: var(--orbit-spacing-24);
  --mat-dialog-headline-padding: var(--orbit-spacing-32) var(--orbit-spacing-24) var(--orbit-spacing-24) var(--orbit-spacing-24);
  --mat-dialog-actions-padding: var(--orbit-spacing-24) var(--orbit-spacing-24) var(--orbit-spacing-32);
  --mat-dialog-subhead-size: var(--orbit-font-size-16);
  --mat-dialog-subhead-weight: var(--orbit-font-weight-400);
  --mat-dialog-supporting-text-size: var(--orbit-font-size-16);
  --mat-dialog-supporting-text-weight: var(--orbit-font-weight-400);
}

@media (max-width: 1024px) {
  :root {
    --mat-dialog-actions-padding: var(--orbit-spacing-24) var(--orbit-spacing-24) var(--orbit-spacing-32) !important;
  }
}
.cdk-overlay-container {
  --orbit-dialog-container-max-width: var(--orbit-size-500);
  --orbit-dialog-container-min-width: min(
    var(--orbit-size-500),
    calc(100vw - var(--orbit-size-32))
  );
  --orbit-dialog-custom-backdrop: var(--orbit-black-opacity-10);
  --orbit-dialog-max-height: 90vh;
}

.orbit-dialog-container {
  --orbit-dialog-close-button-offset: var(--orbit-spacing-16);
  --orbit-dialog-subhead-size: var(--orbit-font-size-14);
  --orbit-dialog-subhead-weight: var(--orbit-font-weight-400);
  --orbit-dialog-subhead-line-height: var(--orbit-line-height-20);
  --orbit-dialog-actions-gap: var(--orbit-spacing-12);
  --orbit-dialog-actions-gap-mobile: var(--orbit-spacing-12);
  --orbit-dialog-title-gap: var(--orbit-spacing-12);
  --orbit-dialog-sub-title-margin: var(--orbit-spacing-16);
  --orbit-dialog-actions-btn-margin: var(--orbit-spacing-12);
  --orbit-dialog-actions-btn-margin-mobile: var(--orbit-spacing-16);
  --orbit-dialog-extra-action-margin: var(--orbit-spacing-12);
  --orbit-dialog-scrollable-margin: var(--orbit-spacing-16);
  --orbit-dialog-scrollable-padding: var(--orbit-size-10);
}

.orbit-dialog-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.orbit-dialog-container .orbit-scroll-container {
  margin-right: calc(-1 * var(--orbit-dialog-scrollable-margin));
  padding-right: var(--orbit-dialog-scrollable-padding);
}
.orbit-dialog-container .orbit-dialog-close-button {
  position: absolute;
  top: var(--orbit-dialog-close-button-offset);
  right: var(--orbit-dialog-close-button-offset);
  z-index: auto;
}
.orbit-dialog-container .mat-mdc-dialog-title .title {
  display: flex;
  align-items: center;
  gap: var(--orbit-dialog-title-gap);
}
.orbit-dialog-container .mat-mdc-dialog-title .sub-title {
  font-size: var(--orbit-dialog-subhead-size);
  margin: var(--orbit-dialog-sub-title-margin) 0 0 0;
  font-weight: var(--orbit-dialog-subhead-weight);
  line-height: var(--orbit-dialog-subhead-line-height);
}
.orbit-dialog-container .mat-mdc-dialog-title::before {
  height: 0;
  display: none;
}
.orbit-dialog-container .mat-mdc-dialog-content {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: var(--orbit-size-0);
  overflow: hidden !important;
}
.orbit-dialog-container .mat-mdc-dialog-actions {
  display: flex;
}
.orbit-dialog-container .mat-mdc-dialog-actions .dialog-btn-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: var(--orbit-dialog-actions-btn-margin);
  gap: var(--orbit-dialog-actions-gap);
}
.orbit-dialog-container .mat-mdc-dialog-actions .dialog-extra-action {
  width: 100%;
  display: inline-flex;
  margin-top: var(--orbit-dialog-extra-action-margin);
}
.orbit-dialog-container .mat-mdc-dialog-actions .mat-mdc-button-base {
  margin-left: 0 !important;
}
@media (max-width: 480px) {
  .orbit-dialog-container .mat-mdc-dialog-actions {
    flex-direction: column !important;
    align-items: center !important;
  }
  .orbit-dialog-container .mat-mdc-dialog-actions .dialog-btn-actions {
    width: 100%;
    flex-direction: column;
    margin-top: var(--orbit-dialog-actions-btn-margin-mobile) !important;
  }
  .orbit-dialog-container .mat-mdc-dialog-actions .dialog-extra-action {
    justify-content: center;
  }
  .orbit-dialog-container .mat-mdc-dialog-actions .mat-mdc-button-base {
    width: 100%;
  }
}

.cdk-overlay-pane.mat-mdc-dialog-panel {
  overflow: hidden !important;
  max-width: min(var(--orbit-dialog-container-min-width), 100vw - var(--orbit-size-32)) !important;
  min-width: min(var(--orbit-dialog-container-min-width), 100vw - var(--orbit-size-32)) !important;
  max-height: var(--orbit-dialog-max-height) !important;
}
@media (max-width: 1024px) {
  .cdk-overlay-pane.mat-mdc-dialog-panel {
    max-width: min(500px, 100vw - var(--orbit-size-16)) !important;
    min-width: min(500px, 100vw - var(--orbit-size-16)) !important;
    max-height: var(--orbit-dialog-max-height) !important;
  }
}
@media (max-width: 480px) {
  .cdk-overlay-pane.mat-mdc-dialog-panel {
    max-width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
  }
}

.mdc-dialog__surface {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.orbit-dialog-custom-backdrop {
  background: var(--orbit-dialog-custom-backdrop);
}

:root {
  --mat-select-panel-background-color: var(--orbit-black-opacity-10);
}

.orbit-select {
  --orbit-select-min-width: var(--orbit-size-224);
  --orbit-select-text-field-bg: var(--orbit-grey-50);
  --orbit-select-text-field-wrapper-floating-label-above-font-size: var(--orbit-font-size-14);
  --orbit-select-text-field-wrapper-floating-label-font-size: var(--orbit-font-size-12);
  --orbit-select-text-field-disabled-floating-label-float-above-top: var(--orbit-spacing-2);
  --orbit-select-disabled-border-width: var(--orbit-border-width-1);
  /* Infix padding / height */
  --orbit-select-padding-top: var(--orbit-spacing-24);
  --orbit-select-height: var(--orbit-size-24);
  /* Wrapper padding */
  --orbit-select-padding-left: var(--orbit-spacing-16);
  --orbit-select-padding-right: var(--orbit-spacing-16);
  --orbit-select-radius: var(--orbit-radius-12);
  /* Icon styles */
  --orbit-select-icon-color: var(--orbit-grey-800);
  --orbit-select-icon-padding: var(--orbit-size-0);
  --orbit-select-arrow-disabled-size: var(--orbit-size-24);
  /* Floating label (when above) */
  --orbit-select-label-float-color: var(--orbit-grey-800);
  --orbit-select-label-float-top: var(--orbit-size-8);
  --orbit-select-label-float-font-size: var(--orbit-font-size-10);
  --orbit-select-label-font-size: var(--orbit-font-size-14);
  --orbit-select-label-line-height: var(--orbit-line-height-20);
  --orbit-select-label-weight: var(--orbit-font-weight-640);
  /* Required marker */
  --orbit-select-main-color: var(--orbit-blue-600);
  /* Hint fonts */
  --orbit-select-hint-left-size: var(--orbit-size-10);
  --orbit-select-hint-right-size: var(--orbit-size-10);
  /* Base text color (min-line) */
  --orbit-select-min-line-color: var(--orbit-grey-800);
  --orbit-select-disabled-color: var(--orbit-grey-600);
  --orbit-select-disabled-icon-color: var(--orbit-grey-500);
  --orbit-select-disabled-border-color: var(--orbit-grey-200);
  --orbit-select-disabled-background: var(--orbit-white);
  /* Invalid label marker color */
  --orbit-select-invalid-color: var(--orbit-red-600);
  /* Hover background */
  --orbit-select-hover-background: var(--orbit-grey-50);
  --orbit-select-blur-color: var(--orbit-blue-50);
  --orbit-select-hint-color: var(--orbit-grey-600);
  --orbit-select-error-hint-color: var(--orbit-red-600);
  --orbit-select-error-bg: var(--orbit-red-50);
  --orbit-select-error-outline-color: var(--orbit-red-600);
}

.orbit-select-panel {
  /* Panel background */
  --orbit-select-panel-blur-size: var(--orbit-size-40);
  --orbit-select-panel-margin: var(--orbit-spacing-4);
  --orbit-select-panel-max-height: var(--orbit-size-186);
  --orbit-select-panel-border: var(--orbit-border-width-2);
  /* Option text */
  --orbit-select-option-color: var(--orbit-grey-800);
  --orbit-select-option-icon-color: var(--orbit-blue-600);
  --orbit-select-option-color-disabled: var(--orbit-grey-600);
  --orbit-select-option-icon-single-size: var(--orbit-size-24);
  --orbit-select-option-icon-multiple-size: var(--orbit-size-20);
  --orbit-select-option-height: var(--orbit-size-4);
  --orbit-select-option-width: var(--orbit-size-10);
  /* UNSELECTED STATES */
  --orbit-select-option-bg-unselected: var(--orbit-white-opacity-1);
  --orbit-select-option-bg-unselected-hover: var(--orbit-black-opacity-5);
  --orbit-select-option-bg-unselected-pressed: var(--orbit-black-opacity-10);
  /* SELECTED STATES */
  --orbit-select-option-bg-selected: var(--orbit-white);
  --orbit-select-option-bg-selected-hover: var(--orbit-grey-50);
  --orbit-select-option-bg-selected-pressed: var(--orbit-grey-100);
  --orbit-select-option-bg-selected-disabled: var(--orbit-grey-50);
  /* selected state background (primary 35) */
  --orbit-select-checkbox-bg-selected: var(--orbit-blue-600);
  /* unselected border and background */
  --orbit-select-checkbox-border-unselected: var(--orbit-grey-200);
  --orbit-select-checkbox-bg-unselected: var(--orbit-white);
  /* disabled checkbox states */
  --orbit-select-checkbox-bg-disabled: var(--orbit-grey-50);
  --orbit-select-checkbox-border-color-disabled: var(--orbit-grey-100);
  --orbit-select-checkbox-checkmark-selected-disabled: var(--orbit-grey-800);
  --orbit-select-panel-radius: var(--orbit-radius-16);
  --orbit-select-panel-padding: var(--orbit-spacing-8);
  --orbit-select-panel-gap: var(--orbit-spacing-4);
  --orbit-select-item-height: var(--orbit-size-32);
  /* Font label */
  --orbit-select-option-size: var(--orbit-font-size-14);
  --orbit-select-option-weight: var(--orbit-font-weight-400);
  /* ======================================================
     DROPDOWN OPTION ITEM TOKENS
     ====================================================== */
  --orbit-select-option-radius: var(--orbit-radius-8);
  --orbit-select-option-checkbox-radius: var(--orbit-radius-4);
  --orbit-select-option-padding-top: var(--orbit-spacing-0);
  --orbit-select-option-padding-right: var(--orbit-spacing-8);
  --orbit-select-option-padding-bottom: var(--orbit-spacing-0);
  --orbit-select-option-padding-left: var(--orbit-spacing-8);
  --orbit-select-option-gap: var(--orbit-spacing-8);
  --orbit-select-panel-pseude-margin: var(--orbit-spacing-0);
}

.orbit-select {
  min-width: var(--orbit-select-min-width) !important;
  max-width: 100% !important;
  width: 100%;
}
.orbit-select .mdc-floating-label {
  font-size: var(--orbit-select-label-font-size) !important;
  line-height: var(--orbit-select-label-line-height) !important;
}
.orbit-select .mdc-floating-label:not(.mdc-floating-label--float-above) {
  top: 50% !important;
}
.orbit-select .mdc-floating-label.mdc-floating-label--float-above {
  font-size: var(--orbit-select-label-float-font-size) !important;
}
.orbit-select .mdc-notched-outline__notch {
  border-left: none !important;
}
.orbit-select .mat-mdc-select-trigger {
  font-size: var(--orbit-select-label-font-size);
  font-weight: var(--orbit-select-label-weight);
}
.orbit-select.mat-form-field-invalid .mdc-notched-outline__leading,
.orbit-select.mat-form-field-invalid .mdc-notched-outline__notch,
.orbit-select.mat-form-field-invalid .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-invalid-color) !important;
}
.orbit-select.mat-form-field-invalid .mdc-floating-label {
  color: var(--orbit-select-label-float-color) !important;
}
.orbit-select.mat-form-field-invalid .mat-mdc-form-field-required-marker {
  color: var(--orbit-select-invalid-color) !important;
}
.orbit-select.mat-form-field-invalid .mat-mdc-select-min-line {
  color: var(--orbit-select-invalid-color) !important;
}
.orbit-select.mat-form-field-invalid .mat-mdc-form-field-error {
  color: var(--orbit-select-invalid-color) !important;
  font-size: var(--orbit-select-hint-right-size) !important;
}
.orbit-select.mat-form-field-disabled .mdc-floating-label,
.orbit-select.mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-min-line {
  color: var(--orbit-select-disabled-color) !important;
}
.orbit-select.mat-form-field-disabled mat-icon {
  color: var(--orbit-select-disabled-icon-color);
}
.orbit-select.mat-form-field-disabled .mdc-notched-outline__leading,
.orbit-select.mat-form-field-disabled .mdc-notched-outline__notch,
.orbit-select.mat-form-field-disabled .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-disabled-border-color) !important;
}
.orbit-select.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background: var(--orbit-select-disabled-background);
}
.orbit-select.mat-form-field-disabled .mdc-notched-outline__leading,
.orbit-select.mat-form-field-disabled .mdc-notched-outline__notch,
.orbit-select.mat-form-field-disabled .mdc-notched-outline__trailing {
  border-width: var(--orbit-select-disabled-border-width);
}
.orbit-select.mat-form-field-disabled .select-arrow-enabled {
  display: none;
}
.orbit-select.mat-form-field-disabled .mdc-notched-outline__notch {
  border-left: none !important;
}
.orbit-select.mat-form-field-disabled .select-arrow-disabled {
  width: var(--orbit-select-arrow-disabled-size);
  display: inline-flex;
}
.orbit-select .mat-mdc-form-field-infix {
  padding-top: var(--orbit-select-padding-top) !important;
  height: var(--orbit-select-height);
}
.orbit-select .mat-mdc-text-field-wrapper {
  padding-left: var(--orbit-select-padding-left);
  padding-right: var(--orbit-select-padding-right) !important;
  border-radius: var(--orbit-select-radius) !important;
  background: var(--orbit-select-text-field-bg);
}
.orbit-select {
  /* ==============================================================
   RADIUS STYLES, tokens dont work
   ============================================================== */
}
.orbit-select .mat-mdc-notch-piece.mdc-notched-outline__leading {
  border-start-start-radius: var(--orbit-select-radius);
  border-end-start-radius: var(--orbit-select-radius);
}
.orbit-select .mat-mdc-notch-piece.mdc-notched-outline__trailing {
  border-start-end-radius: var(--orbit-select-radius);
  border-end-end-radius: var(--orbit-select-radius);
}
.orbit-select {
  /* ==============================================================
   hide the original arrow
   ============================================================== */
}
.orbit-select .mat-mdc-select-arrow-wrapper {
  display: none !important;
}
.orbit-select {
  /* ==============================================================
   ICON STYLES
   ============================================================== */
}
.orbit-select mat-icon {
  padding: var(--orbit-select-icon-padding) !important;
  color: var(--orbit-select-icon-color);
  display: inline-flex;
}
.orbit-select .select-arrow-disabled {
  display: none;
}
.orbit-select .mat-mdc-form-field-icon-suffix .orbit-select-suffix {
  margin-left: var(--orbit-text-field-suffix-margin-left);
  margin-right: var(--orbit-text-field-suffix-margin-right);
  display: flex;
  gap: var(--orbit-text-field-suffix-icons-gap);
}
.orbit-select .mat-mdc-form-field-icon-suffix mat-icon[data-mat-icon-name=close-small] {
  display: none;
}
.orbit-select .orbit-select-clear-icon {
  display: none;
}
.orbit-select.mat-focused .orbit-select-clear-icon, .orbit-select:hover .orbit-select-clear-icon {
  display: block;
}
.orbit-select.mat-focused .mat-mdc-form-field-icon-suffix mat-icon[data-mat-icon-name=close-small], .orbit-select:hover .mat-mdc-form-field-icon-suffix mat-icon[data-mat-icon-name=close-small] {
  display: inline-flex;
}
.orbit-select .mat-mdc-form-field-icon-suffix mat-icon[data-mat-icon-name=chevron-down] svg {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 150ms ease;
}
.orbit-select:has(mat-select[aria-expanded=true]) .mat-mdc-form-field-icon-suffix mat-icon[data-mat-icon-name=chevron-down] svg {
  transform: rotate(180deg);
}
.orbit-select {
  /* ==============================================================
   LABEL STYLES
   ============================================================== */
}
.orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  font-size: var(--orbit-select-text-field-wrapper-floating-label-above-font-size) !important;
  transform-origin: left top !important;
  translate: 0 0;
  transition: transform 150ms ease, translate 150ms ease, scale 150ms ease !important;
  will-change: transform, translate, scale !important;
}
.orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  scale: 0.95 !important;
  translate: 0 var(--orbit-select-text-field-wrapper-floating-label-font-size) !important;
}
.orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above mat-label {
  position: relative;
  top: -1px;
}
.orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  scale: 0.95 !important;
  translate: 0 var(--orbit-select-text-field-wrapper-floating-label-above-font-size) !important;
}
.orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above mat-label {
  position: relative;
  top: var(--orbit-select-text-field-disabled-floating-label-float-above-top);
}
.orbit-select .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  border-top-style: solid;
}
.orbit-select {
  /* ==============================
     REQUIRED MARKER
     ============================== */
}
.orbit-select .mdc-floating-label .mat-mdc-form-field-required-marker,
.orbit-select .mat-mdc-form-field-required-marker {
  color: var(--orbit-select-main-color) !important;
}
.orbit-select {
  /* ==============================
     MIN-LINE (placeholder/empty)
     ============================== */
}
.orbit-select .mat-mdc-select-min-line {
  color: var(--orbit-select-min-line-color);
}
.orbit-select .mdc-notched-outline__leading,
.orbit-select .mdc-notched-outline__notch,
.orbit-select .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
.orbit-select {
  /* -------------------------------------------
     HOVER STATE (only when not invalid/disabled)
     Show blue outline on hover
     ------------------------------------------- */
}
.orbit-select:hover:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__leading,
.orbit-select:hover:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__notch,
.orbit-select:hover:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-main-color) !important;
}
.orbit-select:hover:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  background-color: var(--orbit-select-hover-background);
}
.orbit-select {
  /* -------------------------------------------
     FOCUS STATE (active select input)
     Blue outline + light blue background
     ------------------------------------------- */
}
.orbit-select.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__leading,
.orbit-select.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__notch,
.orbit-select.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-main-color) !important;
}
.orbit-select.mat-focused:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  background-color: var(--orbit-select-blur-color);
}
.orbit-select {
  /* Error */
}
.orbit-select.mat-form-field-invalid:not(.mat-focused):not(:hover) .mdc-notched-outline__leading,
.orbit-select.mat-form-field-invalid:not(.mat-focused):not(:hover) .mdc-notched-outline__notch,
.orbit-select.mat-form-field-invalid:not(.mat-focused):not(:hover) .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
.orbit-select.mat-form-field-invalid:not(.mat-focused):not(:hover) .mat-mdc-text-field-wrapper {
  background-color: var(--orbit-select-error-bg);
}
.orbit-select {
  /* Error + HOVER (active error state): */
}
.orbit-select.mat-form-field-invalid:hover:not(.mat-form-field-disabled) .mdc-notched-outline__leading,
.orbit-select.mat-form-field-invalid:hover:not(.mat-form-field-disabled) .mdc-notched-outline__notch,
.orbit-select.mat-form-field-invalid:hover:not(.mat-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-error-outline-color) !important;
}
.orbit-select.mat-form-field-invalid:hover:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  background-color: var(--orbit-select-error-bg);
}
.orbit-select {
  /* Error + FOCUS: */
}
.orbit-select.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mdc-notched-outline__leading,
.orbit-select.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mdc-notched-outline__notch,
.orbit-select.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mdc-notched-outline__trailing {
  border-color: var(--orbit-select-error-outline-color) !important;
}
.orbit-select.mat-form-field-invalid.mat-focused:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  background-color: var(--orbit-select-error-bg);
}
.orbit-select .mat-mdc-form-field-hint {
  color: var(--orbit-select-hint-color);
  font-size: var(--orbit-select-hint-left-size);
}
.orbit-select .mat-mdc-form-field-hint.mat-mdc-form-field-hint-end {
  font-size: var(--orbit-select-hint-right-size);
}
.orbit-select.mat-form-field-invalid .mat-mdc-form-field-hint {
  color: var(--orbit-select-error-hint-color) !important;
}

.orbit-tab-wrapper {
  --orbit-tabs-body-p: var(--orbit-spacing-0) var(--orbit-spacing-8);
  --orbit-tabs-header-radius: var(--orbit-radius-16);
  --orbit-tabs-header-margin-b: var(--orbit-spacing-8);
  --orbit-tabs-pagination-min-width: var(--orbit-size-20);
  --orbit-tabs-pagination-size: var(--orbit-size-8);
  --orbit-tabs-header-height: var(--orbit-size-64);
  --orbit-tabs-tab-default-background: var(--orbit-white);
  --orbit-tabs-tab-default-padding: var(--orbit-spacing-0) var(--orbit-spacing-16);
  --orbit-tabs-tab-default-radius: var(--orbit-radius-12);
  --orbit-tabs-tab-default-border: var(--orbit-border-width-1_5) solid var(--orbit-grey-100);
  --orbit-tabs-labels-gap: var(--orbit-spacing-8);
  --orbit-tabs-labels-padding: var(--orbit-spacing-8);
  --orbit-tabs-tab-hover-background: var(--orbit-black-opacity-5);
  --orbit-tabs-tab-active-background: var(--orbit-blue-50);
  --orbit-tabs-tab-active-border: var(--orbit-border-width-1_5) solid var(--orbit-white-opacity-60);
  --orbit-tabs-tab-focus-visible-background: var(--orbit-white-opacity-1);
  --orbit-tabs-tab-focus-visible-box-shadow: 0 0 0 var(--orbit-size-4) var(--orbit-blue-200);
  --orbit-tabs-tab-focus-visible-border: var(--orbit-border-width-1_5) solid
    var(--orbit-white-opacity-1);
}

:root {
  --mat-tab-active-indicator-height: 0;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 0;
  --mat-tab-divider-color: transparent;
  --mat-tab-active-ripple-color: transparent;
  --mat-tab-inactive-ripple-color: transparent;
  --mat-tab-disabled-ripple-color: transparent;
  --mat-tab-label-text-weight: var(--orbit-font-weight-640);
  --mat-tab-container-height: var(--orbit-size-48);
  --mat-tab-inactive-label-text-color: var(--orbit-grey-800);
  --mat-tab-active-label-text-color: var(--orbit-blue-600);
  --mat-tab-active-hover-label-text-color: var(--orbit-blue-600);
  --mat-tab-active-focus-label-text-color: var(--orbit-blue-600);
  --mat-tab-inactive-hover-label-text-color: var(--orbit-blue-600);
  --mat-tab-inactive-focus-label-text-color: var(--orbit-grey-800);
  --mat-tab-pagination-icon-color: var(--orbit-grey-800);
  --mat-tab-background-color: var(--orbit-white);
}

.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header,
.orbit-tab-wrapper .orbit-tab-nav-bar {
  /* ---------- Wrapper ---------- */
  border-radius: var(--orbit-tabs-header-radius);
  margin-bottom: var(--orbit-tabs-header-margin-b);
  height: var(--orbit-tabs-header-height);
  align-items: center;
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mdc-tab-indicator,
.orbit-tab-wrapper .orbit-tab-nav-bar .mdc-tab-indicator {
  display: none !important;
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links {
  gap: var(--orbit-tabs-labels-gap);
  padding: var(--orbit-tabs-labels-padding);
  /* ---------- State: Default ---------- */
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link {
  background-color: var(--orbit-tabs-tab-default-background);
  padding: var(--orbit-tabs-tab-default-padding);
  border-radius: var(--orbit-tabs-tab-default-radius);
  border: var(--orbit-tabs-tab-default-border);
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab .mdc-tab__content,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link .mdc-tab__content {
  display: contents;
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links {
  /* ---------- State: Hover ---------- */
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab:not(.mdc-tab--active):hover,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link:not(.mdc-tab--active):hover {
  background: var(--orbit-tabs-tab-hover-background);
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links {
  /* ---------- State: Active ---------- */
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab.mdc-tab--active,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link.mdc-tab--active {
  background: var(--orbit-tabs-tab-active-background);
  border: var(--orbit-tabs-tab-active-border);
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links {
  /* ---------- State: Focus-visible ---------- */
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab:focus-visible,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link:focus-visible,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab:focus-visible,
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link:focus-visible,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab:focus-visible,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab-link:focus-visible,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab:focus-visible,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-mdc-tab-links .mdc-tab.mat-mdc-tab-link:focus-visible {
  background: var(--orbit-tabs-tab-focus-visible-background);
  box-shadow: var(--orbit-tabs-tab-focus-visible-box-shadow);
  border: var(--orbit-tabs-tab-focus-visible-border);
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header,
.orbit-tab-wrapper .orbit-tab-nav-bar {
  /* ---------- PAGINATION ARROWS ---------- */
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-ripple.mat-mdc-tab-header-pagination,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-ripple.mat-mdc-tab-header-pagination {
  min-width: var(--orbit-tabs-pagination-min-width);
}
.orbit-tab-wrapper .orbit-tab-group .mat-mdc-tab-header .mat-ripple.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.orbit-tab-wrapper .orbit-tab-nav-bar .mat-ripple.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
  height: var(--orbit-tabs-pagination-size);
  width: var(--orbit-tabs-pagination-size);
}
.orbit-tab-wrapper .orbit-tab-group.orbit-tab-fit-content {
  width: fit-content;
}
.orbit-tab-wrapper .orbit-tab-nav-bar.orbit-tab-fit-content {
  width: fit-content;
  max-width: 100%;
}
.orbit-tab-wrapper .mat-mdc-tab-body-wrapper,
.orbit-tab-wrapper .mat-mdc-tab-nav-panel {
  padding: var(--orbit-tabs-body-p);
}

.orbit-text-field {
  --orbit-text-field-min-width: var(--orbit-size-224);
  --orbit-text-field-border-radius: var(--orbit-radius-12);
  --orbit-text-field-wrapper-padding-left: var(--orbit-spacing-16);
  --orbit-text-field-wrapper-padding-right: var(--orbit-spacing-16);
  --orbit-text-field-infix-padding-top: var(--orbit-spacing-24);
  --orbit-text-field-infix-padding-bottom: var(--orbit-spacing-8);
  --orbit-text-field-floating-lable-float-above-top: var(--orbit-size-4);
  --orbit-text-field-suffix-margin-left: var(--orbit-size-12);
  --orbit-text-field-suffix-margin-right: var(--orbit-size-16);
  --orbit-text-field-suffix-icons-gap: var(--orbit-size-12);
  --orbit-text-field-font-size: var(--orbit-font-size-14);
  --orbit-text-field-line-height: var(--orbit-line-height-20);
  --orbit-text-field-outlined-floating-label-above-font-size: var(--orbit-font-size-14);
  --orbit-text-field-outlined-input-font-weight: var(--orbit-font-weight-640);
  --orbit-text-field-notched-outline-floating-label-above-font-size: var(--orbit-font-size-12);
  --orbit-text-field-wrapper-notched-outline-floating-label-font-size: var(--orbit-font-size-14);
  --orbit-text-field-disabled-floating-label-float-above-top: var(--orbit-spacing-2);
  --orbit-text-field-hint-font-size: var(--orbit-font-size-10);
  --orbit-text-field-error-font-size: var(--orbit-font-size-10);
  --orbit-text-field-disabled-border-width: var(--orbit-border-width-1);
  --orbit-text-field-text-suffix-font-size: var(--orbit-font-size-14);
  --orbit-text-field-text-suffix-font-weight: var(--orbit-font-weight-640);
  --orbit-text-field-text-suffix-color: var(--orbit-grey-800);
  --orbit-text-field-text-suffix-disabled-color: var(--orbit-grey-600);
  --orbit-text-field-invalid-input-text-color: var(--orbit-red-600);
  --orbit-text-field-invalid-caret-color: var(--orbit-blue-600);
  --orbit-text-field-invalid-required-marker-color: var(--orbit-red-600);
  --orbit-text-field-icon-suffix-color: var(--orbit-grey-800);
  --orbit-text-field-invalid-background-color: var(--orbit-red-50);
  --orbit-text-field-disabled-floating-label-color: var(--orbit-grey-600);
  --orbit-text-field-disabled-border-color: var(--orbit-grey-200);
  --orbit-text-field-disabled-background-color: var(--orbit-white);
  --orbit-text-field-required-marker-color: var(--orbit-blue-600);
  --orbit-text-field-focused-background-color: var(--orbit-blue-50);
  --orbit-text-field-background-color: var(--orbit-grey-50);
  --orbit-text-field-hint-color: var(--orbit-grey-600);
  --orbit-text-field-read-only-input-color: var(--orbit-grey-800);
  --orbit-text-field-prefix-margin-left: var(--orbit-spacing-12);
  --orbit-text-field-prefix-margin-right: var(--orbit-spacing-8);
}

.orbit-text-field {
  min-width: var(--orbit-text-field-min-width) !important;
  max-width: 100% !important;
  width: 100%;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-floating-label {
  font-size: var(--orbit-text-field-font-size) !important;
  line-height: var(--orbit-text-field-line-height) !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-floating-label:not(.mdc-floating-label--float-above) {
  top: 50% !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above {
  font-size: var(--orbit-text-field-outlined-floating-label-above-font-size) !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above mat-label {
  position: relative;
  top: -1px;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  scale: 0.95 !important;
  translate: 0 var(--orbit-text-field-notched-outline-floating-label-above-font-size) !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined {
  border-radius: var(--orbit-text-field-border-radius);
  background-color: var(--orbit-text-field-background-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .orbit-input-clear-icon {
  display: none;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: var(--orbit-text-field-infix-padding-top) !important;
  padding-bottom: var(--orbit-text-field-infix-padding-bottom);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-text-field-wrapper {
  padding-left: var(--orbit-text-field-wrapper-padding-left);
  padding-right: var(--orbit-text-field-wrapper-padding-right) !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-icon-suffix .orbit-input-suffix {
  margin-left: var(--orbit-text-field-suffix-margin-left);
  margin-right: var(--orbit-text-field-suffix-margin-right);
  display: flex;
  align-items: center;
  gap: var(--orbit-text-field-suffix-icons-gap);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-icon-suffix .orbit-input-suffix .orbit-input-text-suffix {
  font-size: var(--orbit-text-field-text-suffix-font-size);
  font-weight: var(--orbit-text-field-text-suffix-font-weight);
  color: var(--orbit-text-field-text-suffix-color);
  line-height: 1;
  user-select: none;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .orbit-input-suffix .orbit-input-text-suffix {
  color: var(--orbit-text-field-text-suffix-disabled-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .orbit-input-clear-icon {
  display: block;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused {
  background-color: var(--orbit-text-field-focused-background-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined:hover .orbit-input-clear-icon {
  display: block;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined input {
  font-weight: var(--orbit-text-field-outlined-input-font-weight);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined input:not([type=password]) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  border-top-style: solid;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  font-size: var(--orbit-text-field-wrapper-notched-outline-floating-label-font-size) !important;
  transform-origin: left top !important;
  translate: 0 0;
  transform: none !important;
  transition: transform 150ms ease, translate 150ms ease, scale 150ms ease !important;
  will-change: transform, translate, scale !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-required-marker {
  color: var(--orbit-text-field-required-marker-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: var(--orbit-text-field-disabled-background-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--orbit-text-field-disabled-floating-label-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline .mat-mdc-notch-piece {
  border-color: var(--orbit-text-field-disabled-border-color);
  border-width: var(--orbit-text-field-disabled-border-width);
  border-top-style: solid !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid {
  background-color: var(--orbit-text-field-invalid-background-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid input {
  color: var(--orbit-text-field-invalid-input-text-color);
  caret-color: var(--orbit-text-field-invalid-caret-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mat-mdc-form-field-icon-suffix {
  color: var(--orbit-text-field-icon-suffix-color) !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--orbit-text-field-invalid-required-marker-color);
}
.orbit-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled) .orbit-input-action-icon:hover,
.orbit-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled) .orbit-input-clear-icon:hover {
  cursor: pointer;
}
.orbit-text-field .mdc-text-field.mdc-text-field--disabled .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  border-top-style: none !important;
}
.orbit-text-field .mdc-text-field.mdc-text-field--disabled .mdc-floating-label.mdc-floating-label--float-above mat-label {
  top: var(--orbit-text-field-disabled-floating-label-float-above-top) !important;
}
.orbit-text-field input[type=password]:not(:placeholder-shown) {
  letter-spacing: 0.3rem;
}
.orbit-text-field .mat-mdc-form-field-hint {
  font-size: var(--orbit-text-field-hint-font-size);
  color: var(--orbit-text-field-hint-color);
}
.orbit-text-field .mat-mdc-form-field-error {
  font-size: var(--orbit-text-field-error-font-size);
}

.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined:hover, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: transparent !important;
}
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__leading,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__trailing,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mat-mdc-notch-piece, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__leading,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__notch,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__trailing,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined:hover .mat-mdc-notch-piece, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mat-mdc-notch-piece, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline__leading,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline__notch,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-notched-outline__trailing,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mat-mdc-notch-piece, .orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
  border-color: transparent !important;
}
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .orbit-input-prefix,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .orbit-input-clear-icon,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-icon-prefix {
  display: none !important;
}
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .orbit-input-suffix mat-icon {
  display: none !important;
}
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mdc-floating-label,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mdc-floating-label--float-above,
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined .mat-mdc-floating-label {
  color: var(--orbit-text-field-read-only-input-color) !important;
}
.orbit-text-field-read-only .mdc-text-field.mdc-text-field--outlined input {
  color: var(--orbit-text-field-read-only-input-color) !important;
  caret-color: transparent;
}

.orbit-search-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: var(--orbit-spacing-16) !important;
}
.orbit-search-field .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-icon-prefix .orbit-input-prefix {
  margin-left: var(--orbit-text-field-prefix-margin-left);
  margin-right: var(--orbit-text-field-prefix-margin-right);
}
.orbit-search-field .mdc-text-field.mdc-text-field--outlined .orbit-input-loader {
  animation: orbit-input-loader-spin 0.8s linear infinite;
}

@keyframes orbit-input-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
.orbit-textarea {
  --orbit-textarea-min-width: var(--orbit-size-224);
  --orbit-textarea-border-radius: var(--orbit-radius-12);
  --orbit-textarea-wrapper-padding-left: var(--orbit-spacing-16);
  --orbit-textarea-wrapper-padding-right: var(--orbit-spacing-16);
  --orbit-textarea-infix-padding-top: var(--orbit-spacing-24);
  --orbit-textarea-infix-padding-bottom: var(--orbit-spacing-8);
  --orbit-textarea-font-size: var(--orbit-font-size-14);
  --orbit-textarea-line-height: var(--orbit-line-height-20);
  --orbit-textarea-outlined-floating-label-above-font-size: var(--orbit-font-size-14);
  --orbit-textarea-outlined-input-font-weight: var(--orbit-font-weight-640);
  --orbit-textarea-wrapper-notched-outline-floating-label-font-size: var(--orbit-font-size-14);
  --orbit-textarea-wrapper-notched-outline-floating-label-top: var(--orbit-spacing-16);
  --orbit-textarea-disabled-floating-label-float-above-top: var(--orbit-spacing-2);
  --orbit-textarea-hint-font-size: var(--orbit-font-size-10);
  --orbit-textarea-error-font-size: var(--orbit-font-size-10);
  --orbit-textarea-disabled-border-width: var(--orbit-border-width-1);
  --orbit-textarea-floating-label-top: var(--orbit-spacing-24);
  --orbit-textarea-height: 88px;
  --orbit-textarea-content-min-height: calc(
    var(--orbit-textarea-height) - var(--orbit-textarea-infix-padding-top) - var(
        --orbit-textarea-infix-padding-bottom
      )
  );
  --orbit-textarea-invalid-input-text-color: var(--orbit-red-600);
  --orbit-textarea-invalid-caret-color: var(--orbit-blue-600);
  --orbit-textarea-invalid-required-marker-color: var(--orbit-red-600);
  --orbit-textarea-invalid-background-color: var(--orbit-red-50);
  --orbit-textarea-disabled-floating-label-color: var(--orbit-grey-600);
  --orbit-textarea-disabled-border-color: var(--orbit-grey-200);
  --orbit-textarea-disabled-background-color: var(--orbit-white);
  --orbit-textarea-required-marker-color: var(--orbit-blue-600);
  --orbit-textarea-focused-background-color: var(--orbit-blue-50);
  --orbit-textarea-background-color: var(--orbit-grey-50);
  --orbit-textarea-hint-color: var(--orbit-grey-600);
}

.orbit-textarea {
  min-width: var(--orbit-textarea-min-width) !important;
  max-width: 100% !important;
  width: 100%;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-floating-label {
  font-size: var(--orbit-textarea-font-size) !important;
  line-height: var(--orbit-textarea-line-height) !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-floating-label:not(.mdc-floating-label--float-above) {
  transform: translateY(-8px) !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above {
  font-size: var(--orbit-textarea-outlined-floating-label-above-font-size) !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above mat-label {
  position: relative;
  top: -1px;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  scale: 0.95 !important;
  translate: 0 var(--orbit-textarea-wrapper-notched-outline-floating-label-top) !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined {
  border-radius: var(--orbit-textarea-border-radius);
  background-color: var(--orbit-textarea-background-color);
  min-height: var(--orbit-textarea-height);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: var(--orbit-textarea-infix-padding-top) !important;
  padding-bottom: var(--orbit-textarea-infix-padding-bottom);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mat-mdc-text-field-wrapper {
  padding-left: var(--orbit-textarea-wrapper-padding-left);
  padding-right: var(--orbit-textarea-wrapper-padding-right) !important;
  position: relative;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused {
  background-color: var(--orbit-textarea-focused-background-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined textarea {
  font-weight: var(--orbit-textarea-outlined-input-font-weight);
  box-sizing: border-box;
  height: var(--orbit-textarea-content-min-height);
  resize: vertical;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  border-top-style: solid;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  font-size: var(--orbit-textarea-wrapper-notched-outline-floating-label-font-size) !important;
  transform-origin: left top !important;
  translate: 0 0;
  transform: none !important;
  transition: transform 150ms ease, translate 150ms ease, scale 150ms ease !important;
  will-change: transform, translate, scale !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-required-marker {
  color: var(--orbit-textarea-required-marker-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: var(--orbit-textarea-disabled-background-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--orbit-textarea-disabled-floating-label-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline .mat-mdc-notch-piece {
  border-color: var(--orbit-textarea-disabled-border-color);
  border-width: var(--orbit-textarea-disabled-border-width);
  border-top-style: solid !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled textarea {
  resize: none;
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid {
  background-color: var(--orbit-textarea-invalid-background-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid textarea {
  color: var(--orbit-textarea-invalid-input-text-color);
  caret-color: var(--orbit-textarea-invalid-caret-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--outlined.mdc-text-field--invalid .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--orbit-textarea-invalid-required-marker-color);
}
.orbit-textarea .mdc-text-field.mdc-text-field--disabled .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  border-top-style: none !important;
}
.orbit-textarea .mdc-text-field.mdc-text-field--disabled .mdc-floating-label.mdc-floating-label--float-above mat-label {
  top: var(--orbit-textarea-disabled-floating-label-float-above-top) !important;
}
.orbit-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: var(--orbit-textarea-floating-label-top) !important;
}
.orbit-textarea .mat-mdc-form-field-hint {
  font-size: var(--orbit-textarea-hint-font-size);
  color: var(--orbit-textarea-hint-color);
}
.orbit-textarea .orbit-textarea-hint-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orbit-textarea .mat-mdc-form-field-error {
  font-size: var(--orbit-textarea-error-font-size);
}

.orbit-chips-wrapper,
.orbit-chip {
  /* Geometry */
  --orbit-chip-remove-size: var(--orbit-size-16);
  --orbit-chip-margin-top: var(--orbit-spacing-2);
  --orbit-chip-margin-bottom: var(--orbit-spacing-2);
  --orbit-chip-margin-right: var(--orbit-spacing-0);
  --orbit-chip-margin-left: var(--orbit-spacing-4);
  --orbit-chip-option-padding-top: var(--orbit-spacing-0);
  --orbit-chip-option-padding-right: var(--orbit-spacing-4);
  --orbit-chip-option-padding-bottom: var(--orbit-spacing-0);
  --orbit-chip-option-padding-left: var(--orbit-spacing-8);
  --orbit-chip-remove-padding-left: var(--orbit-spacing-2);
  --orbit-chip-mdc-evolution-chip-cell-primary-margin-right: var(--orbit-spacing-4);
  --orbit-chip-action-secondary-padding-left: var(--orbit-spacing-0);
  --orbit-chip-action-secondary-padding-right: var(--orbit-spacing-0);
  --orbit-chip-action-primary-padding-left: var(--orbit-spacing-0);
  --orbit-chip-action-primary-padding-right: var(--orbit-spacing-0);
  --orbit-chips-label-margin-bottom: var(--orbit-spacing-2);
  --orbit-chips-input-margin-top: var(--orbit-spacing-8);
  --orbit-chips-hint-margin-top: var(--orbit-spacing-2);
  /* Chips wrapper */
  --orbit-chips-wrapper-gap: var(--orbit-spacing-4);
  /* Typography */
  --orbit-chips-label-font-size: var(--orbit-font-size-12);
  --orbit-chips-label-font-weight: var(--orbit-font-weight-400);
  --orbit-chips-label-line-height: var(--orbit-line-height-18);
  --orbit-chips-label-required-color: var(--orbit-blue-600);
  --orbit-chips-hint-font-size: var(--orbit-font-size-10);
  --orbit-chips-hint-font-weight: var(--orbit-font-weight-400);
  --orbit-chips-hint-line-height: var(--orbit-line-height-16);
  /* Colors */
  --orbit-chips-hint-color: var(--orbit-grey-600);
  --orbit-chips-error-color: var(--orbit-red-600);
  --orbit-chips-label-color: var(--orbit-grey-800);
  /* Backgrounds */
  --orbit-chip-bg-selected-hover: var(--orbit-blue-700);
}

:root {
  --mat-chip-container-height: var(--orbit-size-24);
  --mat-chip-container-shape-radius: var(--orbit-radius-4);
  --mat-chip-label-text-line-height: var(--orbit-line-height-20);
  --mat-chip-label-text-weight: var(--orbit-font-weight-400);
  --mat-chip-elevated-container-color: var(--orbit-grey-200);
  --mat-chip-elevated-selected-container-color: var(--orbit-blue-600);
  --mat-chip-elevated-disabled-container-color: var(--orbit-grey-50);
  --mat-chip-flat-disabled-selected-container-color: var(--orbit-blue-100);
  --mat-chip-disabled-label-text-color: var(--orbit-grey-600);
  --mat-chip-disabled-outline-color: var(--orbit-grey-200);
  --mat-chip-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 1;
  --mat-chip-hover-state-layer-color: var(--orbit-grey-300);
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-focus-state-layer-opacity: 1;
  --mat-chip-focus-state-layer-color: var(--orbit-grey-400);
  --mat-chip-selected-focus-state-layer-opacity: 1;
  --mat-chip-selected-focus-state-layer-color: var(--orbit-blue-800);
  --mat-chip-label-text-color: var(--orbit-grey-800);
  --mat-chip-selected-label-text-color: var(--orbit-white);
  --mat-chip-selected-trailing-icon-color: var(--orbit-white);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--orbit-grey-800);
}

.orbit-chips-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--orbit-chips-wrapper-gap);
}
.orbit-chips-wrapper .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  margin-left: calc(var(--orbit-size-0) - var(--orbit-chip-margin-left));
}
.orbit-chips-label {
  margin-bottom: var(--orbit-chips-label-margin-bottom);
  font-size: var(--orbit-chips-label-font-size);
  font-weight: var(--orbit-chips-label-font-weight);
  line-height: var(--orbit-chips-label-line-height);
  color: var(--orbit-chips-label-color);
}
.orbit-chips--invalid .orbit-chips-label {
  color: var(--orbit-chips-error-color);
}
.orbit-chips-label--required:after {
  content: "*";
  color: var(--orbit-chips-label-required-color);
}
.orbit-chips-hint, .orbit-chips-error {
  margin-top: var(--orbit-chips-hint-margin-top);
  font-size: var(--orbit-chips-hint-font-size);
  font-weight: var(--orbit-chips-hint-font-weight);
  line-height: var(--orbit-chips-hint-line-height);
}
.orbit-chips-hint {
  color: var(--orbit-chips-hint-color);
}
.orbit-chips-error {
  color: var(--orbit-chips-error-color);
}
.orbit-chips-input {
  margin-top: var(--orbit-chips-input-margin-top);
}

.orbit-chip:not(.mat-mdc-chip-disabled):not(.cdk-focused):hover.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay, .orbit-chip:not(.mat-mdc-chip-disabled).cdk-mouse-focused:hover.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay {
  background: var(--orbit-chip-bg-selected-hover);
}
.orbit-chip:not(.mat-mdc-chip-disabled):not(.cdk-focused):not(:hover) .mat-mdc-chip-focus-overlay, .orbit-chip:not(.mat-mdc-chip-disabled).cdk-mouse-focused:not(:hover) .mat-mdc-chip-focus-overlay {
  background: transparent;
  opacity: 0;
}
.orbit-chip.mat-mdc-chip-option, .orbit-chip.mat-mdc-chip-row {
  padding: var(--orbit-chip-option-padding-top) var(--orbit-chip-option-padding-right) var(--orbit-chip-option-padding-bottom) var(--orbit-chip-option-padding-left) !important;
}
.orbit-chip.mat-mdc-chip-option .mat-mdc-chip-graphic, .orbit-chip.mat-mdc-chip-row .mat-mdc-chip-graphic {
  display: none;
}
.orbit-chip.mat-mdc-chip-option .orbit-chip-remove, .orbit-chip.mat-mdc-chip-row .orbit-chip-remove {
  width: var(--orbit-chip-remove-size);
  height: var(--orbit-chip-remove-size);
  padding-left: var(--orbit-chip-remove-padding-left);
}
.orbit-chip.mat-mdc-chip-option .orbit-chip-remove mat-icon, .orbit-chip.mat-mdc-chip-row .orbit-chip-remove mat-icon {
  display: flex;
}
.orbit-chip.mat-mdc-chip-option .mat-mdc-chip-remove::after, .orbit-chip.mat-mdc-chip-row .mat-mdc-chip-remove::after {
  content: none;
}
.orbit-chip.mat-mdc-chip-option .mdc-evolution-chip__action--secondary, .orbit-chip.mat-mdc-chip-row .mdc-evolution-chip__action--secondary {
  padding-left: var(--orbit-chip-action-secondary-padding-left) !important;
  padding-right: var(--orbit-chip-action-secondary-padding-right) !important;
}
.orbit-chip.mat-mdc-chip-option .mdc-evolution-chip__action--primary, .orbit-chip.mat-mdc-chip-row .mdc-evolution-chip__action--primary {
  padding-right: var(--orbit-chip-action-primary-padding-right) !important;
  padding-left: var(--orbit-chip-action-primary-padding-left) !important;
  margin-right: var(--orbit-chip-mdc-evolution-chip-cell-primary-margin-right);
}
.orbit-chip.mat-mdc-chip-option.mat-mdc-chip-disabled .orbit-chip-remove, .orbit-chip.mat-mdc-chip-row.mat-mdc-chip-disabled .orbit-chip-remove {
  display: none;
}

.mat-mdc-chip-set .orbit-chip.mat-mdc-chip {
  margin: var(--orbit-chip-margin-top) var(--orbit-chip-margin-right) var(--orbit-chip-margin-bottom) var(--orbit-chip-margin-left);
}

:root {
  --mat-radio-state-layer-size: var(--orbit-size-20);
  --mat-radio-touch-target-size: var(--orbit-size-20);
  --mat-radio-label-text-color: var(--orbit-grey-600);
  --mat-radio-label-text-size: var(--orbit-font-size-14);
  --mat-radio-label-text-line-height: var(--orbit-line-height-20);
  --mat-radio-label-text-weight: var(--orbit-font-weight-400);
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-unselected-icon-color: var(--orbit-grey-200);
  --mat-radio-unselected-hover-icon-color: var(--orbit-blue-600);
  --mat-radio-unselected-focus-icon-color: var(--orbit-blue-700);
  --mat-radio-unselected-pressed-icon-color: var(--orbit-blue-700);
  --mat-radio-selected-icon-color: var(--orbit-white);
  --mat-radio-selected-hover-icon-color: var(--orbit-white);
  --mat-radio-selected-focus-icon-color: var(--orbit-white);
  --mat-radio-selected-pressed-icon-color: var(--orbit-white);
  --mat-radio-disabled-unselected-icon-color: var(--orbit-grey-100);
  --mat-radio-disabled-selected-icon-color: var(--orbit-grey-100);
  --mat-radio-disabled-label-color: var(--orbit-grey-600);
}

.orbit-radio {
  --orbit-radio-focus-ring-color: var(--orbit-blue-200);
  --orbit-radio-invalid-focus-ring-color: var(--orbit-red-200);
  --orbit-radio-focus-ring-offset: var(--orbit-size-4);
  --orbit-radio-invalid-border-color: var(--orbit-red-500);
  --orbit-radio-invalid-hover-border-color: var(--orbit-red-600);
  --orbit-radio-invalid-label-color: var(--orbit-red-500);
  --orbit-radio-border-width: var(--orbit-border-width-1_5);
  --orbit-radio-inner-circle-scale: 0.4;
  --orbit-radio-disabled-outer-bg: var(--orbit-grey-50);
  --orbit-radio-disabled-inner-bg: var(--orbit-grey-500);
  --orbit-radio-checked-outer-color: var(--orbit-blue-600);
  --orbit-radio-hover-checked-outer-color: var(--orbit-blue-700);
  --orbit-radio-label-padding-inline: var(--orbit-spacing-12);
  --orbit-radio-title-size: var(--orbit-font-size-14);
  --orbit-radio-title-line-height: var(--orbit-line-height-20);
  --orbit-radio-title-weight: var(--orbit-font-weight-640);
  --orbit-radio-title-color: var(--orbit-grey-800);
}

.orbit-radio-group {
  --orbit-radio-group-gap: var(--orbit-spacing-16);
  --orbit-radio-group-horizontal-gap: var(--orbit-spacing-24);
}

.orbit-radio .mdc-radio .mdc-radio__outer-circle {
  border-width: var(--orbit-radio-border-width);
}
.orbit-radio .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
  background-color: var(--orbit-radio-checked-outer-color);
  border-color: var(--orbit-radio-checked-outer-color);
}
.orbit-radio .mdc-radio .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--orbit-radio-checked-outer-color);
}
.orbit-radio .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {
  background-color: var(--orbit-radio-disabled-outer-bg);
}
.orbit-radio .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {
  transform: scale(var(--orbit-radio-inner-circle-scale));
}
.orbit-radio .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
  background-color: var(--orbit-radio-disabled-outer-bg);
}
.orbit-radio .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {
  background-color: var(--orbit-radio-disabled-inner-bg);
}
.orbit-radio .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
  background-color: var(--orbit-radio-hover-checked-outer-color);
  border-color: var(--orbit-radio-hover-checked-outer-color) !important;
}
.orbit-radio .mdc-radio:focus-visible .mdc-radio__outer-circle, .orbit-radio .mdc-radio:has(.mat-focus-indicator .mat-ripple-element:not(.mat-radio-persistent-ripple)) .mdc-radio__outer-circle {
  box-shadow: 0 0 0 var(--orbit-radio-focus-ring-offset) var(--orbit-radio-focus-ring-color);
  outline: none;
  transition: box-shadow 0.5s ease-out;
}
.orbit-radio.cdk-keyboard-focused .mdc-radio__outer-circle {
  box-shadow: 0 0 0 var(--orbit-radio-focus-ring-offset) var(--orbit-radio-focus-ring-color);
  outline: none;
  transition: box-shadow 0.5s ease-out;
}
.orbit-radio .mdc-label {
  padding-left: var(--orbit-radio-label-padding-inline);
}
.orbit-radio .mdc-form-field--align-end > label {
  padding-left: 0;
  padding-right: var(--orbit-radio-label-padding-inline);
}
.orbit-radio .mat-internal-form-field:has(.orbit-radio-title) {
  align-items: flex-start;
}
.orbit-radio-title {
  display: block;
  color: var(--orbit-radio-title-color);
  font-family: var(--orbit-radio-title-font);
  font-size: var(--orbit-radio-title-size);
  font-weight: var(--orbit-radio-title-weight);
  line-height: var(--orbit-radio-title-line-height);
}

.orbit-radio-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: var(--orbit-radio-group-gap);
}
.orbit-radio-group--horizontal {
  flex-direction: row;
  column-gap: var(--orbit-radio-group-horizontal-gap);
}
.orbit-radio-group.ng-invalid.ng-touched .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--orbit-radio-invalid-border-color) !important;
}
.orbit-radio-group.ng-invalid.ng-touched .mdc-radio:hover > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
  border-color: var(--orbit-radio-invalid-hover-border-color) !important;
}
.orbit-radio-group.ng-invalid.ng-touched .mdc-radio:focus-visible .mdc-radio__outer-circle, .orbit-radio-group.ng-invalid.ng-touched .mdc-radio:has(.mat-focus-indicator .mat-ripple-element:not(.mat-radio-persistent-ripple)) .mdc-radio__outer-circle {
  box-shadow: 0 0 0 var(--orbit-radio-focus-ring-offset) var(--orbit-radio-invalid-focus-ring-color);
  outline: none;
  transition: box-shadow 0.5s ease-out;
}
.orbit-radio-group.ng-invalid.ng-touched.cdk-keyboard-focused .mdc-radio__outer-circle {
  box-shadow: 0 0 0 var(--orbit-radio-focus-ring-offset) var(--orbit-radio-invalid-focus-ring-color);
  outline: none;
  transition: box-shadow 0.5s ease-out;
}
.orbit-radio-group.ng-invalid.ng-touched .orbit-radio.cdk-keyboard-focused .mdc-radio__outer-circle {
  box-shadow: 0 0 0 var(--orbit-radio-focus-ring-offset) var(--orbit-radio-invalid-focus-ring-color);
  outline: none;
  transition: box-shadow 0.5s ease-out;
}

:root {
  --mat-slide-toggle-track-outline-color: var(--orbit-blue-200);
  --mat-slide-toggle-track-outline-width: var(--orbit-size-4);
  --mat-slide-toggle-label-text-color: var(--orbit-grey-800);
  --mat-slide-toggle-track-height: var(--orbit-size-20);
  --mat-slide-toggle-track-width: var(--orbit-size-36);
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: var(--orbit-spacing-0) var(--orbit-spacing-4);
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: var(--orbit-spacing-0) var(--orbit-spacing-4);
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: var(--orbit-spacing-0) var(--orbit-spacing-20);
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: var(--orbit-spacing-0) var(--orbit-spacing-20);
  --mat-slide-toggle-with-icon-handle-size: var(--orbit-size-16);
  --mat-slide-toggle-unselected-handle-size: var(--orbit-size-12);
  --mat-slide-toggle-selected-handle-size: var(--orbit-size-12);
  --mat-slide-toggle-pressed-handle-size: var(--orbit-size-16);
  --mat-slide-toggle-state-layer-size: var(--orbit-size-16);
  --mat-slide-toggle-touch-target-size: var(--orbit-size-20);
  --mat-slide-toggle-selected-track-outline-color: var(--orbit-blue-200);
  --mat-slide-toggle-selected-track-outline-width: var(--orbit-size-4);
  --mat-slide-toggle-selected-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-selected-focus-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-selected-icon-color: transparent;
  --mat-slide-toggle-selected-pressed-track-color: var(--orbit-grey-200);
  --mat-slide-toggle-selected-hover-handle-color: var(--orbit-white);
  --mat-slide-toggle-selected-hover-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-selected-handle-color: var(--orbit-white);
  --mat-slide-toggle-selected-focus-handle-color: var(--orbit-white);
  --mat-slide-toggle-selected-pressed-handle-color: var(--orbit-white);
  --mat-slide-toggle-unselected-focus-handle-color: var(--orbit-white);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--orbit-white);
  --mat-slide-toggle-unselected-handle-color: var(--orbit-white);
  --mat-slide-toggle-unselected-track-color: var(--orbit-grey-200);
  --mat-slide-toggle-unselected-hover-track-color: var(--orbit-grey-200);
  --mat-slide-toggle-unselected-hover-handle-color: var(--orbit-white);
  --mat-slide-toggle-unselected-pressed-track-color: var(--orbit-grey-200);
  --mat-slide-toggle-unselected-focus-track-color: var(--orbit-grey-200);
  --mat-slide-toggle-unselected-icon-color: transparent;
  --mat-slide-toggle-disabled-unselected-icon-color: transparent;
  --mat-slide-toggle-disabled-selected-icon-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-color: var(--orbit-grey-50);
  --mat-slide-toggle-disabled-selected-track-color: var(--orbit-grey-50);
  --mat-slide-toggle-disabled-selected-handle-color: var(--orbit-white);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--orbit-white);
  --mat-slide-toggle-disabled-label-text-color: var(--orbit-grey-600);
}

.orbit-slide-toggle {
  --orbit-slide-toggle-right-label-left-padding: var(--orbit-size-12);
  --orbit-slide-toggle-right-label-right-padding: var(--orbit-size-0);
  --orbit-slide-toggle-left-label-right-padding: var(--orbit-size-12);
  --orbit-slide-toggle-left-label-left-padding: var(--orbit-size-0);
  --orbit-slide-toggle-default-state-border-width: var(--orbit-size-0);
  --orbit-slide-toggle-disabled-handle-shadow-offset-y: var(--orbit-size-2);
  --orbit-slide-toggle-disabled-handle-shadow-blur-radius: var(--orbit-size-2);
}

.orbit-dark-mobile {
  --mat-slide-toggle-track-outline-color: var(--orbit-blue-200);
  --mat-slide-toggle-label-text-color: var(--orbit-grey-100);
  --mat-slide-toggle-selected-track-outline-color: var(--orbit-blue-200);
  --mat-slide-toggle-selected-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-selected-focus-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-selected-pressed-track-color: var(--orbit-grey-600);
  --mat-slide-toggle-selected-hover-track-color: var(--orbit-blue-600);
  --mat-slide-toggle-unselected-track-color: var(--orbit-grey-600);
  --mat-slide-toggle-unselected-hover-track-color: var(--orbit-grey-600);
  --mat-slide-toggle-unselected-pressed-track-color: var(--orbit-grey-600);
  --mat-slide-toggle-unselected-focus-track-color: var(--orbit-grey-600);
  --mat-slide-toggle-disabled-unselected-track-color: var(--orbit-grey-800);
  --mat-slide-toggle-disabled-selected-track-color: var(--orbit-grey-800);
  --mat-slide-toggle-disabled-selected-handle-color: var(--orbit-grey-900);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--orbit-grey-900);
  --mat-slide-toggle-disabled-label-text-color: var(--orbit-grey-400);
}

.orbit-slide-toggle .mdc-switch--disabled .mdc-switch__handle {
  box-shadow: 0 var(--orbit-slide-toggle-disabled-handle-shadow-offset-y) var(--orbit-slide-toggle-disabled-handle-shadow-blur-radius) 0 var(--orbit-grey-opacity-5);
}
.orbit-slide-toggle .mdc-switch--disabled .mdc-switch__track {
  opacity: 1 !important;
}
.orbit-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons) {
  margin: var(--orbit-size-0) var(--orbit-size-2) !important;
}
.orbit-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons) {
  margin: var(--orbit-size-0) var(--orbit-size-18) !important;
}
.orbit-slide-toggle .mat-internal-form-field label {
  padding-left: var(--orbit-slide-toggle-right-label-left-padding);
  padding-right: var(--orbit-slide-toggle-right-label-right-padding);
}
.orbit-slide-toggle .mat-internal-form-field.mdc-form-field--align-end label {
  padding-left: var(--orbit-slide-toggle-left-label-left-padding);
  padding-right: var(--orbit-slide-toggle-left-label-right-padding);
}
.orbit-slide-toggle .mdc-switch .mdc-switch__track::before, .orbit-slide-toggle .mdc-switch .mdc-switch__track::after {
  border-width: var(--orbit-slide-toggle-default-state-border-width) !important;
}

.cdk-focused .mdc-switch__track {
  outline: var(--orbit-size-6) solid var(--orbit-blue-200);
  outline-offset: -2px;
}

:root {
  --mat-menu-container-shape: var(--orbit-radius-16);
  --mat-menu-container-color: var(--orbit-black-opacity-10);
  --mat-menu-container-elevation-shadow: none;
  --mat-menu-item-icon-size: var(--orbit-size-20);
  --mat-menu-item-icon-color: var(--orbit-grey-600);
  --mat-menu-item-label-text-color: var(--orbit-grey-800);
  --mat-menu-item-label-text-size: var(--orbit-font-size-14);
  --mat-menu-item-label-text-weight: var(--orbit-font-weight-400);
  --mat-menu-item-label-text-line-height: var(--orbit-line-height-20);
  --mat-menu-item-leading-spacing: var(--orbit-spacing-8);
  --mat-menu-item-trailing-spacing: var(--orbit-spacing-8);
  --mat-menu-item-with-icon-leading-spacing: var(--orbit-spacing-8);
  --mat-menu-item-with-icon-trailing-spacing: var(--orbit-spacing-8);
  --mat-menu-item-hover-state-layer-color: var(--orbit-black-opacity-5);
}

.orbit-mat-menu {
  /* ---------- first & second level ---------- */
  --orbit-menu-level-margin-t-b: var(--orbit-spacing-4);
  --orbit-menu-level-width-160: var(--orbit-size-160);
  --orbit-menu-level-width-280: var(--orbit-size-280);
}

.mat-mdc-menu-panel {
  /* ---------- @include mat.menu-overrides ---------- */
  --orbit-menu-item-icon-color: var(--orbit-grey-600);
  --orbit-menu-item-hover-state-layer-color: var(--orbit-black-opacity-5);
  /* ---------- menu wrapper ---------- */
  --orbit-menu-wrap-padding-l: var(--orbit-spacing-8);
  --orbit-menu-wrap-padding-r: var(--orbit-spacing-8);
  --orbit-menu-wrap-min-width: var(--orbit-size-160);
  --orbit-menu-wrap-width: var(--orbit-size-240);
  --orbit-menu-wrap-backdrop-filter: var(--orbit-size-120);
  --orbit-menu-wrap-padding-b: var(--orbit-spacing-4);
  /* ---------- menu items ---------- */
  --orbit-menu-item-radius: var(--orbit-radius-8);
  --orbit-menu-item-min-height: var(--orbit-size-32);
  --orbit-menu-item-margin-b: var(--orbit-spacing-4);
  --orbit-menu-item-color: var(--orbit-grey-500);
  --orbit-menu-item-background: var(--orbit-black-opacity-10);
  --orbit-menu-item-margin-r: var(--orbit-spacing-8);
  /* ---------- second level ---------- */
  --orbit-menu-level-margin-l: var(--orbit-spacing-12);
  --orbit-menu-level-background: var(--orbit-black-opacity-20);
}

/* ---------- first lavel ---------- */
.orbit-mat-menu {
  margin-top: var(--orbit-menu-level-margin-t-b) !important;
  margin-bottom: var(--orbit-menu-level-margin-t-b) !important;
}
.orbit-mat-menu.width-160 {
  width: var(--orbit-menu-level-width-160);
}
.orbit-mat-menu.width-280 {
  width: var(--orbit-menu-level-width-280);
}

/* ---------- second level ---------- */
.mat-mdc-menu-panel:not(.orbit-mat-menu) {
  margin-left: var(--orbit-menu-level-margin-l) !important;
  background-color: var(--orbit-menu-level-background);
}

/* ---------- menu wrapper ---------- */
.mat-mdc-menu-panel {
  padding-left: var(--orbit-menu-wrap-padding-l);
  padding-right: var(--orbit-menu-wrap-padding-r);
  min-width: var(--orbit-menu-wrap-min-width) !important;
  width: var(--orbit-menu-wrap-width);
  backdrop-filter: blur(var(--orbit-menu-wrap-backdrop-filter));
}
.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding-bottom: var(--orbit-menu-wrap-padding-b);
}
.mat-mdc-menu-panel {
  /* ---------- menu items ---------- */
}
.mat-mdc-menu-panel .mat-mdc-menu-item {
  border-radius: var(--orbit-menu-item-radius);
  min-height: var(--orbit-menu-item-min-height);
  margin-bottom: var(--orbit-menu-item-margin-b);
}
.mat-mdc-menu-panel .mat-mdc-menu-item .orbit-menu-icon {
  margin-right: var(--orbit-menu-item-margin-r);
}
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled] {
  color: var(--orbit-menu-item-icon-color);
  opacity: 1;
}
.mat-mdc-menu-panel .mat-mdc-menu-item[disabled] .orbit-menu-icon {
  color: var(--orbit-menu-item-color);
}
.mat-mdc-menu-panel .mat-mdc-menu-item:active:not([disabled]) {
  background-color: var(--orbit-menu-item-background) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  background-color: var(--orbit-menu-item-hover-state-layer-color);
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-menu-panel {
  /* ---------- icon ---------- */
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
  display: none;
}
.mat-mdc-menu-panel .orbit-menu-icon-right {
  flex-direction: row-reverse;
}
.mat-mdc-menu-panel .orbit-menu-icon-right .orbit-menu-icon__level {
  margin-right: 0 !important;
}
.mat-mdc-menu-panel .orbit-menu-icon-right .orbit-menu-item-label {
  display: flex;
}

:root {
  --orbit-scrollbar-track-bg: transparent;
  --orbit-scrollbar-thumb-bg: var(--orbit-grey-opacity-40);
  --orbit-scrollbar-thumb-hover-bg: var(--orbit-grey-opacity-50);
  --orbit-scroll-container-padding: var(--orbit-spacing-4);
}

/* Chrome / Edge / Opera / Safari / Windows OS */
::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}

::-webkit-scrollbar-track {
  background: var(--orbit-scrollbar-track-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--orbit-scrollbar-thumb-bg);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--orbit-scrollbar-thumb-hover-bg);
}

::-webkit-scrollbar-button:single-button {
  background: none !important;
  height: 0 !important;
  width: 0 !important;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none !important;
}

.orbit-scroll-container {
  gap: inherit;
  display: inherit;
  flex-direction: inherit;
  justify-content: inherit;
  align-items: inherit;
  flex: 1 1 0%;
  min-height: var(--orbit-size-0);
  overflow: auto;
  padding: var(--orbit-scroll-container-padding);
}

.orbit-select-panel {
  /* Panel background */
  border-radius: var(--orbit-select-panel-radius) !important;
  backdrop-filter: blur(var(--orbit-select-panel-blur-size));
  padding: var(--orbit-select-panel-padding) !important;
  display: flex;
  flex-direction: column;
  gap: var(--orbit-select-panel-gap);
  margin-top: var(--orbit-select-panel-margin);
  box-shadow: none !important;
  overflow-y: auto;
  max-height: var(--orbit-select-panel-max-height) !important;
  color: var(--orbit-select-option-color);
  font-size: var(--orbit-select-option-size) !important;
  font-weight: var(--orbit-select-option-weight) !important;
}
.orbit-select-panel .mat-mdc-option.mdc-list-item {
  color: var(--orbit-select-option-color);
  /* Base layout for all options */
  min-height: var(--orbit-select-item-height) !important;
  max-height: var(--orbit-select-item-height) !important;
  border-radius: var(--orbit-select-option-radius) !important;
  padding: var(--orbit-select-option-padding-top) var(--orbit-select-option-padding-right) var(--orbit-select-option-padding-bottom) var(--orbit-select-option-padding-left) !important;
  gap: var(--orbit-select-option-gap) !important;
}
.orbit-select-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox {
  margin-right: var(--orbit-select-panel-pseude-margin) !important;
  order: 2;
  margin-left: auto !important;
  border-radius: var(--orbit-select-option-checkbox-radius) !important;
  border-color: var(--orbit-select-checkbox-border-unselected);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox.mat-pseudo-checkbox-minimal {
  width: var(--orbit-select-option-icon-single-size);
  height: var(--orbit-select-option-icon-single-size);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox.mat-pseudo-checkbox-full {
  width: var(--orbit-select-option-icon-multiple-size);
  height: var(--orbit-select-option-icon-multiple-size);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item {
  /* Unselected – default / hover / active */
}
.orbit-select-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled) {
  background-color: var(--orbit-select-option-bg-unselected);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled):hover {
  background-color: var(--orbit-select-option-bg-unselected-hover);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled):active {
  background-color: var(--orbit-select-option-bg-unselected-pressed);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item {
  /* Selected – default / hover / active */
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background-color: var(--orbit-select-option-bg-selected);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--orbit-select-option-color);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled):hover {
  background-color: var(--orbit-select-option-bg-selected-hover);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled):active {
  background-color: var(--orbit-select-option-bg-selected-pressed);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item {
  /* Selected / Unselected – disabled */
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled {
  background-color: var(--orbit-select-option-bg-selected-disabled);
}
.orbit-select-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {
  opacity: 1 !important;
  color: var(--orbit-select-option-color-disabled);
}
.orbit-select-panel .mdc-list-item__primary-text {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  order: 1;
  font-size: var(--orbit-select-option-size) !important;
}
.orbit-select-panel .mdc-list-item--selected, .orbit-select-panel .mdc-list-item--selected:hover, .orbit-select-panel .mdc-list-item--selected:active, .orbit-select-panel .mdc-list-item--selected.mat-mdc-option-active, .orbit-select-panel .mdc-list-item--selected.mdc-list-item--activated {
  background-color: var(--orbit-select-option-bg-selected);
}
.orbit-select-panel .mat-pseudo-checkbox:after {
  color: var(--orbit-select-option-icon-color) !important;
}
.orbit-select-panel {
  /* Mini checkbox (multiple) */
}
.orbit-select-panel .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.orbit-select-panel .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: var(--orbit-select-option-color);
  width: var(--orbit-select-option-width) !important;
  height: var(--orbit-select-option-height) !important;
}
.orbit-select-panel {
  /* Full checkbox — unselected */
}
.orbit-select-panel .mat-pseudo-checkbox-full:not(.mat-pseudo-checkbox-checked) {
  background-color: var(--orbit-select-checkbox-bg-unselected);
  box-sizing: border-box !important;
}
.orbit-select-panel {
  /* Full checkbox — selected */
}
.orbit-select-panel .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked:not(.mat-pseudo-checkbox-disabled) {
  background-color: var(--orbit-select-checkbox-bg-selected);
  border: none !important;
}
.orbit-select-panel .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked:not(.mat-pseudo-checkbox-disabled)::after {
  color: var(--orbit-select-checkbox-bg-unselected) !important;
  opacity: 1 !important;
}
.orbit-select-panel {
  /* Disabled checkbox */
}
.orbit-select-panel .mdc-list-item--disabled .mat-pseudo-checkbox-full {
  background-color: var(--orbit-select-checkbox-bg-disabled) !important;
  border-color: var(--orbit-select-checkbox-border-color-disabled) !important;
  opacity: 1 !important;
}
.orbit-select-panel {
  /* Disabled checkbox — selected (checked) */
}
.orbit-select-panel .mdc-list-item--disabled.mdc-list-item--selected .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  color: var(--orbit-select-checkbox-checkmark-selected-disabled) !important;
  opacity: 1 !important;
}

:root {
  --mat-expansion-container-shape: var(--orbit-radius-12);
  --mat-expansion-container-elevation-shadow: none;
  --mat-expansion-container-background-color: var(--orbit-white);
  --mat-expansion-container-text-color: var(--orbit-grey-800);
  --mat-expansion-header-text-color: var(--orbit-grey-800);
  --mat-expansion-header-indicator-color: var(--orbit-grey-800);
  --mat-expansion-header-text-size: var(--orbit-font-size-14);
  --mat-expansion-header-text-weight: var(--orbit-font-weight-640);
  --mat-expansion-header-text-line-height: var(--orbit-line-height-24);
  --mat-expansion-container-text-size: var(--orbit-font-size-14);
  --mat-expansion-container-text-weight: var(--orbit-font-weight-640);
  --mat-expansion-container-text-line-height: var(--orbit-line-height-24);
  --mat-expansion-header-collapsed-state-height: var(--orbit-size-48);
  --mat-expansion-header-expanded-state-height: var(--orbit-size-48);
}

.orbit-expansion-panel {
  /* Layout */
  --orbit-expansion-gap: var(--orbit-size-8);
  /* Container */
  --orbit-expansion-border-width: var(--orbit-border-width-1_5);
  --orbit-expansion-border-color: var(--orbit-grey-100);
  --orbit-expansion-radius: var(--orbit-radius-12);
  /* Header */
  --orbit-expansion-header-height: var(--orbit-size-48);
  --orbit-expansion-header-padding-left: var(--orbit-spacing-16);
  --orbit-expansion-header-padding-right: var(--orbit-spacing-16);
  --orbit-expansion-header-padding-top: var(--orbit-size-0);
  --orbit-expansion-header-padding-bottom: var(--orbit-size-0);
  --orbit-content-hide-toggle-margin-right: var(--orbit-spacing-0);
  /* Colors */
  --orbit-expansion-bg: var(--orbit-white);
  /* Body container */
  --orbit-expansion-body-padding: var(--orbit-size-0);
  --orbit-expansion-body-radius: var(--orbit-radius-12);
  --orbit-expansion-body-bg: var(--orbit-grey-opacity-10);
  --orbit-expansion-body-color: var(--orbit-black-opacity-20);
  /* Expanded state */
  --orbit-expansion-expanded-padding-top: var(--orbit-spacing-4);
  --orbit-expansion-expanded-padding-right: var(--orbit-spacing-16);
  --orbit-expansion-expanded-padding-bottom: var(--orbit-spacing-16);
  --orbit-expansion-expanded-padding-left: var(--orbit-spacing-16);
}

.orbit-expansion-panel--extended {
  --orbit-expansion-extended-header-padding-y: var(--orbit-spacing-12);
  --orbit-expansion-extended-avatar-gap: var(--orbit-spacing-12);
  --orbit-expansion-extended-header-padding-bottom-expanded: var(--orbit-spacing-16);
  --orbit-expansion-extended-min-width: var(--orbit-size-232);
  --orbit-expansion-extended-content-gap: var(--orbit-spacing-4);
  --orbit-expansion-header-title-gap: var(--orbit-spacing-12);
  --orbit-expansion-extended-subtext-color: var(--orbit-grey-600);
  --orbit-expansion-extended-subtext-font-size: var(--orbit-font-size-14);
  --orbit-expansion-extended-subtext-font-weight: var(--orbit-font-weight-400);
  --orbit-expansion-extended-subtext-line-height: var(--orbit-line-height-20);
}

/* Gap between items */
.orbit-expansion-panel + .orbit-expansion-panel {
  margin-top: var(--orbit-expansion-gap);
}

.orbit-expansion-panel {
  /* Panel container */
  border: var(--orbit-expansion-border-width) solid var(--orbit-expansion-border-color);
  border-radius: var(--orbit-expansion-radius) !important;
  /* Header */
}
.orbit-expansion-panel .mat-expansion-panel-header {
  padding: var(--orbit-expansion-header-padding-top) var(--orbit-expansion-header-padding-right) var(--orbit-expansion-header-padding-bottom) var(--orbit-expansion-header-padding-left) !important;
  min-height: var(--orbit-expansion-header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orbit-expansion-panel .mat-expansion-panel-header .mat-content.mat-content-hide-toggle {
  margin-right: var(--orbit-content-hide-toggle-margin-right);
}
.orbit-expansion-panel .mat-expansion-panel-header .orbit-expansion-panel-chevron {
  transition: transform 200ms ease-in-out;
  transform: rotate(0deg);
}
.orbit-expansion-panel .mat-expansion-panel-header:hover {
  background: var(--orbit-expansion-bg) !important;
}
.orbit-expansion-panel {
  /* Body wrapper */
}
.orbit-expansion-panel .mat-expansion-panel-content-wrapper .mat-expansion-panel-body {
  padding: var(--orbit-expansion-body-padding);
  border-radius: var(--orbit-expansion-body-radius);
  background: var(--orbit-expansion-body-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--orbit-expansion-body-color);
}
.orbit-expansion-panel {
  /* Expanded state */
}
.orbit-expansion-panel.mat-expanded .mat-expansion-panel-content-wrapper {
  padding: var(--orbit-expansion-expanded-padding-top) var(--orbit-expansion-expanded-padding-right) var(--orbit-expansion-expanded-padding-bottom) var(--orbit-expansion-expanded-padding-left);
}
.orbit-expansion-panel.mat-expanded .orbit-expansion-panel-chevron {
  transform: rotate(180deg);
}

.orbit-expansion-panel--extended {
  min-width: var(--orbit-expansion-extended-min-width);
}
.orbit-expansion-panel--extended .mat-expansion-panel-header {
  box-sizing: border-box;
  height: auto !important;
  min-height: var(--orbit-expansion-header-height) !important;
  padding-top: var(--orbit-expansion-extended-header-padding-y) !important;
  padding-bottom: var(--orbit-expansion-extended-header-padding-y) !important;
}
.orbit-expansion-panel--extended .mat-expansion-panel-header-title {
  gap: var(--orbit-expansion-header-title-gap);
}
.orbit-expansion-panel--extended .mat-expansion-panel-header .mat-content {
  overflow: initial !important;
  align-items: center !important;
}
.orbit-expansion-panel--extended .mat-expansion-panel-header .mat-expansion-panel-header-title {
  align-items: flex-start;
  gap: var(--orbit-expansion-extended-avatar-gap);
  min-width: 0;
}
.orbit-expansion-panel--extended .mat-expansion-panel-header .orbit-expansion-panel-chevron {
  flex-shrink: 0;
}
.orbit-expansion-panel--extended.mat-expanded .mat-expansion-panel-header {
  padding-bottom: var(--orbit-expansion-extended-header-padding-bottom-expanded) !important;
}
.orbit-expansion-panel--extended .orbit-expansion-panel-extended-content {
  display: flex;
  flex-direction: column;
  gap: var(--orbit-expansion-extended-content-gap);
  flex: 1;
  min-width: 0;
}
.orbit-expansion-panel--extended .orbit-expansion-panel-extended-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.orbit-expansion-panel--extended .orbit-expansion-panel-extended-subtext {
  font-size: var(--orbit-expansion-extended-subtext-font-size);
  font-weight: var(--orbit-expansion-extended-subtext-font-weight);
  line-height: var(--orbit-expansion-extended-subtext-line-height);
  color: var(--orbit-expansion-extended-subtext-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.orbit-side-panel {
  --orbit-side-panel-container-padding-top: var(--orbit-spacing-40);
  --orbit-side-panel-container-padding-right: var(--orbit-spacing-24);
  --orbit-side-panel-container-padding-bottom: var(--orbit-spacing-24);
  --orbit-side-panel-container-padding-left: var(--orbit-spacing-24);
  --orbit-side-panel-mat-sidenav-width-large: 808px;
  --orbit-side-panel-scrollable-margin: var(--orbit-spacing-16);
  --orbit-side-panel-scrollable-padding: var(--orbit-size-10);
}
.orbit-side-panel .orbit-side-panel-heading {
  --orbit-side-panel-container-heading-margin-bottom: var(--orbit-spacing-16);
}
.orbit-side-panel .orbit-side-panel-actions {
  --orbit-side-panel-container-actions-padding-top: var(--orbit-spacing-16);
}

:root {
  --mat-sidenav-container-background-color: var(--orbit-white);
  --mat-sidenav-container-shape: var(--orbit-radius-32);
  --mat-sidenav-content-background-color: var(--orbit-grey-50);
  --mat-sidenav-scrim-color: transparent;
  --mat-sidenav-container-text-color: var(--orbit-grey-800);
  --mat-sidenav-container-width: var(--orbit-size-544);
}

.orbit-side-panel mat-sidenav {
  padding: var(--orbit-side-panel-container-padding-top) var(--orbit-side-panel-container-padding-right) var(--orbit-side-panel-container-padding-bottom) var(--orbit-side-panel-container-padding-left);
  border: var(--orbit-border-width-1) solid var(--orbit-grey-100);
  max-width: 80%;
}
.orbit-side-panel mat-sidenav.large {
  width: var(--orbit-side-panel-mat-sidenav-width-large);
}
.orbit-side-panel .orbit-side-panel-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.orbit-side-panel .orbit-scroll-container {
  margin-right: calc(-1 * var(--orbit-side-panel-scrollable-margin));
  padding-right: var(--orbit-side-panel-scrollable-padding);
}
.orbit-side-panel .orbit-side-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--orbit-side-panel-container-heading-margin-bottom);
}
.orbit-side-panel .orbit-side-panel-actions {
  display: flex;
  justify-content: end;
  padding-top: var(--orbit-side-panel-container-actions-padding-top);
}
.orbit-side-panel .orbit-side-panel-actions-bottom {
  margin-top: auto;
}
.orbit-side-panel .mat-drawer-backdrop {
  position: fixed;
}

.mat-drawer-inner-container {
  overflow: visible !important;
}

.mat-drawer-container {
  z-index: auto !important;
}

.orbit-outline-indicator-info,
.orbit-outline-indicator-warning,
.orbit-inline-indicator,
.orbit-inline-indicator-info,
.orbit-inline-indicator-warning {
  --orbit-outline-indicator-text-weight: var(--orbit-font-weight-400);
  --orbit-outline-indicator-text-size: var(--orbit-font-size-12);
  --orbit-outline-indicator-line-height: var(--orbit-line-height-18);
  --orbit-indicator-info-background: var(--orbit-indigo-opacity-40);
  --orbit-indicator-info-color: var(--orbit-indigo-800);
  --orbit-indicator-warning-background: var(--orbit-red-opacity-40);
  --orbit-indicator-warning-color: var(--orbit-red-800);
}

.orbit-outline-indicator-info,
.orbit-outline-indicator-warning {
  --orbit-outline-indicator-gap: var(--orbit-spacing-8);
  --orbit-outline-indicator-filter: var(--orbit-spacing-12);
}

.orbit-inline-indicator,
.orbit-inline-indicator-info,
.orbit-inline-indicator-warning {
  --orbit-inline-indicator-size: var(--orbit-size-20);
  --orbit-inline-indicator-radius: var(--orbit-radius-round);
  --orbit-inline-indicator-margin-l: var(--orbit-spacing-8);
  --orbit-inline-indicator-padding: var(--orbit-spacing-2);
}

:root {
  --mat-badge-text-weight: var(--orbit-font-weight-400);
  --mat-badge-text-size: var(--orbit-font-size-12);
  --mat-badge-container-padding: var(--orbit-spacing-2);
  --mat-badge-line-height: var(--orbit-line-height-18);
  --mat-badge-container-size: var(--orbit-size-24);
  --mat-badge-container-overlap-offset: calc(0px - var(--orbit-size-14));
}

.orbit-outline-indicator-info .mat-badge-content,
.orbit-outline-indicator-warning .mat-badge-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--orbit-outline-indicator-gap);
  backdrop-filter: blur(var(--orbit-outline-indicator-filter));
}

.orbit-outline-indicator-info .mat-badge-content {
  background-color: var(--orbit-indicator-info-background);
  color: var(--orbit-indicator-info-color);
}

.orbit-outline-indicator-warning .mat-badge-content {
  background-color: var(--orbit-indicator-warning-background);
  color: var(--orbit-indicator-warning-color);
}

.orbit-inline-indicator-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--orbit-inline-indicator-size);
  height: var(--orbit-inline-indicator-size);
  border-radius: var(--orbit-inline-indicator-radius);
  font-size: var(--orbit-outline-indicator-text-size);
  font-weight: var(--orbit-outline-indicator-text-weight);
  line-height: var(--orbit-outline-indicator-line-height);
  margin-left: var(--orbit-inline-indicator-margin-l);
  padding: var(--orbit-inline-indicator-padding);
  background-color: var(--orbit-indicator-info-background);
  color: var(--orbit-indicator-info-color);
}

.orbit-inline-indicator-warning {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--orbit-inline-indicator-size);
  height: var(--orbit-inline-indicator-size);
  border-radius: var(--orbit-inline-indicator-radius);
  font-size: var(--orbit-outline-indicator-text-size);
  font-weight: var(--orbit-outline-indicator-text-weight);
  line-height: var(--orbit-outline-indicator-line-height);
  margin-left: var(--orbit-inline-indicator-margin-l);
  padding: var(--orbit-inline-indicator-padding);
  background-color: var(--orbit-indicator-warning-background);
  color: var(--orbit-indicator-warning-color);
}

.orbit-boxed-icon {
  --orbit-boxed-icon-padding: var(--orbit-spacing-12);
  --orbit-boxed-icon-gap: var(--orbit-spacing-8);
  --orbit-boxed-icon-border-radius: var(--orbit-radius-12);
  --orbit-boxed-icon-border-width: var(--orbit-border-width-1);
  --orbit-boxed-icon-border-color: var(--orbit-grey-100);
  --orbit-boxed-icon-background-color: var(--orbit-grey-50);
  --orbit-boxed-icon-green-background-color: var(--orbit-green-100);
  --orbit-boxed-icon-violet-background-color: var(--orbit-violet-100);
  --orbit-boxed-icon-indigo-background-color: var(--orbit-indigo-100);
  --orbit-boxed-icon-blue-background-color: var(--orbit-blue-100);
  --orbit-boxed-icon-red-background-color: var(--orbit-red-100);
  --orbit-boxed-icon-orange-background-color: var(--orbit-orange-100);
  --orbit-boxed-icon-icon-color: var(--orbit-grey-800);
  --orbit-boxed-icon-green-icon-color: var(--orbit-green-800);
  --orbit-boxed-icon-violet-icon-color: var(--orbit-violet-700);
  --orbit-boxed-icon-indigo-icon-color: var(--orbit-indigo-800);
  --orbit-boxed-icon-blue-icon-color: var(--orbit-blue-700);
  --orbit-boxed-icon-red-icon-color: var(--orbit-red-800);
  --orbit-boxed-icon-orange-icon-color: var(--orbit-orange-700);
}

.orbit-boxed-icon {
  width: fit-content;
  display: inline-flex;
  padding: var(--orbit-boxed-icon-padding);
  align-items: center;
  gap: var(--orbit-dialog-boxed-icon-gap);
  border-radius: var(--orbit-boxed-icon-border-radius);
  border: var(--orbit-boxed-icon-border-width) solid var(--orbit-boxed-icon-border-color);
  background-color: var(--orbit-boxed-icon-background-color);
  color: var(--orbit-boxed-icon-icon-color);
}
.orbit-boxed-icon-green {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-green-background-color);
  color: var(--orbit-boxed-icon-green-icon-color);
}
.orbit-boxed-icon-violet {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-violet-background-color);
  color: var(--orbit-boxed-icon-violet-icon-color);
}
.orbit-boxed-icon-indigo {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-indigo-background-color);
  color: var(--orbit-boxed-icon-indigo-icon-color);
}
.orbit-boxed-icon-blue {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-blue-background-color);
  color: var(--orbit-boxed-icon-blue-icon-color);
}
.orbit-boxed-icon-red {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-red-background-color);
  color: var(--orbit-boxed-icon-red-icon-color);
}
.orbit-boxed-icon-orange {
  border: var(--orbit-boxed-icon-border-width) solid transparent;
  background-color: var(--orbit-boxed-icon-orange-background-color);
  color: var(--orbit-boxed-icon-orange-icon-color);
}
.orbit-boxed-icon-badge {
  position: relative;
  display: inline-flex;
}
.orbit-boxed-icon-badge__status {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  pointer-events: none;
}

.cdk-overlay-pane {
  --orbit-phone-number-pane-size-380: var(--orbit-size-380);
}

.orbit-phone-number {
  --orbit-phone-number-spacing-0: var(--orbit-spacing-0);
  --orbit-phone-number-size-8: var(--orbit-size-8);
  --orbit-phone-number-size-20: var(--orbit-size-20);
  --orbit-phone-number-size-48: var(--orbit-size-48);
  --orbit-phone-number-size-72: var(--orbit-size-72);
  --orbit-phone-number-size-380: var(--orbit-size-380);
  --orbit-phone-number-width: 91px;
  --orbit-phone-number-radius-0: var(--orbit-radius-0);
  --orbit-phone-number-radius-12: var(--orbit-radius-12);
  --orbit-phone-number-select-invalid-color: var(--orbit-red-600);
  --orbit-phone-number-select-label-float-color: var(--orbit-grey-800);
  --orbit-phone-number-select-min-line-color: var(--orbit-grey-800);
  --orbit-phone-number-text-field-invalid-background-color: var(--orbit-red-50);
  --orbit-phone-number-text-field-outlined-error-hover-outline-color: var(--orbit-red-600);
  --orbit-phone-number-text-field-outlined-error-focus-outline-color: var(--orbit-red-600);
  --orbit-phone-number-text-field-invalid-label-color: var(--orbit-red-600);
  --orbit-phone-number-text-field-error-text-color: var(--orbit-red-600);
  --orbit-phone-number-text-field-border-radius: var(--orbit-radius-12);
  --orbit-phone-number-read-only-value-color: var(--orbit-grey-800);
}

.orbit-phone-number {
  display: flex;
  gap: var(--orbit-phone-number-spacing-0);
  align-items: flex-start;
  width: var(--orbit-phone-number-size-380);
}
.orbit-phone-number .orbit-select {
  min-width: var(--orbit-phone-number-width) !important;
  max-width: var(--orbit-phone-number-width);
  width: var(--orbit-phone-number-width);
}
.orbit-phone-number .orbit-select.mat-form-field-disabled .mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  translate: 0 var(--orbit-select-text-field-wrapper-floating-label-font-size) !important;
}
.orbit-phone-number .orbit-select .mat-mdc-text-field-wrapper {
  border-radius: var(--orbit-phone-number-radius-12) var(--orbit-phone-number-radius-0) var(--orbit-phone-number-radius-0) var(--orbit-phone-number-radius-12) !important;
}
.orbit-phone-number .orbit-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-width: var(--orbit-phone-number-size-48) !important;
  max-width: var(--orbit-phone-number-size-48) !important;
}
.orbit-phone-number .orbit-select .mat-mdc-notch-piece.mdc-notched-outline__trailing {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
.orbit-phone-number .orbit-select .mdc-notched-outline__notch {
  border-right: none !important;
  min-width: var(--orbit-phone-number-size-72) !important;
  max-width: var(--orbit-phone-number-size-72) !important;
  padding-right: var(--orbit-phone-number-spacing-0) !important;
}
.orbit-phone-number .orbit-select .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  right: var(--orbit-phone-number-size-20);
  top: var(--orbit-phone-number-size-8);
}
.orbit-phone-number .orbit-select.mat-form-field-disabled .select-arrow-enabled {
  display: none;
}
.orbit-phone-number .orbit-select.mat-form-field-disabled .select-arrow-disabled {
  display: inline-flex;
  opacity: 0.5;
}
.orbit-phone-number .orbit-select.mat-form-field-invalid .mdc-notched-outline__leading,
.orbit-phone-number .orbit-select.mat-form-field-invalid .mdc-notched-outline__notch,
.orbit-phone-number .orbit-select.mat-form-field-invalid .mdc-notched-outline__trailing {
  border-color: var(--orbit-phone-number-select-invalid-color) !important;
}
.orbit-phone-number .orbit-select.mat-form-field-invalid .mdc-floating-label {
  color: var(--orbit-phone-number-select-label-float-color) !important;
}
.orbit-phone-number .orbit-select.mat-form-field-invalid .mat-mdc-select-trigger {
  color: var(--orbit-phone-number-select-min-line-color) !important;
}
.orbit-phone-number .orbit-text-field {
  width: calc(100% - 91px) !important;
}
.orbit-phone-number .orbit-text-field input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.orbit-phone-number .orbit-text-field input[type=number]::-webkit-inner-spin-button, .orbit-phone-number .orbit-text-field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: var(--orbit-phone-number-spacing-0);
}
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined {
  background-color: var(--orbit-phone-number-text-field-invalid-background-color);
}
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__leading,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__notch,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:hover:not(.mdc-text-field--focused) .mdc-notched-outline__leading,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:hover:not(.mdc-text-field--focused) .mdc-notched-outline__notch,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined:hover:not(.mdc-text-field--focused) .mdc-notched-outline__trailing {
  border-color: var(--orbit-phone-number-text-field-outlined-error-hover-outline-color) !important;
}
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--orbit-phone-number-text-field-outlined-error-focus-outline-color) !important;
}
.orbit-phone-number .orbit-text-field.mat-form-field-invalid .mdc-text-field--outlined input {
  color: var(--orbit-phone-number-text-field-error-text-color) !important;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined {
  border-radius: 0 var(--orbit-phone-number-text-field-border-radius) var(--orbit-phone-number-text-field-border-radius) 0;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined .mat-mdc-notch-piece.mdc-notched-outline__leading {
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined .mdc-notched-outline__notch {
  border-left: none !important;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined.mdc-text-field--invalid:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__leading,
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined.mdc-text-field--invalid:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__notch,
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined.mdc-text-field--invalid:not(:hover):not(.mdc-text-field--focused) .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined.mdc-text-field--invalid input {
  color: var(--orbit-phone-number-text-field-error-text-color) !important;
}
.orbit-phone-number .orbit-text-field .mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
  border-left: none;
  border-bottom-style: solid;
}

.orbit-phone-number-read-only .orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-notched-outline--upgraded .mdc-floating-label,
.orbit-phone-number-read-only .orbit-select .mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-notched-outline--upgraded .mdc-floating-label.mdc-floating-label--float-above {
  color: var(--orbit-phone-number-read-only-value-color) !important;
}
.orbit-phone-number-read-only .orbit-select:hover .mat-mdc-text-field-wrapper, .orbit-phone-number-read-only .orbit-select.mat-focused .mat-mdc-text-field-wrapper, .orbit-phone-number-read-only .orbit-select.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background: transparent !important;
}
.orbit-phone-number-read-only .orbit-select:hover .mdc-notched-outline__leading,
.orbit-phone-number-read-only .orbit-select:hover .mdc-notched-outline__notch,
.orbit-phone-number-read-only .orbit-select:hover .mdc-notched-outline__trailing,
.orbit-phone-number-read-only .orbit-select:hover .mat-mdc-notch-piece, .orbit-phone-number-read-only .orbit-select.mat-focused .mdc-notched-outline__leading,
.orbit-phone-number-read-only .orbit-select.mat-focused .mdc-notched-outline__notch,
.orbit-phone-number-read-only .orbit-select.mat-focused .mdc-notched-outline__trailing,
.orbit-phone-number-read-only .orbit-select.mat-focused .mat-mdc-notch-piece, .orbit-phone-number-read-only .orbit-select.mat-form-field-disabled .mdc-notched-outline__leading,
.orbit-phone-number-read-only .orbit-select.mat-form-field-disabled .mdc-notched-outline__notch,
.orbit-phone-number-read-only .orbit-select.mat-form-field-disabled .mdc-notched-outline__trailing,
.orbit-phone-number-read-only .orbit-select.mat-form-field-disabled .mat-mdc-notch-piece {
  border-color: transparent !important;
}
.orbit-phone-number-read-only .orbit-select .mat-mdc-text-field-wrapper {
  background: transparent !important;
}
.orbit-phone-number-read-only .orbit-select .mat-mdc-select-trigger,
.orbit-phone-number-read-only .orbit-select .mat-mdc-select-min-line,
.orbit-phone-number-read-only .orbit-select .mat-mdc-select-value-text {
  color: var(--orbit-phone-number-read-only-value-color) !important;
}
.orbit-phone-number-read-only .orbit-select .mat-mdc-form-field-icon-suffix,
.orbit-phone-number-read-only .orbit-select .mat-mdc-select-arrow-wrapper,
.orbit-phone-number-read-only .orbit-select .select-arrow-enabled,
.orbit-phone-number-read-only .orbit-select .select-arrow-disabled {
  display: none !important;
}
.orbit-phone-number-read-only .orbit-select .mdc-notched-outline__leading,
.orbit-phone-number-read-only .orbit-select .mdc-notched-outline__notch,
.orbit-phone-number-read-only .orbit-select .mdc-notched-outline__trailing,
.orbit-phone-number-read-only .orbit-select .mat-mdc-notch-piece {
  border-color: transparent !important;
}
.orbit-phone-number-read-only .orbit-text-field .mdc-floating-label,
.orbit-phone-number-read-only .orbit-text-field .mdc-floating-label--float-above,
.orbit-phone-number-read-only .orbit-text-field .mat-mdc-floating-label,
.orbit-phone-number-read-only .orbit-text-field .mat-mdc-form-field label {
  color: var(--orbit-phone-number-read-only-value-color) !important;
}

.cdk-overlay-pane .orbit-select-panel.phone-group {
  width: var(--orbit-phone-number-pane-size-380) !important;
  min-width: var(--orbit-phone-number-pane-size-380) !important;
  max-width: var(--orbit-phone-number-pane-size-380) !important;
}

.orbit-stepper {
  --orbit-step-header-size: var(--orbit-size-32);
  --orbit-step-header-gap: var(--orbit-spacing-8);
  --orbit-step-label-padding-top: var(--orbit-spacing-12);
  --orbit-step-label-line-height: var(--orbit-line-height-18);
  --orbit-step-subtitle-label-text-color: var(--orbit-grey-600);
  --orbit-step-subtitle-font-weight: var(--orbit-font-weight-400);
  --orbit-step-icon-border-size: var(--orbit-border-width-1_5);
  --orbit-step-icon-border-color: transparent;
  --orbit-step-icon-size: var(--orbit-size-24);
  --orbit-horizontal-stepper-header-padding-vertical: var(--orbit-size-4);
  --orbit-horizontal-stepper-header-padding-horizontal: var(--orbit-step-header-gap);
  --orbit-stepper-horizontal-line-top: calc(
    var(--orbit-horizontal-stepper-header-padding-vertical) +
      calc(var(--orbit-step-header-size) / 2)
  );
  --orbit-step-vertical-header-size: var(--orbit-size-18);
  --orbit-step-vertical-label-line-height: var(--orbit-line-height-20);
  --orbit-step-vertical-subtitle-label-font-size: var(--orbit-font-size-12);
  --orbit-stepper-vertical-header-padding-horizontal: var(--orbit-step-header-gap);
  --orbit-stepper-vertical-line-top: var(--orbit-spacing-0);
  --orbit-stepper-vertical-line-bottom: var(--orbit-spacing-0);
  --orbit-stepper-vertical-line-margin-left: calc(
    var(--orbit-step-vertical-header-size) / 2 +
      var(--orbit-stepper-vertical-header-padding-horizontal)
  );
  --orbit-stepper-vertical-line-vertical-spacing: var(--orbit-spacing-8);
  --orbit-stepper-vertical-line-height: var(--orbit-size-32);
  --orbit-stepper-vertical-line-width: var(--orbit-border-width-1);
  --orbit-stepper-line-size: var(--orbit-border-width-1);
  --orbit-stepper-line-color: var(--orbit-grey-200);
  --orbit-stepper-line-border-radius: var(--orbit-radius-4);
  --orbit-stepper-help-text-color: var(--orbit-grey-600);
  --orbit-selected-active-step-icon-box-shadow-size: var(--orbit-size-4);
  --orbit-selected-active-step-icon-box-shadow-color: var(--orbit-blue-200);
  --orbit-selected-active-step-icon-hover-background: var(--orbit-blue-700);
  --orbit-number-step-font-size: var(--orbit-font-size-10);
  --orbit-number-step-font-weight: var(--orbit-font-weight-640);
  --orbit-number-step-line-height: var(--orbit-line-height-16);
  --orbit-inactive-step-icon-border-color: var(--orbit-grey-100);
  --orbit-error-step-icon-border-color: var(--orbit-red-600);
  --orbit-error-step-icon-color: var(--orbit-red-600);
  --orbit-warning-step-icon-size: var(--orbit-size-26);
  --orbit-warning-step-icon-color: var(--orbit-yellow-600);
  --orbit-warning-step-icon-border-color: var(--orbit-yellow-600);
  --orbit-warning-step-header-label-text-color: var(--orbit-yellow-600);
}

.orbit-stepper-footer {
  --orbit-stepper-footer-padding-vertical: var(--orbit-spacing-8);
  --orbit-stepper-footer-padding-horizontal: var(--orbit-spacing-0);
  --orbit-stepper-footer-gap: var(--orbit-spacing-16);
}

:root {
  --mat-stepper-header-height: var(--orbit-size-32);
  --mat-stepper-container-color: var(--orbit-white);
  --mat-stepper-line-color: transparent;
  --mat-stepper-header-icon-foreground-color: var(--orbit-grey-800);
  --mat-stepper-header-icon-background-color: var(--orbit-white);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--orbit-white);
  --mat-stepper-header-edit-state-icon-background-color: var(--orbit-blue-600);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--orbit-white);
  --mat-stepper-header-selected-state-icon-background-color: var(--orbit-blue-600);
  --mat-stepper-header-done-state-icon-foreground-color: var(--orbit-white);
  --mat-stepper-header-done-state-icon-background-color: var(--orbit-blue-600);
  --mat-stepper-header-label-text-color: var(--orbit-grey-800);
  --mat-stepper-header-label-text-size: var(--orbit-font-size-12);
  --mat-stepper-header-label-text-weight: var(--orbit-font-weight-640);
  --mat-stepper-header-selected-state-label-text-color: var(--orbit-grey-800);
  --mat-stepper-header-selected-state-label-text-size: var(--orbit-font-size-12);
  --mat-stepper-header-selected-state-label-text-weight: var(--orbit-font-weight-640);
  --mat-stepper-header-error-state-label-text-color: var(--orbit-red-600);
  --mat-stepper-header-error-state-label-text-size: var(--orbit-font-size-12);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-error-state-icon-foreground-color: var(--orbit-red-600);
  --mat-stepper-header-hover-state-layer-color: transparent;
  --mat-stepper-header-focus-state-layer-color: transparent;
  --mat-stepper-header-optional-label-text-color: var(--orbit-grey-600);
}

:root .mat-stepper-vertical {
  --mat-stepper-header-height: var(--orbit-size-36);
  --mat-stepper-header-label-text-size: var(--orbit-font-size-14);
  --mat-stepper-header-selected-state-label-text-size: var(--orbit-font-size-14);
  --mat-stepper-header-error-state-label-text-size: var(--orbit-font-size-14);
}

.orbit-stepper .mat-step-text-label {
  line-height: var(--orbit-step-label-line-height);
}
.orbit-stepper .orbit-step-title {
  display: block;
}
.orbit-stepper .orbit-step-subtitle,
.orbit-stepper .mat-step-optional {
  display: block;
  font-weight: var(--orbit-step-subtitle-font-weight);
  color: var(--orbit-step-subtitle-label-text-color);
}
.orbit-stepper .mat-step-label-error .orbit-step-subtitle {
  color: inherit;
}
.orbit-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  padding: var(--orbit-horizontal-stepper-header-padding-vertical) var(--orbit-horizontal-stepper-header-padding-horizontal);
}
.orbit-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .orbit-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  content: none !important;
}
.orbit-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
  padding-top: var(--orbit-step-label-padding-top);
}
.orbit-stepper.mat-stepper-label-position-bottom .mat-horizontal-content-container {
  padding: 0 var(--orbit-step-header-gap) var(--orbit-step-header-gap) var(--orbit-step-header-gap);
}
.orbit-stepper.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: var(--orbit-stepper-horizontal-line-top);
  border: none;
  height: var(--orbit-stepper-line-size);
  background: var(--orbit-stepper-line-color);
  border-radius: var(--orbit-stepper-line-border-radius);
}
.orbit-stepper .mat-vertical-stepper-header {
  padding-left: var(--orbit-stepper-vertical-header-padding-horizontal);
  padding-right: var(--orbit-stepper-vertical-header-padding-horizontal);
}
.orbit-stepper .mat-vertical-stepper-header .mat-step-header-ripple {
  display: none;
}
.orbit-stepper .mat-vertical-stepper-header .mat-step-text-label {
  line-height: var(--orbit-step-vertical-label-line-height);
}
.orbit-stepper .mat-vertical-stepper-header .mat-step-text-label .orbit-step-subtitle {
  font-size: var(--orbit-step-vertical-subtitle-label-font-size);
}
.orbit-stepper .mat-vertical-stepper-header .mat-step-icon {
  width: var(--orbit-step-vertical-header-size);
  height: var(--orbit-step-vertical-header-size);
}
.orbit-stepper .mat-stepper-vertical-line {
  margin-left: var(--orbit-stepper-vertical-line-margin-left);
  margin-top: var(--orbit-stepper-vertical-line-vertical-spacing);
  margin-bottom: var(--orbit-stepper-vertical-line-vertical-spacing);
  min-height: var(--orbit-stepper-vertical-line-height);
}
.orbit-stepper .mat-stepper-vertical-line:before {
  border: none;
  width: var(--orbit-stepper-vertical-line-width);
  top: var(--orbit-stepper-vertical-line-top);
  bottom: var(--orbit-stepper-vertical-line-bottom);
  background: var(--orbit-stepper-line-color);
  border-radius: var(--orbit-stepper-line-border-radius);
}
.orbit-stepper .mat-step-header:hover .mat-step-icon-selected {
  background-color: var(--orbit-selected-active-step-icon-hover-background);
}
.orbit-stepper .mat-step-header:has(.mat-step-icon-state-warning) {
  --mat-stepper-header-label-text-color: var(--orbit-warning-step-header-label-text-color);
  --mat-stepper-header-selected-state-label-text-color: var(--orbit-warning-step-header-label-text-color);
  --mat-stepper-header-optional-label-text-color: var(--orbit-warning-step-header-label-text-color);
}
.orbit-stepper .mat-step-header:has(.mat-step-icon-state-warning) .orbit-step-subtitle {
  color: var(--orbit-warning-step-header-label-text-color);
}
.orbit-stepper .mat-step-icon {
  width: var(--orbit-step-header-size);
  height: var(--orbit-step-header-size);
  border: var(--orbit-step-icon-border-size) solid var(--orbit-step-icon-border-color);
  font-size: var(--orbit-number-step-font-size);
  font-weight: var(--orbit-number-step-font-weight);
  line-height: var(--orbit-number-step-line-height);
}
.orbit-stepper .mat-step-icon .mat-icon {
  height: var(--orbit-step-icon-size);
  width: var(--orbit-step-icon-size);
}
.orbit-stepper .mat-step-icon.mat-step-icon-selected:not(.mat-step-icon-state-error), .orbit-stepper .mat-step-icon.mat-step-icon-selected:not(.mat-step-icon-state-warning) {
  transition: background-color 150ms ease-out;
  box-shadow: 0 0 0 var(--orbit-selected-active-step-icon-box-shadow-size) var(--orbit-selected-active-step-icon-box-shadow-color);
}
.orbit-stepper .mat-step-icon.mat-step-icon-state-number:not(.mat-step-icon-selected) {
  border-color: var(--orbit-inactive-step-icon-border-color);
}
.orbit-stepper .mat-step-icon.mat-step-icon-state-error {
  color: var(--orbit-error-step-icon-color);
  border-color: var(--orbit-error-step-icon-border-color);
}
.orbit-stepper .mat-step-icon.mat-step-icon-state-error.mat-step-icon-selected {
  background: transparent;
}
.orbit-stepper .mat-step-icon.mat-step-icon-state-warning {
  color: var(--orbit-warning-step-icon-color);
  border-color: var(--orbit-warning-step-icon-border-color);
}
.orbit-stepper .mat-step-icon.mat-step-icon-state-warning.mat-step-icon-selected {
  background: transparent;
}
.orbit-stepper-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--orbit-stepper-footer-gap);
  padding: var(--orbit-stepper-footer-padding-vertical) var(--orbit-stepper-footer-padding-horizontal);
}
@media (max-width: 1024px) {
  .orbit-stepper-footer {
    flex-wrap: wrap;
  }
  .orbit-stepper-footer .orbit-stepper-help-text {
    flex: 100%;
  }
}
@media (max-width: 480px) {
  .orbit-stepper-footer {
    justify-content: space-between;
  }
  .orbit-stepper-footer:has(> button:only-of-type) {
    justify-content: flex-end;
  }
}
.orbit-stepper-help-text {
  color: var(--orbit-stepper-help-text-color);
}

ag-grid-angular.orbit-ag-grid {
  --orbit-ag-grid-min-height: var(--orbit-size-280);
  --ag-advanced-filter-builder-indent-size: var(--orbit-size-32);
  --ag-button-border-radius: var(--orbit-radius-8);
  --ag-button-font-weight: var(--orbit-font-weight-400);
  --ag-button-vertical-padding: var(--orbit-spacing-4);
  --ag-button-horizontal-padding: var(--orbit-spacing-16);
  --ag-browser-color-scheme: 'quartz';
  --ag-border-radius: var(--orbit-radius-4);
  --ag-cell-horizontal-padding: var(--orbit-spacing-16);
  --ag-cell-widget-spacing: var(--orbit-spacing-12);
  --ag-checkbox-border-width: var(--orbit-border-width-1);
  --ag-cell-font-family: 'Manrope', sans-serif;
  --ag-cell-horizontal-padding-scale: 1;
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-checkbox-border-radius: var(--orbit-radius-4);
  --ag-filter-tool-panel-group-indent: var(--orbit-size-8);
  --ag-font-family: 'Manrope', sans-serif;
  --ag-font-size: var(--orbit-font-size-14);
  --ag-data-font-size: var(--ag-font-size);
  --ag-header-font-size: var(--ag-font-size);
  --ag-header-column-resize-handle-height: var(--orbit-size-14);
  --ag-header-height: var(--orbit-size-48);
  --ag-header-column-resize-handle-width: var(--orbit-size-2);
  --ag-header-font-family: 'Manrope', sans-serif;
  --ag-header-font-weight: var(--orbit-font-weight-750);
  --ag-header-vertical-padding-scale: 1;
  --ag-input-height: var(--orbit-size-32);
  --ag-list-item-height: var(--orbit-size-24);
  --ag-icon-button-background-spread: var(--orbit-size-4);
  --ag-icon-size: var(--orbit-size-16);
  --ag-icon-button-border-radius: var(--orbit-border-width-1);
  --ag-input-border-radius: var(--orbit-radius-4);
  --ag-focus-shadow: 0 0 0 var(--orbit-spacing-2) var(--orbit-blue-200) inset;
  --ag-input-padding-start: var(--orbit-spacing-16);
  --ag-menu-shadow: 0 1px 4px 1px var(--orbit-black-opacity-10);
  --ag-panel-title-bar-font-weight: var(--ag-header-font-weight);
  --ag-picker-list-border: var(--orbit-size-0);
  --ag-picker-button-border: var(--orbit-border-width-1) solid var(--orbit-grey-100);
  --ag-picker-button-background-color: var(--orbit-whiter);
  --ag-popup-shadow: var(--orbit-spacing-0);
  --ag-row-group-indent-size: var(--orbit-size-28);
  --ag-row-height: var(--orbit-size-42);
  --ag-row-vertical-padding-scale: var(--ag-icon-size);
  --ag-side-button-bar-top-padding: var(--orbit-spacing-0);
  --ag-status-bar-label-font-weight: var(--orbit-font-weight-570);
  --ag-status-bar-value-font-weight: var(--orbit-font-weight-570);
  --ag-spacing: var(--orbit-spacing-8);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-toggle-button-height: var(--orbit-size-18);
  --ag-tab-spacing: var(--orbit-spacing-8);
  --ag-tab-top-padding: 18px;
  --ag-toggle-button-switch-inset: var(--orbit-size-2);
  --ag-toggle-button-width: var(--orbit-size-28);
  --ag-tab-bar-horizontal-padding: var(--orbit-spacing-0);
  --ag-tab-bar-top-padding: var(--orbit-spacing-8);
  --ag-tab-bottom-padding: var(--orbit-spacing-8);
  --ag-tab-horizontal-padding: var(--orbit-spacing-0);
  --ag-tab-selected-border-width: var(--orbit-size-0);
  --ag-tab-selected-underline-transition-duration: 0s;
  --ag-tab-selected-underline-width: var(--orbit-border-width-1);
  --ag-widget-container-vertical-padding: var(--orbit-spacing-8);
  --ag-widget-container-horizontal-padding: var(--orbit-spacing-16);
  --ag-widget-vertical-spacing: var(--orbit-spacing-8);
  --ag-widget-horizontal-spacing: var(--orbit-spacing-8);
  --ag-wrapper-border-radius: var(--orbit-radius-8);
  --ag-accent-color: var(--orbit-blue-600);
  --ag-background-color: var(--orbit-white);
  --ag-border-color: var(--orbit-black-opacity-5);
  --ag-button-active-background-color: var(--orbit-white);
  --ag-button-active-text-color: var(--orbit-grey-800);
  --ag-button-background-color: var(--orbit-white);
  --ag-button-disabled-background-color: var(--orbit-white);
  --ag-button-disabled-text-color: var(--orbit-grey-600);
  --ag-button-hover-background-color: var(--orbit-white);
  --ag-button-hover-text-color: var(--orbit-grey-800);
  --ag-button-text-color: var(--orbit-grey-800);
  --ag-column-drop-cell-text-color: var(--orbit-grey-800);
  --ag-checkbox-indeterminate-shape-color: var(--orbit-white);
  --ag-cell-text-color: var(--orbit-grey-800);
  --ag-row-batch-edit-background-color: color-mix(
    in srgb,
    transparent,
    var(--orbit-orange-100) 60%
  );
  --ag-checkbox-unchecked-background-color: var(--orbit-white);
  --ag-checkbox-unchecked-border-color: var(--orbit-grey-200);
  --ag-checkbox-checked-background-color: var(--orbit-blue-600);
  --ag-checkbox-checked-color: var(--orbit-blue-600);
  --ag-checkbox-checked-shape-color: var(--orbit-white);
  --ag-column-hover-color: transparent;
  --ag-column-drop-cell-background-color: var(--orbit-grey-200);
  --ag-column-drop-cell-drag-handle-color: var(--orbit-grey-900);
  --ag-find-match-color: var(--orbit-grey-800);
  --ag-find-match-background-color: var(--orbit-orange-100);
  --ag-find-active-match-background-color: var(--orbit-orange-100);
  --ag-find-active-match-color: var(--orbit-orange-100);
  --ag-foreground-color: var(--orbit-grey-800);
  --ag-drag-handle-color: var(--orbit-grey-800);
  --ag-drag-and-drop-image-background-color: var(--orbit-white);
  --ag-header-background-color: var(--orbit-grey-100);
  --ag-icon-color: var(--orbit-grey-800);
  --ag-input-background-color: var(--orbit-grey-50);
  --ag-input-disabled-background-color: var(--orbit-grey-50);
  --ag-input-text-color: var(--orbit-grey-800);
  --ag-input-placeholder-text-color: var(--orbit-grey-800);
  --ag-input-icon-color: var(--orbit-grey-800);
  --ag-input-disabled-text-color: var(--orbit-grey-600);
  --ag-icon-button-active-background-color: var(--orbit-blue-100);
  --ag-menu-background-color: var(--orbit-grey-100);
  --ag-odd-row-background-color: var(--orbit-white);
  --ag-row-hover-color: var(--orbit-blue-50);
  --ag-range-selection-background-color: var(--orbit-blue-50);
  --ag-range-selection-border-color: var(--orbit-blue-600);
  --ag-row-loading-skeleton-effect-color: var(--orbit-black-opacity-10);
  --ag-side-bar-background-color: var(--orbit-grey-100);
  --ag-side-button-background-color: var(--orbit-grey-100);
  --ag-side-button-hover-background-color: var(--orbit-grey-50);
  --ag-side-button-selected-background-color: var(--orbit-grey-50);
  --ag-side-button-bar-background-color: var(--orbit-grey-100);
  --ag-side-button-selected-underline-color: var(--orbit-white-opacity-1);
  --ag-selected-row-background-color: var(--orbit-blue-100);
  --ag-status-bar-value-color: var(--orbit-grey-800);
  --ag-status-bar-label-color: var(--orbit-grey-800);
  --ag-tab-selected-underline-color: transparent;
  --ag-toggle-button-switch-background-color: var(--orbit-white);
  --ag-toggle-button-off-background-color: var(--orbit-grey-200);
  --ag-toggle-button-on-background-color: var(--orbit-blue-600);
  --ag-tab-background-color: transparent;
  --ag-tab-hover-background-color: transparent;
  --ag-value-change-delta-up-color: var(--orbit-green-600);
  --ag-value-change-delta-down-color: var(--orbit-red-600);
  --ag-pagination-panel-height: var(--orbit-size-48);
  --ag-column-drop-cell-border: var(--orbit-border-width-1) solid var(--orbit-grey-200);
  --ag-column-border: none;
  --ag-drag-and-drop-image-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-dialog-border-width: var(--orbit-border-width-1) solid var(--orbit-black-opacity-20);
  --ag-footer-row-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-10);
  --ag-header-column-border: var(--orbit-size-0);
  --ag-header-column-border-height: (--orbit-size-0);
  --ag-header-row-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-input-border: var(--orbit-border-width-1) solid var(--orbit-grey-50);
  --ag-input-focus-border: var(--orbit-border-width-1) solid var(--orbit-blue-600);
  --ag-input-disabled-border: var(--orbit-border-width-1) solid var(--orbit-grey-50);
  --ag-input-invalid-border: var(--orbit-border-width-1) solid var(--orbit-red-500);
  --ag-menu-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-pinned-row-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-pinned-column-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-row-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-select-cell-border: var(--orbit-border-width-1) solid var(--orbit-blue-50);
  --ag-side-panel-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-wrapper-border: var(--orbit-border-width-1) solid var(--orbit-grey-100);
  --ag-advanced-filter-builder-button-bar-border: var(--orbit-border-width-1) solid
    var(--orbit-black-opacity-10);
  --ag-button-border: var(--orbit-border-width-1) solid var(--orbit-grey-100);
  --ag-button-active-border: var(--orbit-border-width-1) solid var(--orbit-blue-700);
  --ag-button-disabled-border: var(--orbit-border-width-1) solid var(--orbit-grey-100);
  --ag-button-hover-border: var(--orbit-border-width-1) solid var(--orbit-blue-600);
  --ag-side-button-selected-border: var(--orbit-border-width-1) solid var(--orbit-black-opacity-5);
  --ag-side-button-vertical-padding: var(--orbit-spacing-16);
  --orbit-ag-grid-status-bar-padding-horizontal: var(--orbit-spacing-16);
  --orbit-ag-grid-status-bar-padding-vertical: var(--orbit-spacing-8);
  --orbit-ag-grid-status-bar-gap: var(--orbit-spacing-8);
  --orbit-ag-grid-status-bar-font-size: var(--orbit-font-size-13);
  --orbit-ag-grid-status-bar-font-weight: var(--orbit-font-weight-640);
  --orbit-ag-grid-status-bar-actions-gap: var(--orbit-spacing-16);
  --orbit-ag-grid-status-bar-actions-gap-mobile: var(--orbit-spacing-8);
  --orbit-empty-state-min-height: var(--orbit-size-180);
  --orbit-empty-state-padding: var(--orbit-spacing-16) var(--orbit-spacing-24);
  --orbit-empty-state-title-margin-bottom: var(--orbit-spacing-8);
  --orbit-empty-state-title-margin-bottom-mobile: var(--orbit-spacing-0);
  --orbit-empty-state-title-font-size-mobile: var(--orbit-font-size-16);
  --orbit-empty-state-subtitle-color: var(--orbit-grey-600);
  --orbit-empty-state-subtitle-margin: var(--orbit-spacing-0);
  --orbit-empty-state-button-margin-top: var(--orbit-spacing-16);
  --orbit-empty-state-button-margin-top-mobile: var(--orbit-spacing-12);
}

.orbit-ag-grid {
  min-height: var(--orbit-ag-grid-min-height);
}
.orbit-ag-grid .ag-find-match {
  border-radius: var(--orbit-radius-4);
}
.orbit-ag-grid .ag-status-bar-left {
  flex: 1;
}
.orbit-ag-grid .ag-status-bar {
  padding: var(--orbit-ag-grid-status-bar-padding-vertical) var(--orbit-ag-grid-status-bar-padding-horizontal);
}
.orbit-ag-grid-status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--orbit-ag-grid-status-bar-gap);
}
@media (max-width: 480px) {
  .orbit-ag-grid-status-bar {
    align-items: flex-start;
    flex-direction: column;
  }
}
.orbit-ag-grid-status-bar__count {
  font-size: var(--orbit-ag-grid-status-bar-font-size);
}
.orbit-ag-grid-status-bar__count-value {
  font-weight: var(--orbit-ag-grid-status-bar-font-weight);
}
.orbit-ag-grid-status-bar__actions {
  display: flex;
  gap: var(--orbit-ag-grid-status-bar-actions-gap);
  align-self: stretch;
  align-items: center;
}
@media (max-width: 480px) {
  .orbit-ag-grid-status-bar__actions {
    flex-wrap: wrap;
    gap: var(--orbit-ag-grid-status-bar-actions-gap-mobile);
  }
  .orbit-ag-grid-status-bar__actions :nth-child(n) {
    flex: 1;
  }
  .orbit-ag-grid-status-bar__actions :nth-child(3) {
    flex: 100%;
  }
}

.orbit-empty-state-overlay {
  min-height: var(--orbit-empty-state-min-height);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: var(--orbit-empty-state-padding);
}
.orbit-empty-state-overlay__title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: var(--orbit-empty-state-title-margin-bottom);
}
@media (max-width: 480px) {
  .orbit-empty-state-overlay__title {
    margin-bottom: var(--orbit-empty-state-title-margin-bottom-mobile);
    font-size: var(--orbit-empty-state-title-font-size-mobile);
  }
}
.orbit-empty-state-overlay__subtitle {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: var(--orbit-empty-state-subtitle-margin);
  color: var(--orbit-empty-state-subtitle-color);
}
.orbit-empty-state-overlay__button {
  margin-top: var(--orbit-empty-state-button-margin-top);
}
@media (max-width: 480px) {
  .orbit-empty-state-overlay__button {
    margin-top: var(--orbit-empty-state-button-margin-top-mobile);
  }
}

.orbit-badge-dot {
  --orbit-badge-color: var(--orbit-grey-800);
  --orbit-badge-dot-gap: var(--orbit-spacing-8);
  --orbit-badge-dot-size: var(--orbit-size-8);
  --orbit-badge-dot-neutral-background-color: var(--orbit-grey-600);
  --orbit-badge-dot-critical-background-color: var(--orbit-red-600);
  --orbit-badge-dot-warning-background-color: var(--orbit-yellow-600);
  --orbit-badge-dot-success-background-color: var(--orbit-green-600);
  --orbit-badge-dot-information-color: var(--orbit-indigo-600);
}

.orbit-badge-trend {
  --orbit-badge-color: var(--orbit-grey-800);
  --orbit-badge-trend-gap: var(--orbit-spacing-8);
  --orbit-badge-trend-icon-size: var(--orbit-size-20);
  --orbit-badge-trend-default-icon-color: var(--orbit-grey-800);
  --orbit-badge-trend-neutral-icon-color: var(--orbit-grey-600);
  --orbit-badge-trend-positive-icon-color: var(--orbit-green-600);
  --orbit-badge-trend-negative-icon-color: var(--orbit-red-600);
}

.orbit-badge-indicator {
  --orbit-badge-color: var(--orbit-grey-800);
  --orbit-badge-indicator-horizontal-padding: var(--orbit-spacing-8);
  --orbit-badge-indicator-vertical-padding: var(--orbit-spacing-2);
  --orbit-badge-indicator-border-radius: var(--orbit-radius-4);
  --orbit-badge-indicator-neutral-background-color: var(--orbit-grey-opacity-40);
  --orbit-badge-indicator-neutral-label-color: var(--orbit-grey-800);
  --orbit-badge-indicator-critical-background-color: var(--orbit-red-opacity-40);
  --orbit-badge-indicator-critical-label-color: var(--orbit-red-800);
  --orbit-badge-indicator-warning-background-color: var(--orbit-yellow-opacity-40);
  --orbit-badge-indicator-warning-label-color: var(--orbit-yellow-800);
  --orbit-badge-indicator-success-background-color: var(--orbit-green-opacity-40);
  --orbit-badge-indicator-success-label-color: var(--orbit-green-800);
  --orbit-badge-indicator-information-background-color: var(--orbit-indigo-opacity-40);
  --orbit-badge-indicator-information-label-color: var(--orbit-indigo-800);
}

.orbit-badge-system {
  --orbit-badge-color: var(--orbit-grey-800);
  --orbit-badge-system-gap: var(--orbit-spacing-8);
  --orbit-badge-system-icon-size: var(--orbit-size-20);
  --orbit-badge-system-icon-border-radius: var(--orbit-radius-4);
  --orbit-badge-system-success-icon-background-color: var(--orbit-green-opacity-40);
  --orbit-badge-system-success-icon-color: var(--orbit-green-800);
  --orbit-badge-system-warning-icon-background-color: var(--orbit-yellow-opacity-40);
  --orbit-badge-system-warning-icon-color: var(--orbit-yellow-800);
  --orbit-badge-system-critical-icon-background-color: var(--orbit-red-opacity-40);
  --orbit-badge-system-critical-icon-color: var(--orbit-red-800);
  --orbit-badge-system-information-icon-background-color: var(--orbit-indigo-opacity-40);
  --orbit-badge-system-information-icon-color: var(--orbit-grey-800);
}

.orbit-badge-avatar {
  --orbit-badge-color: var(--orbit-grey-800);
  --orbit-badge-avatar-gap: var(--orbit-spacing-8);
  --orbit-badge-avatar-border-color: var(--orbit-black-opacity-5);
  --orbit-badge-avatar-image-size: var(--orbit-size-20);
  --orbit-badge-avatar-image-border-radius: var(--orbit-radius-4);
  --orbit-badge-avatar-monogram-background-color: var(--orbit-white);
}

.orbit-badge-dot-status {
  --orbit-badge-dot-status-border-radius: var(--orbit-radius-round);
  --orbit-badge-dot-status-outer-width: var(--orbit-size-2);
  --orbit-badge-dot-status-outer-color: var(--orbit-white);
  --orbit-badge-dot-status-icon-color: var(--orbit-white);
  --orbit-badge-dot-status-icon-size: var(--orbit-size-12);
  --orbit-badge-dot-status-size: var(--orbit-size-20);
  --orbit-badge-dot-status-success-background-color: var(--orbit-green-400);
  --orbit-badge-dot-status-warning-background-color: var(--orbit-yellow-400);
  --orbit-badge-dot-status-critical-background-color: var(--orbit-red-600);
  --orbit-badge-dot-status-unknown-background-color: var(--orbit-grey-300);
}

.orbit-badge-dot {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  position: relative;
  padding-left: calc(var(--orbit-badge-dot-size) + var(--orbit-badge-dot-gap));
}
.orbit-badge-dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--orbit-badge-dot-size);
  height: var(--orbit-badge-dot-size);
  border-radius: 50%;
  transform: translate(0, -50%);
}
.orbit-badge-dot.orbit-badge-dot-neutral:after {
  background-color: var(--orbit-badge-dot-neutral-background-color);
}
.orbit-badge-dot.orbit-badge-dot-critical:after {
  background-color: var(--orbit-badge-dot-critical-background-color);
}
.orbit-badge-dot.orbit-badge-dot-warning:after {
  background-color: var(--orbit-badge-dot-warning-background-color);
}
.orbit-badge-dot.orbit-badge-dot-success:after {
  background-color: var(--orbit-badge-dot-success-background-color);
}
.orbit-badge-dot.orbit-badge-dot-information:after {
  background-color: var(--orbit-badge-dot-information-color);
}
.orbit-badge-trend {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  gap: var(--orbit-badge-trend-gap);
}
.orbit-badge-trend mat-icon {
  width: var(--orbit-badge-trend-icon-size);
  height: var(--orbit-badge-trend-icon-size);
}
.orbit-badge-trend.orbit-badge-trend-default mat-icon {
  color: var(--orbit-badge-trend-default-icon-color);
}
.orbit-badge-trend.orbit-badge-trend-neutral mat-icon {
  color: var(--orbit-badge-trend-neutral-icon-color);
}
.orbit-badge-trend.orbit-badge-trend-positive mat-icon {
  color: var(--orbit-badge-trend-positive-icon-color);
}
.orbit-badge-trend.orbit-badge-trend-negative mat-icon {
  color: var(--orbit-badge-trend-negative-icon-color);
}
.orbit-badge-indicator {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  padding: var(--orbit-badge-indicator-vertical-padding) var(--orbit-badge-indicator-horizontal-padding);
  border-radius: var(--orbit-badge-indicator-border-radius);
}
.orbit-badge-indicator.orbit-badge-indicator-neutral {
  color: var(--orbit-badge-indicator-neutral-label-color);
  background-color: var(--orbit-badge-indicator-neutral-background-color);
}
.orbit-badge-indicator.orbit-badge-indicator-critical {
  color: var(--orbit-badge-indicator-critical-label-color);
  background-color: var(--orbit-badge-indicator-critical-background-color);
}
.orbit-badge-indicator.orbit-badge-indicator-warning {
  color: var(--orbit-badge-indicator-warning-label-color);
  background-color: var(--orbit-badge-indicator-warning-background-color);
}
.orbit-badge-indicator.orbit-badge-indicator-success {
  color: var(--orbit-badge-indicator-success-label-color);
  background-color: var(--orbit-badge-indicator-success-background-color);
}
.orbit-badge-indicator.orbit-badge-indicator-information {
  color: var(--orbit-badge-indicator-information-label-color);
  background-color: var(--orbit-badge-indicator-information-background-color);
}
.orbit-badge-system {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  gap: var(--orbit-badge-system-gap);
}
.orbit-badge-system mat-icon {
  width: var(--orbit-badge-system-icon-size);
  height: var(--orbit-badge-system-icon-size);
  border-radius: var(--orbit-badge-system-icon-border-radius);
}
.orbit-badge-system.orbit-badge-system-critical mat-icon {
  color: var(--orbit-badge-system-critical-icon-color);
  background: var(--orbit-badge-system-critical-icon-background-color);
}
.orbit-badge-system.orbit-badge-system-warning mat-icon {
  color: var(--orbit-badge-system-warning-icon-color);
  background: var(--orbit-badge-system-warning-icon-background-color);
}
.orbit-badge-system.orbit-badge-system-success mat-icon {
  color: var(--orbit-badge-system-success-icon-color);
  background: var(--orbit-badge-system-success-icon-background-color);
}
.orbit-badge-system.orbit-badge-system-information mat-icon {
  color: var(--orbit-badge-system-information-icon-color);
  background: var(--orbit-badge-system-information-icon-background-color);
}
.orbit-badge-dot-status {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  justify-content: center;
  box-sizing: border-box;
  border-radius: var(--orbit-badge-dot-status-border-radius);
  border: var(--orbit-badge-dot-status-outer-width) solid var(--orbit-badge-dot-status-outer-color);
  width: var(--orbit-badge-dot-status-size);
  height: var(--orbit-badge-dot-status-size);
}
.orbit-badge-dot-status mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--orbit-badge-dot-status-icon-color);
  width: var(--orbit-badge-dot-status-icon-size);
  height: var(--orbit-badge-dot-status-icon-size);
  font-size: var(--orbit-badge-dot-status-icon-size);
}
.orbit-badge-dot-status.orbit-size-12 {
  width: 0.75rem;
  height: 0.75rem;
}
.orbit-badge-dot-status.orbit-size-12 mat-icon {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.orbit-badge-dot-status-success {
  background-color: var(--orbit-badge-dot-status-success-background-color);
}
.orbit-badge-dot-status-warning {
  background-color: var(--orbit-badge-dot-status-warning-background-color);
}
.orbit-badge-dot-status-critical {
  background-color: var(--orbit-badge-dot-status-critical-background-color);
}
.orbit-badge-dot-status-unknown {
  background-color: var(--orbit-badge-dot-status-unknown-background-color);
}
.orbit-badge-avatar {
  display: inline-flex;
  align-items: center;
  color: var(--orbit-badge-color);
  gap: var(--orbit-badge-avatar-gap);
}
.orbit-badge-avatar__avatar-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--orbit-badge-avatar-image-size);
  height: var(--orbit-badge-avatar-image-size);
  border-radius: var(--orbit-badge-avatar-image-border-radius);
  overflow: hidden;
  object-fit: cover;
}
.orbit-badge-avatar__avatar-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--orbit-badge-avatar-image-border-radius);
  border: var(--orbit-border-width-1) solid var(--orbit-badge-avatar-border-color);
}
.orbit-badge-avatar__avatar-wrapper img {
  width: 100%;
}
.orbit-badge-avatar__monogram {
  background: var(--orbit-badge-avatar-monogram-background-color);
}

.orbit-bottom-sheet {
  --orbit-bottom-sheet-padding: var(--orbit-spacing-8);
  --mat-bottom-sheet-container-padding-x: var(--orbit-spacing-8);
  --mat-bottom-sheet-container-padding-y: var(--orbit-spacing-12);
  --mat-bottom-sheet-container-gap: var(--orbit-spacing-4);
  --mat-bottom-sheet-container-border-radius: var(--orbit-radius-16);
  --orbit-bottom-sheet-option-height: var(--orbit-size-40);
  --orbit-bottom-sheet-option-gap: var(--orbit-spacing-8);
  --orbit-bottom-sheet-option-padding-y: var(--orbit-spacing-0);
  --orbit-bottom-sheet-option-padding-x: var(--orbit-spacing-8);
  --orbit-bottom-sheet-option-border-radius: var(--orbit-radius-8);
  --orbit-bottom-sheet-option-backgroung-active: var(--orbit-black-opacity-10);
  --orbit-bottom-sheet-option-icon-active: var(--orbit-grey-800);
  --orbit-bottom-sheet-option-icon-disabled: var(--orbit-grey-500);
  --orbit-bottom-sheet-option-text-disabled: var(--orbit-grey-600);
  --orbit-bottom-sheet-option-icon-width: var(--orbit-size-20);
  --orbit-bottom-sheet-option-icon-height: var(--orbit-size-20);
  --orbit-bottom-sheet-option-icon-color: var(--orbit-grey-600);
  --orbit-bottom-sheet-actions-padding: var(--orbit-spacing-8);
  --orbit-bottom-sheet-for-side-panel-container-padding: var(--orbit-spacing-16);
  --orbit-bottom-sheet-for-side-panel-border-radius: var(--orbit-radius-24);
  --orbit-bottom-sheet-for-side-panel-heading-margin-bottom: var(--orbit-spacing-16);
  --orbit-bottom-sheet-for-side-panel-actions-padding-top: var(--orbit-spacing-16);
  --orbit-bottom-sheet-for-side-panel-actions-gap: var(--orbit-spacing-12);
  --orbit-bottom-sheet-for-side-panel-border-radius-none: var(--orbit-radius-0);
}

:root {
  --mat-bottom-sheet-container-background-color: var(--orbit-white);
  --mat-bottom-sheet-container-text-color: var(--orbit-grey-800);
  --mat-bottom-sheet-container-text-size: var(--orbit-font-size-14);
  --mat-bottom-sheet-container-text-line-height: var(--orbit-line-height-20);
  --mat-bottom-sheet-container-text-weight: var(--orbit-font-weight-400);
}

.orbit-bottom-sheet {
  width: 100%;
  padding: var(--orbit-bottom-sheet-padding);
  box-sizing: border-box;
}
.orbit-bottom-sheet .mat-bottom-sheet-container {
  display: flex;
  flex-direction: column;
  padding: var(--mat-bottom-sheet-container-padding-y) var(--mat-bottom-sheet-container-padding-x);
  gap: var(--mat-bottom-sheet-container-gap);
  border-radius: var(--mat-bottom-sheet-container-border-radius);
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.orbit-bottom-sheet .orbit-bottom-sheet-option {
  display: flex;
  align-items: center;
  height: var(--orbit-bottom-sheet-option-height);
  gap: var(--orbit-bottom-sheet-option-gap);
  padding: var(--orbit-bottom-sheet-option-padding-y) var(--orbit-bottom-sheet-option-padding-x);
  border-radius: var(--orbit-bottom-sheet-option-border-radius);
  border: none;
  background: none;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.orbit-bottom-sheet .orbit-bottom-sheet-option:active {
  background: var(--orbit-bottom-sheet-option-backgroung-active);
}
.orbit-bottom-sheet .orbit-bottom-sheet-option:active .orbit-bottom-sheet-option-icon {
  color: var(--orbit-bottom-sheet-option-icon-active);
}
.orbit-bottom-sheet .orbit-bottom-sheet-option__disabled {
  pointer-events: none;
}
.orbit-bottom-sheet .orbit-bottom-sheet-option__disabled .orbit-bottom-sheet-option-icon {
  color: var(--orbit-bottom-sheet-option-icon-disabled);
}
.orbit-bottom-sheet .orbit-bottom-sheet-option__disabled .orbit-bottom-sheet-option-text {
  color: var(--orbit-bottom-sheet-option-text-disabled);
}
.orbit-bottom-sheet .orbit-bottom-sheet-option-icon {
  height: var(--orbit-bottom-sheet-option-icon-height);
  width: var(--orbit-bottom-sheet-option-icon-width);
  color: var(--orbit-bottom-sheet-option-icon-color);
}
.orbit-bottom-sheet .orbit-bottom-sheet-option-text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orbit-bottom-sheet .orbit-bottom-sheet-actions {
  padding: var(--orbit-bottom-sheet-actions-padding);
}
.orbit-bottom-sheet .orbit-bottom-sheet-actions-btn {
  width: 100%;
  max-width: 100% !important;
}

.orbit-bottom-sheet-for-side-panel {
  height: 100vh;
  padding: var(--orbit-bottom-sheet-padding) var(--orbit-bottom-sheet-padding) 0 var(--orbit-bottom-sheet-padding);
}
.orbit-bottom-sheet-for-side-panel .mat-bottom-sheet-container {
  max-height: 100vh;
  padding: var(--orbit-bottom-sheet-for-side-panel-container-padding);
  border-radius: var(--orbit-bottom-sheet-for-side-panel-border-radius-none);
  border-top-left-radius: var(--orbit-bottom-sheet-for-side-panel-border-radius);
  border-top-right-radius: var(--orbit-bottom-sheet-for-side-panel-border-radius);
}
.orbit-bottom-sheet-for-side-panel .orbit-bottom-sheet-for-side-panel-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.orbit-bottom-sheet-for-side-panel .orbit-bottom-sheet-for-side-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--orbit-bottom-sheet-for-side-panel-heading-margin-bottom);
}
.orbit-bottom-sheet-for-side-panel .orbit-bottom-sheet-for-side-panel-actions {
  display: flex;
  justify-content: end;
  padding-top: var(--orbit-bottom-sheet-for-side-panel-actions-padding-top);
  flex-direction: column;
  gap: var(--orbit-bottom-sheet-for-side-panel-actions-gap);
}
.orbit-bottom-sheet-for-side-panel .orbit-bottom-sheet-for-side-panel-actions-bottom {
  margin-top: auto;
}

.sticky-footer {
  --orbit-sticky-footer-max-width: var(--orbit-size-1560);
  --orbit-sticky-footer-gap: var(--orbit-spacing-24);
  --orbit-sticky-footer-bottom: var(--orbit-size-4);
  --orbit-sticky-footer-height: var(--orbit-size-70);
  --orbit-sticky-footer-padding: var(--orbit-spacing-8);
  --orbit-sticky-footer-border-radius: var(--orbit-radius-16);
  --orbit-sticky-footer-background: var(--orbit-white-opacity-45);
  --orbit-sticky-footer-backdrop-filter: blur(var(--orbit-size-12));
}

.sticky-footer {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  max-width: var(--orbit-sticky-footer-max-width);
  width: 100%;
  margin: 0 auto;
}
.sticky-footer__container {
  display: flex;
  align-items: center;
  gap: var(--orbit-sticky-footer-gap);
  position: fixed;
  bottom: var(--orbit-sticky-footer-bottom);
  height: var(--orbit-sticky-footer-height);
  padding: var(--orbit-sticky-footer-padding);
  border-radius: var(--orbit-sticky-footer-border-radius);
  background: var(--orbit-sticky-footer-background);
  backdrop-filter: var(--orbit-sticky-footer-backdrop-filter);
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .sticky-footer__container {
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }
  .sticky-footer__section {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.orbit-date-picker-field {
  --orbit-date-picker-field-icon-suffix-padding-left: var(--orbit-spacing-12);
  --orbit-date-picker-field-input-suffix-group-gap: var(--orbit-spacing-12);
  --orbit-date-picker-field-icon-default-color: var(--orbit-grey-800);
  --orbit-date-picker-field-icon-disabled-color: var(--orbit-grey-500);
}

.orbit-date-picker {
  --orbit-date-picker-calendar-width: var(--orbit-size-280);
  --orbit-date-picker-width-dual: 625px;
  --orbit-date-picker-width-presets: 825px;
  --orbit-date-picker-width-compact: 368px;
  --orbit-date-picker-preset-item-width: 168px;
  --orbit-date-picker-divider-width: 1px;
  --orbit-date-picker-blur: blur(60px);
  --orbit-date-picker-background: var(--orbit-black-opacity-10);
  --orbit-date-picker-radius: var(--orbit-radius-24);
  --orbit-date-picker-divider-background: var(--orbit-white);
  --orbit-date-picker-divider-margin: var(--orbit-spacing-16);
  --orbit-date-picker-footer-padding: var(--orbit-spacing-16);
  --orbit-date-picker-footer-actions-gap: var(--orbit-spacing-8);
  --orbit-date-picker-presets-sidebar-padding: var(--orbit-spacing-16);
  --orbit-date-picker-presets-sidebar-gap: var(--orbit-spacing-8);
  --orbit-date-picker-presets-item: var(--orbit-size-32);
  --orbit-date-picker-presets-item-font-size: var(--orbit-font-size-14);
  --orbit-date-picker-presets-item-line-height: var(--orbit-line-height-20);
  --orbit-date-picker-presets-item-color: var(--orbit-grey-800);
  --orbit-date-picker-presets-item-padding-y: var(--orbit-spacing-4);
  --orbit-date-picker-presets-item-padding-x: var(--orbit-spacing-12);
  --orbit-date-picker-presets-item-border-radius: var(--orbit-radius-12);
  --orbit-date-picker-presets-item-hover-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-presets-item-active-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-presets-item-active-background: var(--orbit-white);
  --orbit-date-picker-presets-item-hover-background: var(--orbit-grey-50);
  --orbit-date-picker-presets-item-disabled-color: var(--orbit-grey-600);
  --orbit-date-picker-presets-list-gap: var(--orbit-spacing-8);
  --orbit-date-picker-presets-list-padding: var(--orbit-spacing-16);
  --orbit-date-picker-presets-header-period-label-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-presets-header-period-label-line-height: var(--orbit-line-height-18);
  --orbit-date-picker-presets-header-period-label-color: var(--orbit-grey-800);
  --orbit-date-picker-mat-calendar-padding: var(--orbit-spacing-16);
  --orbit-date-picker-mat-calendar-gap: var(--orbit-spacing-4);
  --orbit-date-picker-mat-body-cell-container-padding-top: var(--orbit-spacing-4);
  --orbit-date-picker-mat-body-cell-content-selected-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-mat-body-cell-content-border-radius: var(--orbit-radius-12);
  --orbit-date-picker-mat-calendar-line-height: var(--orbit-line-height-20);
  --orbit-date-picker-mat-calendar-table-th-line-height: var(--orbit-line-height-18);
  --orbit-date-picker-mat-cell-container-height: var(--orbit-size-40);
  --orbit-date-picker-mat-cell-hover-border-color: var(--orbit-grey-50);
  --orbit-date-picker-mat-cell-hover-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-mat-cell-selected-hover-background: var(--orbit-blue-700);
  --orbit-date-picker-mat-cell-today-background: var(--orbit-white);
  --orbit-date-picker-mat-cell-today-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-mat-cell-disabled-background: var(--orbit-grey-50);
  --orbit-date-picker-mat-cell-disabled-color: var(--orbit-grey-600);
  --orbit-date-picker-mobile-width: 304px;
  --orbit-date-picker-mat-calendar-padding-mobile: var(--orbit-spacing-12);
  --orbit-date-picker-mat-calendar-padding-mobile-y: var(--orbit-spacing-8);
  --orbit-date-picker-footer-padding-mobile: var(--orbit-spacing-12);
  --orbit-date-picker-footer-info-padding-bottom-mobile: var(--orbit-spacing-8);
  --orbit-date-picker-presets-tabs-header-padding: var(--orbit-spacing-12);
  --orbit-date-picker-presets-tabs-labels-gap: var(--orbit-spacing-8);
  --orbit-date-picker-presets-tabs-font-size: var(--orbit-font-size-12);
  --orbit-date-picker-presets-tabs-font-weight: var(--orbit-font-weight-400);
  --orbit-date-picker-presets-tabs-active-font-weight: var(--orbit-font-weight-640);
  --orbit-date-picker-presets-tabs-letter-spacing: -0.1px;
  --orbit-date-picker-presets-tabs-active-label-text-color: var(--orbit-grey-800);
  --orbit-date-picker-presets-tabs-inactive-label-text-color: var(--orbit-grey-800);
  --orbit-date-picker-presets-tabs-inactive-focus-label-text-color: var(--orbit-grey-800);
  --orbit-date-picker-presets-tabs-inactive-hover-label-text-color: var(--orbit-grey-800);
}

:root {
  --mat-datepicker-calendar-text-size: var(--orbit-font-size-14);
  --mat-datepicker-calendar-header-text-size: var(--orbit-font-size-12);
  --mat-datepicker-calendar-header-text-weight: var(--orbit-font-weight-640);
  --mat-datepicker-calendar-header-text-color: var(--orbit-grey-800);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--orbit-blue-600);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--orbit-white);
  --mat-datepicker-calendar-date-text-color: var(--orbit-grey-800);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--orbit-white);
  --mat-datepicker-calendar-date-today-outline-color: var(--orbit-white);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: transparent;
  --mat-datepicker-calendar-date-hover-state-background-color: var(--orbit-grey-50);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--orbit-grey-600);
}

.orbit-input-action-icon--enabled {
  cursor: pointer;
  color: var(--orbit-date-picker-field-icon-default-color);
}
.orbit-input-action-icon--disabled {
  pointer-events: none;
  color: var(--orbit-date-picker-field-icon-disabled-color);
}

.orbit-date-picker {
  background: var(--orbit-date-picker-background);
  backdrop-filter: var(--orbit-date-picker-blur);
  border-radius: var(--orbit-date-picker-radius);
  overflow: hidden;
}
.orbit-date-picker--dual {
  width: var(--orbit-date-picker-width-dual);
}
.orbit-date-picker--presets {
  width: var(--orbit-date-picker-width-presets);
  display: flex;
  align-items: stretch;
}
.orbit-date-picker--compact {
  width: var(--orbit-date-picker-width-compact);
  display: flex;
  flex-direction: column;
}
.orbit-date-picker--compact .mat-calendar {
  align-self: center;
}
.orbit-date-picker .orbit-dual-calendar {
  display: flex;
  align-items: flex-start;
}
.orbit-date-picker-divider {
  width: var(--orbit-date-picker-divider-width);
  align-self: stretch;
  background: var(--orbit-date-picker-divider-background);
  margin: var(--orbit-date-picker-divider-margin) 0;
}
.orbit-date-picker-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--orbit-date-picker-footer-padding) var(--orbit-date-picker-footer-padding);
}
.orbit-date-picker-footer--compact {
  flex-direction: column;
  align-items: stretch;
}
.orbit-date-picker-footer--compact .orbit-date-picker-footer-info {
  padding-bottom: var(--orbit-date-picker-footer-padding);
}
.orbit-date-picker-footer--compact .orbit-date-picker-footer-actions {
  justify-content: flex-end;
}
.orbit-date-picker-footer-info {
  display: flex;
}
.orbit-date-picker-footer-actions {
  display: flex;
  align-items: center;
  gap: var(--orbit-date-picker-footer-actions-gap);
  margin-left: auto;
}
.orbit-date-picker-presets-sidebar {
  display: flex;
  flex-direction: column;
  padding: var(--orbit-date-picker-presets-sidebar-padding);
  gap: var(--orbit-date-picker-presets-sidebar-gap);
}
.orbit-date-picker-presets-item {
  width: var(--orbit-date-picker-preset-item-width);
  height: var(--orbit-date-picker-presets-item);
  font-size: var(--orbit-date-picker-presets-item-font-size);
  line-height: var(--orbit-date-picker-presets-item-line-height);
  font-family: inherit;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--orbit-date-picker-presets-item-color);
  padding: var(--orbit-date-picker-presets-item-padding-y) var(--orbit-date-picker-presets-item-padding-x);
  text-align: left;
  border-radius: var(--orbit-date-picker-presets-item-border-radius);
}
.orbit-date-picker-presets-item:hover:not(:disabled) {
  font-weight: var(--orbit-date-picker-presets-item-hover-font-weight);
  background: var(--orbit-date-picker-presets-item-hover-background);
  letter-spacing: -0.26px;
}
.orbit-date-picker-presets-item.active {
  background: var(--orbit-date-picker-presets-item-active-background);
  font-weight: var(--orbit-date-picker-presets-item-active-font-weight);
  letter-spacing: -0.26px;
}
.orbit-date-picker-presets-item:disabled {
  color: var(--orbit-date-picker-presets-item-disabled-color);
  cursor: not-allowed;
  pointer-events: auto;
}
.orbit-date-picker-presets-calendars {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.orbit-date-picker-presets-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--orbit-date-picker-presets-list-gap);
  padding: var(--orbit-date-picker-presets-list-padding) var(--orbit-date-picker-presets-list-padding) 0;
}
.orbit-date-picker-presets-list .orbit-date-picker-presets-item {
  width: auto;
}
.orbit-date-picker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orbit-date-picker-header-period-label {
  font-weight: var(--orbit-date-picker-presets-header-period-label-font-weight);
  line-height: var(--orbit-date-picker-presets-header-period-label-line-height);
  color: var(--orbit-date-picker-presets-header-period-label-color);
}
.orbit-date-picker-header button[mat-icon-button].orbit-tertiary:disabled {
  cursor: not-allowed;
  pointer-events: auto;
  background: transparent;
}
.orbit-date-picker .mat-calendar {
  flex: 1;
  box-sizing: content-box;
  width: var(--orbit-date-picker-calendar-width);
  padding: var(--orbit-date-picker-mat-calendar-padding);
  line-height: var(--orbit-date-picker-mat-calendar-line-height);
  display: flex;
  flex-direction: column;
  gap: var(--orbit-date-picker-mat-calendar-gap);
}
.orbit-date-picker .mat-calendar td.mat-calendar-body-label {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0;
  visibility: hidden;
}
.orbit-date-picker .mat-calendar .mat-calendar-body-cell-container {
  padding-top: var(--orbit-date-picker-mat-body-cell-container-padding-top) !important;
  padding-bottom: 0 !important;
  height: var(--orbit-date-picker-mat-cell-container-height);
}
.orbit-date-picker .mat-calendar .mat-calendar-table {
  border-collapse: separate;
  border-spacing: 0;
}
.orbit-date-picker .mat-calendar .mat-calendar-table-header tr[aria-hidden=true] {
  display: none;
}
.orbit-date-picker .mat-calendar .mat-calendar-content {
  padding: 0 !important;
}
.orbit-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table-header th {
  padding: 0;
  line-height: var(--orbit-date-picker-mat-calendar-table-th-line-height);
  height: var(--orbit-date-picker-mat-cell-container-height);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-selected,
.orbit-date-picker .mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content {
  font-weight: var(--orbit-date-picker-mat-body-cell-content-selected-font-weight);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-cell-content {
  inset: 0;
  margin: auto;
  border-radius: var(--orbit-date-picker-mat-body-cell-content-border-radius);
  width: var(--orbit-date-picker-mat-cell-container-height);
  height: var(--orbit-date-picker-mat-cell-container-height);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--orbit-date-picker-mat-cell-hover-border-color);
  font-weight: var(--orbit-date-picker-mat-cell-hover-font-weight);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: var(--orbit-date-picker-mat-cell-selected-hover-background);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background: var(--orbit-date-picker-mat-cell-today-background);
  font-weight: var(--orbit-date-picker-mat-cell-today-font-weight);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.orbit-date-picker .mat-calendar .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background: transparent;
}
.orbit-date-picker .mat-calendar .mat-calendar-body-cell::before,
.orbit-date-picker .mat-calendar .mat-calendar-body-cell::after,
.orbit-date-picker .mat-calendar .mat-calendar-body-cell-preview {
  height: var(--orbit-date-picker-mat-cell-container-height);
  top: 50%;
  transform: translateY(-50%);
}
.orbit-date-picker .mat-calendar .mat-calendar-body-range-start::before,
.orbit-date-picker .mat-calendar .mat-calendar-body-range-start::after {
  left: 10% !important;
  width: 90% !important;
}
.orbit-date-picker .mat-calendar .mat-calendar-body-range-end::before,
.orbit-date-picker .mat-calendar .mat-calendar-body-range-end::after {
  width: 90% !important;
}

@media (max-width: 480px) {
  .orbit-date-picker .mat-calendar {
    padding: var(--orbit-date-picker-mat-calendar-padding-mobile);
  }
  .orbit-date-picker--compact .mat-calendar {
    padding: var(--orbit-date-picker-mat-calendar-padding-mobile-y) var(--orbit-date-picker-mat-calendar-padding-mobile) var(--orbit-date-picker-mat-calendar-padding-mobile-y) var(--orbit-date-picker-mat-calendar-padding-mobile);
  }
  .orbit-date-picker-panel .orbit-date-picker {
    width: var(--orbit-date-picker-mobile-width);
  }
  .orbit-date-picker-footer {
    padding: 0 var(--orbit-date-picker-footer-padding-mobile) var(--orbit-date-picker-footer-padding-mobile);
  }
  .orbit-date-picker-footer--compact .orbit-date-picker-footer-info {
    padding-bottom: var(--orbit-date-picker-footer-info-padding-bottom-mobile);
  }
  .orbit-date-picker-panel .orbit-date-picker-footer-actions {
    margin-left: 0;
  }
  .orbit-date-picker-panel .orbit-date-picker-footer-actions button {
    flex: 1;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mat-mdc-tab-body-wrapper {
    display: none;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mat-mdc-tab-header {
    padding: var(--orbit-date-picker-presets-tabs-header-padding) var(--orbit-date-picker-presets-tabs-header-padding) 0;
    border-bottom: none;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mat-mdc-tab-header .mat-mdc-tab-header-pagination-after {
    padding-right: 0 !important;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mat-mdc-tab-header .mat-mdc-tab-header-pagination-before {
    padding-left: 0 !important;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab-indicator {
    display: none;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mat-mdc-tab-labels {
    gap: var(--orbit-date-picker-presets-tabs-labels-gap);
    padding: 0;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab {
    min-width: auto;
    flex: 0 0 auto;
    opacity: 1;
    height: var(--orbit-date-picker-presets-item);
    padding: var(--orbit-date-picker-presets-item-padding-y) var(--orbit-date-picker-presets-item-padding-x);
    border-radius: var(--orbit-date-picker-presets-item-border-radius);
    font-size: var(--orbit-date-picker-presets-tabs-font-size);
    font-weight: var(--orbit-date-picker-presets-tabs-font-weight);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab .mdc-tab__content {
    display: contents;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-inactive-label-text-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled) {
    background: var(--orbit-date-picker-presets-item-active-background);
    font-weight: var(--orbit-date-picker-presets-tabs-active-font-weight);
    letter-spacing: var(--orbit-date-picker-presets-tabs-letter-spacing);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-active-label-text-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab:hover:not(.mdc-tab--active):not(.mat-mdc-tab-disabled) {
    background: var(--orbit-date-picker-presets-item-hover-background);
    font-weight: var(--orbit-date-picker-presets-tabs-active-font-weight);
    letter-spacing: var(--orbit-date-picker-presets-tabs-letter-spacing);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab:hover:not(.mdc-tab--active):not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-inactive-hover-label-text-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.cdk-focused:not(.mat-mdc-tab-disabled), .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.cdk-mouse-focused:not(.mat-mdc-tab-disabled) {
    font-weight: var(--orbit-date-picker-presets-tabs-active-font-weight);
    letter-spacing: var(--orbit-date-picker-presets-tabs-letter-spacing);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.cdk-focused:not(.mat-mdc-tab-disabled) .mdc-tab__text-label, .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.cdk-mouse-focused:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-inactive-focus-label-text-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.mat-mdc-tab-disabled {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: auto;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs .mdc-tab.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-item-disabled-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs.orbit-date-picker-presets-tabs--no-selection .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled) {
    background: none;
    font-weight: var(--orbit-date-picker-presets-tabs-font-weight);
    letter-spacing: normal;
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs.orbit-date-picker-presets-tabs--no-selection .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-inactive-label-text-color);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs.orbit-date-picker-presets-tabs--no-selection .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled):hover {
    background: var(--orbit-date-picker-presets-item-hover-background);
    font-weight: var(--orbit-date-picker-presets-tabs-active-font-weight);
    letter-spacing: var(--orbit-date-picker-presets-tabs-letter-spacing);
  }
  .orbit-date-picker--compact .orbit-date-picker-presets-tabs.orbit-date-picker-presets-tabs--no-selection .mdc-tab.mat-mdc-tab.mdc-tab--active:not(.mat-mdc-tab-disabled):hover .mdc-tab__text-label {
    color: var(--orbit-date-picker-presets-tabs-inactive-hover-label-text-color);
  }
}
:root {
  --mat-timepicker-container-background-color: transparent;
  --mat-timepicker-container-elevation-shadow: none;
}

.orbit-timepicker {
  --orbit-timepicker-invalid-text-color: var(--orbit-red-600);
}

.orbit-timepicker-panel {
  /* Panel background */
  --orbit-timepicker-panel-background-color: var(--orbit-black-opacity-10);
  --orbit-timepicker-panel-blur-size: var(--orbit-size-40);
  --orbit-timepicker-panel-margin: var(--orbit-spacing-4);
  --orbit-timepicker-panel-max-height: var(--orbit-size-186);
  --orbit-timepicker-panel-border: var(--orbit-border-width-2);
  /* Option text */
  --orbit-timepicker-option-color: var(--orbit-grey-800);
  --orbit-timepicker-option-icon-color: var(--orbit-blue-600);
  --orbit-timepicker-option-color-disabled: var(--orbit-grey-800);
  --orbit-timepicker-option-icon-single-size: var(--orbit-size-24);
  --orbit-timepicker-option-icon-multiple-size: var(--orbit-size-20);
  --orbit-timepicker-option-height: var(--orbit-size-4);
  --orbit-timepicker-option-width: var(--orbit-size-10);
  /* UNSELECTED STATES */
  --orbit-timepicker-option-bg-unselected: var(--orbit-white-opacity-1);
  --orbit-timepicker-option-bg-unselected-hover: var(--orbit-black-opacity-5);
  --orbit-timepicker-option-bg-unselected-pressed: var(--orbit-black-opacity-10);
  /* SELECTED STATES */
  --orbit-timepicker-option-bg-selected: var(--orbit-white);
  --orbit-timepicker-option-bg-selected-hover: var(--orbit-grey-50);
  --orbit-timepicker-option-bg-selected-pressed: var(--orbit-grey-100);
  --orbit-timepicker-option-bg-selected-disabled: var(--orbit-grey-50);
  /* selected state background (primary 35) */
  --orbit-timepicker-checkbox-bg-selected: var(--orbit-blue-600);
  /* unselected border and background */
  --orbit-timepicker-checkbox-border-unselected: var(--orbit-grey-200);
  --orbit-timepicker-checkbox-bg-unselected: var(--orbit-white);
  --orbit-timepicker-panel-radius: var(--orbit-radius-16);
  --orbit-timepicker-panel-padding: var(--orbit-spacing-8);
  --orbit-timepicker-panel-orbit-scroll-container-padding: var(
    --orbit-scroll-container-padding,
    --orbit-spacing-4
  );
  --orbit-timepicker-panel-gap: var(--orbit-spacing-4);
  --orbit-timepicker-item-height: var(--orbit-size-32);
  /* Font label */
  --orbit-timepicker-option-size: var(--orbit-font-size-14);
  --orbit-timepicker-option-weight: var(--orbit-font-weight-400);
  /* ======================================================
     DROPDOWN OPTION ITEM TOKENS
     ====================================================== */
  --orbit-timepicker-option-radius: var(--orbit-radius-8);
  --orbit-timepicker-option-checkbox-radius: var(--orbit-radius-4);
  --orbit-timepicker-option-padding-top: var(--orbit-spacing-0);
  --orbit-timepicker-option-padding-right: var(--orbit-spacing-8);
  --orbit-timepicker-option-padding-bottom: var(--orbit-spacing-0);
  --orbit-timepicker-option-padding-left: var(--orbit-spacing-8);
  --orbit-timepicker-option-gap: var(--orbit-spacing-8);
  --orbit-timepicker-panel-pseude-margin: var(--orbit-spacing-0);
}

.orbit-timepicker .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--orbit-timepicker-invalid-text-color);
}

.orbit-timepicker-panel {
  --mat-option-label-text-size: var(--orbit-timepicker-option-size);
  --mat-option-label-text-line-height: var(--orbit-font-weight-400);
  /* Panel background */
  background: var(--orbit-timepicker-panel-background-color);
  border-radius: var(--orbit-timepicker-panel-radius) !important;
  backdrop-filter: blur(var(--orbit-timepicker-panel-blur-size));
  padding: var(--orbit-timepicker-panel-padding) !important;
  margin-top: var(--orbit-timepicker-panel-margin);
  color: var(--orbit-timepicker-option-color);
  font-size: var(--orbit-timepicker-option-size) !important;
  font-weight: var(--orbit-timepicker-option-weight) !important;
}
.orbit-timepicker-panel .mat-timepicker-panel {
  display: flex;
  flex-direction: column;
  gap: var(--orbit-timepicker-panel-gap);
  padding: var(--orbit-timepicker-panel-orbit-scroll-container-padding);
  box-shadow: none !important;
  overflow-y: auto;
  max-height: var(--orbit-timepicker-panel-max-height) !important;
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item {
  color: var(--orbit-timepicker-option-color);
  /* Base layout for all options */
  min-height: var(--orbit-timepicker-item-height) !important;
  max-height: var(--orbit-timepicker-item-height) !important;
  border-radius: var(--orbit-timepicker-option-radius) !important;
  padding: var(--orbit-timepicker-option-padding-top) var(--orbit-timepicker-option-padding-right) var(--orbit-timepicker-option-padding-bottom) var(--orbit-timepicker-option-padding-left) !important;
  gap: var(--orbit-timepicker-option-gap) !important;
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox {
  margin-right: var(--orbit-timepicker-panel-pseude-margin) !important;
  order: 2;
  margin-left: auto !important;
  border-radius: var(--orbit-timepicker-option-checkbox-radius) !important;
  border-color: var(--orbit-timepicker-checkbox-border-unselected);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox.mat-pseudo-checkbox-minimal {
  width: var(--orbit-timepicker-option-icon-single-size);
  height: var(--orbit-timepicker-option-icon-single-size);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item .mat-pseudo-checkbox.mat-pseudo-checkbox-full {
  width: var(--orbit-timepicker-option-icon-multiple-size);
  height: var(--orbit-timepicker-option-icon-multiple-size);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item {
  /* Unselected – default / hover / active */
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled) {
  background-color: var(--orbit-timepicker-option-bg-unselected);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled):hover {
  background-color: var(--orbit-timepicker-option-bg-unselected-hover);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item:not(.mdc-list-item--selected):not(.mdc-list-item--disabled):active {
  background-color: var(--orbit-timepicker-option-bg-unselected-pressed);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item {
  /* Unselected – disabled */
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled:not(.mdc-list-item--selected) {
  background-color: transparent;
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled:not(.mdc-list-item--selected) .mdc-list-item__primary-text {
  color: var(--orbit-timepicker-option-color-disabled);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item {
  /* Selected – default / hover / active */
}
.orbit-timepicker-panel--empty .orbit-timepicker-panel .mat-mdc-option.mdc-list-item:first-child:not(.mdc-list-item--disabled), .orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background-color: var(--orbit-timepicker-option-bg-selected);
}
.orbit-timepicker-panel--empty .orbit-timepicker-panel .mat-mdc-option.mdc-list-item:first-child:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--orbit-timepicker-option-color);
}
.orbit-timepicker-panel--empty .orbit-timepicker-panel .mat-mdc-option.mdc-list-item:first-child:not(.mdc-list-item--disabled):hover, .orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled):hover {
  background-color: var(--orbit-timepicker-option-bg-selected-hover);
}
.orbit-timepicker-panel--empty .orbit-timepicker-panel .mat-mdc-option.mdc-list-item:first-child:not(.mdc-list-item--disabled):active, .orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--selected:not(.mdc-list-item--disabled):active {
  background-color: var(--orbit-timepicker-option-bg-selected-pressed);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item {
  /* Selected – disabled */
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled.mdc-list-item--selected {
  background-color: var(--orbit-timepicker-option-bg-selected-disabled);
}
.orbit-timepicker-panel .mat-mdc-option.mdc-list-item.mdc-list-item--disabled.mdc-list-item--selected .mdc-list-item__primary-text {
  color: var(--orbit-timepicker-option-color-disabled);
}
.orbit-timepicker-panel .mdc-list-item__primary-text {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  order: 1;
}
.orbit-timepicker-panel .mdc-list-item--selected, .orbit-timepicker-panel .mdc-list-item--selected:hover, .orbit-timepicker-panel .mdc-list-item--selected:active, .orbit-timepicker-panel .mdc-list-item--selected.mat-mdc-option-active, .orbit-timepicker-panel .mdc-list-item--selected.mdc-list-item--activated {
  background-color: var(--orbit-timepicker-option-bg-selected);
}
.orbit-timepicker-panel .mat-pseudo-checkbox:after {
  color: var(--orbit-timepicker-option-icon-color) !important;
}
.orbit-timepicker-panel {
  /* Mini checkbox (multiple) */
}
.orbit-timepicker-panel .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.orbit-timepicker-panel .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: var(--orbit-timepicker-option-color);
  width: var(--orbit-timepicker-option-width) !important;
  height: var(--orbit-timepicker-option-height) !important;
}
.orbit-timepicker-panel {
  /* Full checkbox — unselected */
}
.orbit-timepicker-panel .mat-pseudo-checkbox-full:not(.mat-pseudo-checkbox-checked) {
  background-color: var(--orbit-timepicker-checkbox-bg-unselected);
  box-sizing: border-box !important;
}
.orbit-timepicker-panel {
  /* Full checkbox — selected */
}
.orbit-timepicker-panel .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
  background-color: var(--orbit-timepicker-checkbox-bg-selected);
  border: none !important;
}
.orbit-timepicker-panel .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  color: var(--orbit-timepicker-checkbox-bg-unselected) !important;
  opacity: 1 !important;
}

.orbit-file-upload-zone {
  --orbit-file-upload-zone-gap: var(--orbit-spacing-12);
  --orbit-file-upload-zone-padding: var(--orbit-spacing-24);
  --orbit-file-upload-zone-padding-vertical-mobile: var(--orbit-spacing-12);
  --orbit-file-upload-zone-border-radius: var(--orbit-radius-12);
  --orbit-file-upload-zone-border-width: var(--orbit-border-width-1);
  --orbit-file-upload-zone-border-color: var(--orbit-grey-200);
  --orbit-file-upload-zone-background: var(--orbit-grey-50);
  --orbit-file-upload-zone-text-color: var(--orbit-grey-800);
  --orbit-file-upload-zone-hint-text-color: var(--orbit-grey-600);
  --orbit-file-upload-zone-info-margin: var(--orbit-spacing-4);
  --orbit-file-upload-zone-highlighted-border-color: var(--orbit-blue-600);
  --orbit-file-upload-zone-highlighted-background: var(--orbit-blue-50);
  --orbit-file-upload-zone-invalid-border-color: var(--orbit-red-500);
  --orbit-file-upload-zone-invalid-background: var(--orbit-red-50);
}

orbit-file-upload {
  --orbit-file-upload-error-wrapper-margin-top: var(--orbit-spacing-8);
}

.orbit-file-upload-items-list {
  --orbit-file-upload-list-gap: var(--orbit-spacing-8);
  --orbit-file-upload-list-margin: var(--orbit-spacing-0);
  --orbit-file-upload-list-margin-top: var(--orbit-spacing-16);
  --orbit-file-upload-list-max-height: var(--orbit-size-444);
  --orbit-file-upload-item-padding: var(--orbit-spacing-8);
  --orbit-file-upload-item-text-color: var(--orbit-grey-800);
  --orbit-file-upload-item-hint-color: var(--orbit-grey-600);
  --orbit-file-upload-item-margin: var(--orbit-spacing-0);
  --orbit-file-upload-item-border-width: var(--orbit-border-width-1);
  --orbit-file-upload-item-border-color: var(--orbit-grey-100);
  --orbit-file-upload-item-border-radius: var(--orbit-radius-12);
  --orbit-file-upload-item-background: var(--orbit-white);
  --orbit-file-upload-item-summary-gap: var(--orbit-spacing-12);
  --orbit-file-upload-item-details-gap: var(--orbit-spacing-4);
  --orbit-file-upload-metadata-gap: var(--orbit-spacing-16);
  --orbit-file-upload-metadata-margin-right: var(--orbit-spacing-8);
  --orbit-file-upload-metadata-margin-top: var(--orbit-spacing-16);
  --orbit-file-upload-document-type-select-max-width: var(--orbit-size-248);
  --orbit-file-upload-data-gap: var(--orbit-spacing-8);
  --orbit-file-upload-data-separator-height: var(--orbit-size-18);
  --orbit-file-upload-data-separator-width: var(--orbit-border-width-1);
  --orbit-file-upload-data-separator-background: var(--orbit-grey-200);
  --orbit-file-upload-item-success-text-color: var(--orbit-green-800);
  --orbit-file-upload-item-error-text-color: var(--orbit-red-800);
}

.orbit-file-upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--orbit-file-upload-zone-gap);
  padding: var(--orbit-file-upload-zone-padding);
  text-align: center;
  color: var(--orbit-file-upload-zone-text-color);
  border: var(--orbit-file-upload-zone-border-width) dashed var(--orbit-file-upload-zone-border-color);
  border-radius: var(--orbit-file-upload-zone-border-radius);
  background-color: var(--orbit-file-upload-zone-background);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .orbit-file-upload-zone {
    padding-top: var(--orbit-file-upload-zone-padding-vertical-mobile);
    padding-bottom: var(--orbit-file-upload-zone-padding-vertical-mobile);
  }
}
.orbit-file-upload-zone.orbit-file-upload-zone-highlighted {
  border-color: var(--orbit-file-upload-zone-highlighted-border-color);
  background-color: var(--orbit-file-upload-zone-highlighted-background);
}
.orbit-file-upload-zone.orbit-file-upload-zone-invalid {
  border-color: var(--orbit-file-upload-zone-invalid-border-color);
  background-color: var(--orbit-file-upload-zone-invalid-background);
}
@media (max-width: 1024px) {
  .orbit-file-upload-zone__icon {
    display: none;
  }
}
@media (max-width: 1024px) {
  .orbit-file-upload-zone__button {
    width: 100%;
  }
}
.orbit-file-upload-zone-info p {
  margin: 0 0 var(--orbit-file-upload-zone-info-margin);
}
@media (max-width: 1024px) {
  .orbit-file-upload-zone__info-message {
    display: none;
  }
}
.orbit-file-upload-zone__hint {
  color: var(--orbit-file-upload-zone-hint-text-color);
}

.orbit-file-upload-error-wrapper {
  margin-top: var(--orbit-file-upload-error-wrapper-margin-top);
}
.orbit-file-upload-input {
  display: none;
}

.orbit-file-upload-items-list {
  display: flex;
  flex-direction: column;
  gap: var(--orbit-file-upload-list-gap);
  list-style: none;
  margin: var(--orbit-file-upload-list-margin);
  margin-top: var(--orbit-file-upload-list-margin-top);
  max-height: var(--orbit-file-upload-list-max-height);
  overflow-y: auto;
}
.orbit-file-upload-item {
  display: block;
  position: relative;
  overflow: hidden;
  padding: var(--orbit-file-upload-item-padding);
  margin: var(--orbit-file-upload-item-margin);
  color: var(--orbit-file-upload-item-text-color);
  border: var(--orbit-file-upload-item-border-width) solid var(--orbit-file-upload-item-border-color);
  border-radius: var(--orbit-file-upload-item-border-radius);
  background-color: var(--orbit-file-upload-item-background);
}
.orbit-file-upload-item::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--orbit-file-upload-item-upload-progress, 0%);
  background-color: var(--orbit-file-upload-item-progress-background);
  transition: width 150ms ease-out;
  pointer-events: none;
  z-index: 0;
}
.orbit-file-upload-item--uploading, .orbit-file-upload-item--success {
  --orbit-file-upload-item-progress-background: var(--orbit-green-opacity-10);
}
.orbit-file-upload-item--success {
  --orbit-file-upload-item-hint-color: var(--orbit-file-upload-item-success-text-color);
  color: var(--orbit-file-upload-item-success-text-color);
}
.orbit-file-upload-item--error {
  --orbit-file-upload-item-progress-background: var(--orbit-red-opacity-10);
  --orbit-file-upload-item-hint-color: var(--orbit-file-upload-item-error-text-color);
  color: var(--orbit-file-upload-item-error-text-color);
}
.orbit-file-upload-item--error::before {
  width: 100%;
}
.orbit-file-upload-item__summary {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--orbit-file-upload-item-summary-gap);
}
.orbit-file-upload-item__details {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--orbit-file-upload-item-details-gap);
  flex: 1;
  min-width: 0;
}
.orbit-file-upload-item__details p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.orbit-file-upload-item__details .orbit-file-upload-item__data {
  color: var(--orbit-file-upload-item-hint-color);
}
.orbit-file-upload-item__metadata {
  display: flex;
  flex-wrap: wrap;
  gap: var(--orbit-file-upload-metadata-gap);
  margin-top: var(--orbit-file-upload-metadata-margin-top);
  margin-right: var(--orbit-file-upload-metadata-margin-right);
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .orbit-file-upload-item__metadata {
    flex-direction: row;
    align-items: center;
  }
}
.orbit-file-upload-item__document-type-select {
  flex: 1;
}
@media (min-width: 1025px) {
  .orbit-file-upload-item__document-type-select {
    max-width: var(--orbit-file-upload-document-type-select-max-width);
  }
}
.orbit-file-upload-item__data {
  display: flex;
  align-items: center;
  gap: var(--orbit-file-upload-data-gap);
}
.orbit-file-upload-item__data-separator {
  display: block;
  width: var(--orbit-file-upload-data-separator-width);
  height: var(--orbit-file-upload-data-separator-height);
  background-color: var(--orbit-file-upload-data-separator-background);
}

.orbit-static-info-banner,
.orbit-static-warning-banner {
  --orbit-static-banner-border-width: var(--orbit-border-width-1);
  --orbit-static-banner-padding: var(--orbit-spacing-20) var(--orbit-spacing-24);
  --orbit-static-banner-border-radius: var(--orbit-radius-16);
  --orbit-static-banner-gap: var(--orbit-spacing-12);
  --orbit-static-banner-mobile-gap: var(--orbit-spacing-20);
  --orbit-static-banner-title-margin: var(--orbit-spacing-0) var(--orbit-spacing-0)
    var(--orbit-spacing-4) var(--orbit-spacing-0);
  --orbit-static-banner-font-weight: var(--orbit-font-weight-640);
  --orbit-static-banner-font-size: var(--orbit-font-size-14);
  --orbit-static-banner-description-margin: var(--orbit-spacing-0);
  --orbit-static-banner-min-width: var(--orbit-size-288);
  --orbit-static-banner-bg-blur: blur(var(--orbit-size-20));
}

.orbit-static-info-banner {
  --orbit-static-info-banner-background-color: var(--orbit-indigo-opacity-10);
  --orbit-static-info-banner-border-color: var(--orbit-indigo-300);
  --orbit-static-info-banner-text-color: var(--orbit-indigo-800);
  --orbit-static-info-banner-button-background-color: var(--orbit-indigo-opacity-40);
}

.orbit-static-warning-banner {
  --orbit-static-warning-banner-background-color: var(--orbit-yellow-opacity-10);
  --orbit-static-warning-banner-border-color: var(--orbit-yellow-300);
  --orbit-static-warning-banner-text-color: var(--orbit-yellow-800);
  --orbit-static-warning-banner-button-background-color: var(--orbit-yellow-opacity-40);
}

.orbit-static-info-banner {
  border: var(--orbit-static-banner-border-width) solid var(--orbit-static-info-banner-border-color);
  padding: var(--orbit-static-banner-padding);
  border-radius: var(--orbit-static-banner-border-radius);
  background-color: var(--orbit-static-info-banner-background-color);
}
.orbit-static-info-banner .orbit-static-banner-title {
  margin: var(--orbit-static-banner-title-margin);
  color: var(--orbit-static-info-banner-text-color);
}
.orbit-static-info-banner .orbit-static-banner-description {
  color: var(--orbit-static-info-banner-text-color);
  margin: var(--orbit-static-banner-description-margin);
}

.orbit-static-warning-banner {
  border: var(--orbit-static-banner-border-width) solid var(--orbit-static-warning-banner-border-color);
  padding: var(--orbit-static-banner-padding);
  border-radius: var(--orbit-static-banner-border-radius);
  background-color: var(--orbit-static-warning-banner-background-color);
}
.orbit-static-warning-banner .orbit-static-banner-title {
  margin: var(--orbit-static-banner-title-margin);
  color: var(--orbit-static-warning-banner-text-color);
}
.orbit-static-warning-banner .orbit-static-banner-description {
  color: var(--orbit-static-warning-banner-text-color);
  margin: var(--orbit-static-banner-description-margin);
}

.orbit-static-info-banner,
.orbit-static-warning-banner {
  gap: var(--orbit-static-banner-gap);
  display: flex;
  min-width: var(--orbit-static-banner-min-width);
  backdrop-filter: var(--orbit-static-banner-bg-blur);
  box-sizing: border-box;
}
.orbit-static-info-banner .orbit-static-banner-content,
.orbit-static-warning-banner .orbit-static-banner-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.orbit-static-info-banner .orbit-static-banner-title,
.orbit-static-warning-banner .orbit-static-banner-title {
  font-weight: var(--orbit-static-banner-font-weight);
  font-size: var(--orbit-static-banner-font-size);
}
.orbit-static-info-banner .orbit-static-banner-button-wrapper,
.orbit-static-warning-banner .orbit-static-banner-button-wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  width: max-content;
  max-width: 50%;
}
@media (max-width: 480px) {
  .orbit-static-info-banner,
  .orbit-static-warning-banner {
    flex-direction: column;
    gap: var(--orbit-static-banner-mobile-gap);
  }
  .orbit-static-info-banner .orbit-static-banner-button-wrapper,
  .orbit-static-warning-banner .orbit-static-banner-button-wrapper {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
}

:root {
  --mat-card-elevated-container-color: var(--orbit-white);
  --mat-card-elevated-container-shape: var(--orbit-radius-16);
  --mat-card-elevated-container-elevation: none;
}

.orbit-widget-data-box {
  /* Layout — Mobile */
  --orbit-widget-data-box-padding-mobile: var(--orbit-spacing-16);
  --orbit-widget-data-box-gap-mobile: var(--orbit-spacing-16);
  --orbit-widget-data-box-min-width-mobile: var(--orbit-size-240);
  --orbit-widget-data-box-max-width-mobile: var(--orbit-size-464);
  --orbit-widget-data-box-min-height-mobile: var(--orbit-size-80);
  /* Layout — Desktop & Tablet */
  --orbit-widget-data-box-padding-desktop: var(--orbit-spacing-24);
  --orbit-widget-data-box-gap-desktop: var(--orbit-spacing-16);
  --orbit-widget-data-box-min-height-desktop: var(--orbit-size-80);
  /* Spacing */
  --orbit-widget-data-box-header-badge-mobile-gap: var(--orbit-spacing-4);
  --orbit-widget-data-box-header-badge-gap: var(--orbit-spacing-12);
  --orbit-widget-data-box-header-content-gap: var(--orbit-spacing-2);
  --orbit-widget-data-box-header-container-gap: var(--orbit-spacing-12);
  --orbit-widget-data-box-actions-gap: var(--orbit-spacing-16);
  --orbit-widget-data-box-header-mobile-row-gap: var(--orbit-spacing-16);
  --orbit-widget-data-box-header-mobile-column-gap: var(--orbit-spacing-8);
  --orbit-widget-data-box-header-medium-container-column-gap: var(--orbit-spacing-8);
  --orbit-widget-data-box-header-small-container-column-gap: var(--orbit-spacing-8);
  --orbit-widget-data-box-header-small-container-row-gap: var(--orbit-spacing-16);
  --orbit-widget-data-box-header-gap: var(--orbit-spacing-16);
  --orbit-widget-data-box-no-data-padding: var(--orbit-spacing-24);
  --orbit-widget-data-box-no-data-gap: var(--orbit-spacing-16);
  --orbit-widget-data-box-no-data-text-gap: var(--orbit-spacing-8);
  /* Typography — Overline */
  --orbit-widget-data-box-overline-font-size: var(--orbit-font-size-10);
  --orbit-widget-data-box-overline-font-weight: var(--orbit-font-weight-400);
  --orbit-widget-data-box-overline-line-height: var(--orbit-line-height-16);
  --orbit-widget-data-box-overline-color: var(--orbit-grey-600);
  /* Typography — Headline */
  --orbit-widget-data-box-headline-font-size: var(--orbit-font-size-16);
  --orbit-widget-data-box-headline-font-weight: var(--orbit-font-weight-640);
  --orbit-widget-data-box-headline-line-height: var(--orbit-line-height-24);
  --orbit-widget-data-box-headline-color: var(--orbit-grey-800);
  --orbit-widget-data-box-no-data-headline-font-size: var(--orbit-font-size-16);
  --orbit-widget-data-box-no-data-headline-font-weight: var(--orbit-font-weight-640);
  --orbit-widget-data-box-no-data-headline-line-height: var(--orbit-line-height-20);
  --orbit-widget-data-box-no-data-headline-color: var(--orbit-grey-800);
  /* Typography — Subtitle */
  --orbit-widget-data-box-subtitle-font-size: var(--orbit-font-size-14);
  --orbit-widget-data-box-subtitle-font-weight: var(--orbit-font-weight-400);
  --orbit-widget-data-box-subtitle-line-height: var(--orbit-line-height-20);
  --orbit-widget-data-box-subtitle-color: var(--orbit-grey-800);
  --orbit-widget-data-box-no-data-subtitle-font-size: var(--orbit-font-size-14);
  --orbit-widget-data-box-no-data-subtitle-font-weight: var(--orbit-font-weight-400);
  --orbit-widget-data-box-no-data-subtitle-line-height: var(--orbit-line-height-20);
  --orbit-widget-data-box-no-data-subtitle-color: var(--orbit-grey-500);
}

.orbit-widget-data-box-container {
  container-type: inline-size;
  height: 100%;
}
.orbit-widget-data-box-container .orbit-widget-data-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: var(--orbit-widget-data-box-padding-desktop);
  gap: var(--orbit-widget-data-box-gap-desktop);
  min-height: var(--orbit-widget-data-box-min-height-desktop);
}
@container (max-width: 319px) {
  .orbit-widget-data-box-container .orbit-widget-data-box .orbit-widget-data-box-action {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box {
    padding: var(--orbit-widget-data-box-padding-mobile);
    gap: var(--orbit-widget-data-box-gap-mobile);
    min-width: var(--orbit-widget-data-box-min-width-mobile);
    max-width: var(--orbit-widget-data-box-max-width-mobile);
    min-height: var(--orbit-widget-data-box-min-height-mobile);
  }
  .orbit-widget-data-box-container .orbit-widget-data-box .orbit-widget-data-box-action {
    width: 100%;
    max-width: 100%;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--orbit-widget-data-box-header-gap);
}
@container (min-width: 320px) and (max-width: 557px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: var(--orbit-widget-data-box-header-small-container-row-gap);
    column-gap: var(--orbit-widget-data-box-header-small-container-column-gap);
  }
}
@container (min-width: 558px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--orbit-widget-data-box-header-medium-container-column-gap);
  }
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--orbit-widget-data-box-header-mobile-column-gap);
    row-gap: var(--orbit-widget-data-box-header-mobile-row-gap);
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-header--badge {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@container (min-width: 558px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header--badge {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header--badge .orbit-widget-data-box-header-badge {
    display: flex;
    flex-direction: column;
    gap: var(--orbit-widget-data-box-header-badge-mobile-gap);
    flex: 0 1 auto;
  }
  .orbit-widget-data-box-container .orbit-widget-data-box-header--badge .orbit-widget-data-box-actions {
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--orbit-widget-data-box-header-container-gap);
  flex: 0 1 auto;
  min-width: 0;
}
@container (max-width: 319px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-header-container {
    flex-direction: column;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-container .orbit-widget-data-box-header-icon {
  flex-shrink: 0;
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-container .orbit-widget-data-box-header-content {
  display: flex;
  flex-direction: column;
  gap: var(--orbit-widget-data-box-header-content-gap);
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-container .orbit-widget-data-box-header-only-headline {
  margin: auto 0;
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-icon {
  flex-shrink: 0;
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-content {
  display: flex;
  flex-direction: column;
  gap: var(--orbit-widget-data-box-header-content-gap);
  flex: 1;
  min-width: 0;
}
.orbit-widget-data-box-container .orbit-widget-data-box-overline {
  font-size: var(--orbit-widget-data-box-overline-font-size);
  font-weight: var(--orbit-widget-data-box-overline-font-weight);
  line-height: var(--orbit-widget-data-box-overline-line-height);
  color: var(--orbit-widget-data-box-overline-color);
}
.orbit-widget-data-box-container .orbit-widget-data-box-headline {
  font-size: var(--orbit-widget-data-box-headline-font-size);
  font-weight: var(--orbit-widget-data-box-headline-font-weight);
  line-height: var(--orbit-widget-data-box-headline-line-height);
  color: var(--orbit-widget-data-box-headline-color);
  display: -webkit-box;
  white-space: break-spaces;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-headline {
    -webkit-line-clamp: 3;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-subtitle {
  font-size: var(--orbit-widget-data-box-subtitle-font-size);
  font-weight: var(--orbit-widget-data-box-subtitle-font-weight);
  line-height: var(--orbit-widget-data-box-subtitle-line-height);
  color: var(--orbit-widget-data-box-subtitle-color);
  display: -webkit-box;
  white-space: break-spaces;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-subtitle {
    -webkit-line-clamp: 8;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--orbit-widget-data-box-actions-gap);
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-actions.orbit-widget-data-box-actions-compact {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .orbit-widget-data-box-container .orbit-widget-data-box-actions.orbit-widget-data-box-actions-compact .orbit-widget-data-box-action {
    width: auto;
    max-width: none;
  }
}
@container (min-width: 320px) and (max-width: 557px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-actions {
    flex-direction: row;
    align-items: center;
    width: auto;
    justify-content: flex-end;
    margin-left: auto;
  }
}
@container (min-width: 558px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-actions {
    flex-direction: row;
    align-items: center;
    width: auto;
    justify-content: flex-start;
  }
}
@media (max-width: 480px) {
  .orbit-widget-data-box-container .orbit-widget-data-box-actions {
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    margin-left: 0;
  }
}
.orbit-widget-data-box-container .orbit-widget-data-box-header-badge {
  display: flex;
  flex-direction: row;
  gap: var(--orbit-widget-data-box-header-badge-gap);
}
.orbit-widget-data-box-container .orbit-widget-data-box-no-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  gap: var(--orbit-widget-data-box-no-data-gap);
  padding: var(--orbit-widget-data-box-no-data-padding) 0;
}
.orbit-widget-data-box-container .orbit-widget-data-box-no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--orbit-widget-data-box-no-data-text-gap);
}
.orbit-widget-data-box-container .orbit-widget-data-box-no-data-title {
  font-size: var(--orbit-widget-data-box-no-data-headline-font-size);
  font-weight: var(--orbit-widget-data-box-no-data-headline-font-weight);
  line-height: var(--orbit-widget-data-box-no-data-headline-line-height);
  color: var(--orbit-widget-data-box-no-data-headline-color);
}
.orbit-widget-data-box-container .orbit-widget-data-box-no-data-subtitle {
  margin: 0;
  color: var(--orbit-widget-data-box-no-data-subtitle-color);
  font-size: var(--orbit-widget-data-box-no-data-subtitle-font-size);
  font-weight: var(--orbit-widget-data-box-no-data-subtitle-font-weight);
  line-height: var(--orbit-widget-data-box-no-data-subtitle-line-height);
}

/* ==============================================================
   orbit-skeleton-line
   ============================================================== */
ngx-skeleton-loader.orbit-skeleton-line-12 .skeleton-loader {
  border-radius: var(--orbit-radius-8);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-12);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-12.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-12.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-12.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-14 .skeleton-loader {
  border-radius: var(--orbit-radius-8);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-14);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-14.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-14.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-14.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-16 .skeleton-loader {
  border-radius: var(--orbit-radius-8);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-16);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-16.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-16.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-16.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-20 .skeleton-loader {
  border-radius: var(--orbit-radius-16);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-20);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-20.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-20.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-20.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-24 .skeleton-loader {
  border-radius: var(--orbit-radius-16);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-24);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-24.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-24.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-24.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-32 .skeleton-loader {
  border-radius: var(--orbit-radius-24);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-32);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-32.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-32.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-32.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

ngx-skeleton-loader.orbit-skeleton-line-40 .skeleton-loader {
  border-radius: var(--orbit-radius-24);
  border: none;
  margin-bottom: 0;
  height: var(--orbit-size-40);
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-40.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-line-40.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-line-40.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

/* ==============================================================
   orbit-skeleton-square
   ============================================================== */
ngx-skeleton-loader.orbit-skeleton-square .skeleton-loader {
  width: var(--orbit-size-40) !important;
  height: var(--orbit-size-40) !important;
  border-radius: var(--orbit-radius-0);
  margin: 0 !important;
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-square.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-square.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-square.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

/* ==============================================================
   orbit-skeleton-radius
   ============================================================== */
ngx-skeleton-loader.orbit-skeleton-radius .skeleton-loader {
  width: var(--orbit-size-40) !important;
  height: var(--orbit-size-40) !important;
  border-radius: var(--orbit-radius-8);
  margin: 0 !important;
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-radius.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-radius.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-radius.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

/* ==============================================================
   orbit-skeleton-circle
   ============================================================== */
ngx-skeleton-loader.orbit-skeleton-circle .skeleton-loader {
  width: var(--orbit-size-40) !important;
  height: var(--orbit-size-40) !important;
  margin: 0 !important;
  background: linear-gradient(67deg, var(--orbit-grey-200) 15.07%, var(--orbit-grey-100) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-circle.reverse .skeleton-loader {
  background: linear-gradient(67deg, var(--orbit-grey-100) 15.07%, var(--orbit-grey-200) 84.93%);
}
ngx-skeleton-loader.orbit-skeleton-circle.pulse-dark .skeleton-loader {
  background: var(--orbit-grey-opacity-20);
}
ngx-skeleton-loader.orbit-skeleton-circle.pulse-light .skeleton-loader {
  background: var(--orbit-grey-opacity-10);
}

/* ==============================================================
   reverse
   ============================================================== */
ngx-skeleton-loader.reverse .skeleton-loader.progress::before,
ngx-skeleton-loader.reverse .skeleton-loader.progress-dark::before {
  animation-name: orbit-skeleton-progress-reverse;
  background-image: linear-gradient(270deg, var(--ngx-skeleton-loader-light-mode-color-to), var(--ngx-skeleton-loader-light-mode-color), var(--ngx-skeleton-loader-light-mode-color-to));
}
ngx-skeleton-loader.reverse .skeleton-loader.progress-dark::before {
  background-image: linear-gradient(270deg, var(--ngx-skeleton-loader-dark-mode-color-to), var(--ngx-skeleton-loader-dark-mode-color), var(--ngx-skeleton-loader-dark-mode-color-to));
}

@keyframes orbit-skeleton-progress-reverse {
  0% {
    transform: translate3d(calc(200px + 100vw), 0, 0);
  }
  100% {
    transform: translate3d(-200px, 0, 0);
  }
}
.orbit-avatar {
  /* Sizing */
  --orbit-avatar-size: var(--orbit-size-48);
  --orbit-avatar-border-radius: var(--orbit-size-12);
  --orbit-avatar-border-radius-small: var(--orbit-size-4);
  --orbit-avatar-border-color: var(--orbit-black-opacity-5);
  --orbit-avatar-border-width: var(--orbit-border-width-1_5);
  --orbit-avatar-border-width-small: var(--orbit-border-width-1);
  /* Padding & Gap */
  --orbit-avatar-monogram-padding-large: var(--orbit-spacing-8);
  --orbit-avatar-monogram-gap-large: var(--orbit-spacing-8);
  --orbit-avatar-monogram-padding-small: var(--orbit-spacing-4);
  --orbit-avatar-monogram-gap-small: var(--orbit-spacing-4);
  /* Badge */
  --orbit-avatar-badge-offset-bottom: 0;
  --orbit-avatar-badge-offset-right: 0;
  /* Monogram */
  --orbit-avatar-monogram-background-color: var(--orbit-white);
  --orbit-avatar-monogram-color: var(--orbit-grey-800);
  --orbit-avatar-monogram-line-height-large: var(--orbit-line-height-20);
  --orbit-avatar-monogram-font-weight-large: var(--orbit-font-weight-640);
  --orbit-avatar-monogram-font-size-large: var(--orbit-font-size-14);
  --orbit-avatar-monogram-font-size-small: var(--orbit-font-size-8);
  --orbit-avatar-monogram-line-height-small: var(--orbit-line-height-12);
  --orbit-avatar-monogram-font-weight-small: var(--orbit-font-weight-640);
}

.orbit-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-style: solid;
  border-color: var(--orbit-avatar-border-color);
  box-sizing: border-box;
  width: var(--orbit-avatar-size);
  height: var(--orbit-avatar-size);
  border-radius: var(--orbit-avatar-border-radius);
  border-width: var(--orbit-avatar-border-width);
}
.orbit-avatar__monogram {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  background: var(--orbit-avatar-monogram-background-color);
  color: var(--orbit-avatar-monogram-color);
  box-sizing: border-box;
  padding: var(--orbit-avatar-monogram-padding-large);
  gap: var(--orbit-avatar-monogram-gap-large);
  font-size: var(--orbit-avatar-monogram-font-size-large);
  font-weight: var(--orbit-avatar-monogram-font-weight-large);
  line-height: var(--orbit-avatar-monogram-line-height-large);
}
.orbit-avatar__badge {
  display: flex;
  position: absolute;
  bottom: var(--orbit-avatar-badge-offset-bottom);
  right: var(--orbit-avatar-badge-offset-right);
  transform: translate(50%, 50%);
  pointer-events: none;
}
.orbit-avatar.orbit-size-24 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--orbit-avatar-border-radius-small);
  border-width: var(--orbit-avatar-border-width-small);
}
.orbit-avatar.orbit-size-24 .orbit-avatar__monogram {
  padding: var(--orbit-avatar-monogram-padding-small);
  gap: var(--orbit-avatar-monogram-gap-small);
  font-size: var(--orbit-avatar-monogram-font-size-small);
  font-weight: var(--orbit-avatar-monogram-font-weight-small);
  line-height: var(--orbit-avatar-monogram-line-height-small);
}

.orbit-ag-chart {
  --orbit-ag-chart-text-color: var(--orbit-grey-800);
  --orbit-ag-chart-subtle-text-color: var(--orbit-grey-600);
  --orbit-ag-chart-axis-line-color: var(--orbit-grey-100);
  --orbit-ag-chart-grid-line-color: var(--orbit-grey-100);
  --orbit-ag-chart-border-color: var(--orbit-black-opacity-5);
  --orbit-ag-chart-tooltip-text-color: var(--orbit-ag-chart-text-color);
  --orbit-ag-chart-tooltip-subtle-text-color: var(--orbit-ag-chart-subtle-text-color);
  --orbit-ag-chart-tooltip-background-color: var(--orbit-white);
  --orbit-ag-chart-accent-color: var(--orbit-blue-600);
  --orbit-ag-chart-callout-label-color: var(--orbit-grey-800);
  --orbit-ag-chart-pie-sector-label-color: var(--orbit-white);
  --orbit-ag-chart-primary-palette__fill-0: var(--orbit-blue-500);
  --orbit-ag-chart-primary-palette__fill-1: var(--orbit-orange-400);
  --orbit-ag-chart-primary-palette__fill-2: var(--orbit-teal-500);
  --orbit-ag-chart-primary-palette__fill-3: var(--orbit-cyan-400);
  --orbit-ag-chart-primary-palette__fill-4: var(--orbit-purple-400);
  --orbit-ag-chart-primary-palette__fill-5: var(--orbit-violet-400);
  --orbit-ag-chart-primary-palette__fill-6: var(--orbit-blue-600);
  --orbit-ag-chart-primary-palette__fill-7: var(--orbit-blue-400);
  --orbit-ag-chart-primary-palette__fill-8: var(--orbit-blue-300);
  --orbit-ag-chart-primary-palette__fill-9: var(--orbit-orange-200);
  --orbit-ag-chart-primary-palette__fill-10: var(--orbit-blue-200);
  --orbit-ag-chart-primary-palette__stroke-0: var(--orbit-blue-600);
  --orbit-ag-chart-primary-palette__stroke-1: var(--orbit-orange-500);
  --orbit-ag-chart-primary-palette__stroke-2: var(--orbit-teal-600);
  --orbit-ag-chart-primary-palette__stroke-3: var(--orbit-cyan-600);
  --orbit-ag-chart-primary-palette__stroke-4: var(--orbit-purple-600);
  --orbit-ag-chart-primary-palette__stroke-5: var(--orbit-violet-600);
  --orbit-ag-chart-primary-palette__stroke-6: var(--orbit-blue-700);
  --orbit-ag-chart-primary-palette__stroke-7: var(--orbit-blue-500);
  --orbit-ag-chart-primary-palette__stroke-8: var(--orbit-blue-400);
  --orbit-ag-chart-primary-palette__stroke-9: var(--orbit-orange-400);
  --orbit-ag-chart-monochromatic-palette__fill-0: var(--orbit-blue-600);
  --orbit-ag-chart-monochromatic-palette__fill-1: var(--orbit-blue-500);
  --orbit-ag-chart-monochromatic-palette__fill-2: var(--orbit-blue-400);
  --orbit-ag-chart-monochromatic-palette__fill-3: var(--orbit-blue-300);
  --orbit-ag-chart-monochromatic-palette__fill-4: var(--orbit-blue-200);
  --orbit-ag-chart-tooltip-min-width: var(--orbit-size-160);
  --orbit-ag-chart-tooltip-padding: var(--orbit-spacing-8) var(--orbit-spacing-12);
  --orbit-ag-chart-tooltip-arrow-border-radius: var(--orbit-size-2);
  --orbit-ag-chart-tooltip-shadow-color: var(--orbit-black-opacity-10);
  --orbit-ag-chart-tooltip-shadow: var(--orbit-size-0) var(--orbit-size-4) var(--orbit-size-4)
    var(--orbit-size-2) var(--orbit-ag-chart-tooltip-shadow-color);
  --orbit-ag-chart-tooltip-border-color: var(--orbit-black-opacity-5);
  --orbit-ag-chart-tooltip-symbol-border-radius: var(--orbit-radius-round);
}
.orbit-ag-chart .ag-charts-tooltip {
  --tooltip-row-spacing: var(--orbit-spacing-8);
  --tooltip-arrow-size: var(--orbit-size-10);
}

.orbit-ag-chart {
  width: 100%;
  display: block;
}
.orbit-ag-chart .ag-charts-tooltip {
  min-width: var(--orbit-ag-chart-tooltip-min-width);
  border-color: var(--orbit-ag-chart-border-color);
}
.orbit-ag-chart .ag-charts-tooltip-symbol {
  border-radius: var(--orbit-ag-chart-tooltip-symbol-border-radius);
  overflow: hidden;
}
.orbit-ag-chart .ag-charts-tooltip .ag-charts-tooltip-content {
  padding: var(--orbit-ag-chart-tooltip-padding);
}
.orbit-ag-chart [class*=ag-charts-tooltip--arrow-]::before {
  border-radius: var(--orbit-ag-chart-tooltip-arrow-border-radius);
}

html {
  --mat-sys-background: ;
  --mat-sys-error: #ef4839;
  --mat-sys-error-container: #fbd3d0;
  --mat-sys-inverse-on-surface: #ededed;
  --mat-sys-inverse-primary: #88c3ff;
  --mat-sys-inverse-surface: #3d3d3d;
  --mat-sys-on-background: #2c2c2c;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #c92b1d;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #0058b3;
  --mat-sys-on-primary-fixed: #002346;
  --mat-sys-on-primary-fixed-variant: #0058b3;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #d95200;
  --mat-sys-on-secondary-fixed: #8c2400;
  --mat-sys-on-secondary-fixed-variant: #d95200;
  --mat-sys-on-surface: #2c2c2c;
  --mat-sys-on-surface-variant: #aa20c6;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #c26106;
  --mat-sys-on-tertiary-fixed: #712105;
  --mat-sys-on-tertiary-fixed-variant: #c26106;
  --mat-sys-outline: #da61f3;
  --mat-sys-outline-variant: #f1c1fb;
  --mat-sys-primary: #0080ff;
  --mat-sys-primary-container: #99ccff;
  --mat-sys-primary-fixed: #99ccff;
  --mat-sys-primary-fixed-dim: #88c3ff;
  --mat-sys-scrim: #1a1a1a;
  --mat-sys-secondary: #f18400;
  --mat-sys-secondary-container: #ffd199;
  --mat-sys-secondary-fixed: #ffd199;
  --mat-sys-secondary-fixed-dim: #ffc680;
  --mat-sys-shadow: #1a1a1a;
  --mat-sys-surface: ;
  --mat-sys-surface-bright: ;
  --mat-sys-surface-container: #e6e6e6;
  --mat-sys-surface-container-high: #d9d9d9;
  --mat-sys-surface-container-highest: #cccccc;
  --mat-sys-surface-container-low: #f0f0f0;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #c8c8c8;
  --mat-sys-surface-tint: #0080ff;
  --mat-sys-surface-variant: #f6d2fe;
  --mat-sys-tertiary: #f59f0a;
  --mat-sys-tertiary-container: #fbe19d;
  --mat-sys-tertiary-fixed: #fbe19d;
  --mat-sys-tertiary-fixed-dim: #fbd984;
  --mat-sys-neutral-variant20: #701782;
  --mat-sys-neutral10: #2c2c2c;
}

html {
  --mat-sys-level0: 0px 0px 0px 0px rgba(26, 26, 26, 0.2), 0px 0px 0px 0px rgba(26, 26, 26, 0.14), 0px 0px 0px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level1: 0px 2px 1px -1px rgba(26, 26, 26, 0.2), 0px 1px 1px 0px rgba(26, 26, 26, 0.14), 0px 1px 3px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level2: 0px 3px 3px -2px rgba(26, 26, 26, 0.2), 0px 3px 4px 0px rgba(26, 26, 26, 0.14), 0px 1px 8px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level3: 0px 3px 5px -1px rgba(26, 26, 26, 0.2), 0px 6px 10px 0px rgba(26, 26, 26, 0.14), 0px 1px 18px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level4: 0px 5px 5px -3px rgba(26, 26, 26, 0.2), 0px 8px 10px 1px rgba(26, 26, 26, 0.14), 0px 3px 14px 2px rgba(26, 26, 26, 0.12);
  --mat-sys-level5: 0px 7px 8px -4px rgba(26, 26, 26, 0.2), 0px 12px 17px 2px rgba(26, 26, 26, 0.14), 0px 5px 22px 4px rgba(26, 26, 26, 0.12);
}

html {
  --mat-sys-body-large: 400 1rem / 1.5rem Manrope, sans-serif;
  --mat-sys-body-large-font: Manrope, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-body-medium-font: Manrope, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Manrope, sans-serif;
  --mat-sys-body-small-font: Manrope, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Manrope, sans-serif;
  --mat-sys-display-large-font: Manrope, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Manrope, sans-serif;
  --mat-sys-display-medium-font: Manrope, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Manrope, sans-serif;
  --mat-sys-display-small-font: Manrope, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Manrope, sans-serif;
  --mat-sys-headline-large-font: Manrope, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Manrope, sans-serif;
  --mat-sys-headline-medium-font: Manrope, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Manrope, sans-serif;
  --mat-sys-headline-small-font: Manrope, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-label-large-font: Manrope, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Manrope, sans-serif;
  --mat-sys-label-medium-font: Manrope, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Manrope, sans-serif;
  --mat-sys-label-small-font: Manrope, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Manrope, sans-serif;
  --mat-sys-title-large-font: Manrope, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Manrope, sans-serif;
  --mat-sys-title-medium-font: Manrope, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-title-small-font: Manrope, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}

html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}

html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.orbit-dark {
  --mat-sys-background: #252525;
  --mat-sys-error: #f9beb9;
  --mat-sys-error-container: #c92b1d;
  --mat-sys-inverse-on-surface: #3d3d3d;
  --mat-sys-inverse-primary: #0080ff;
  --mat-sys-inverse-surface: #cccccc;
  --mat-sys-on-background: #cccccc;
  --mat-sys-on-error: #9c2116;
  --mat-sys-on-error-container: #fbd3d0;
  --mat-sys-on-primary: #002b56;
  --mat-sys-on-primary-container: #99ccff;
  --mat-sys-on-primary-fixed: #002346;
  --mat-sys-on-primary-fixed-variant: #0058b3;
  --mat-sys-on-secondary: #b22d00;
  --mat-sys-on-secondary-container: #ffd199;
  --mat-sys-on-secondary-fixed: #8c2400;
  --mat-sys-on-secondary-fixed-variant: #d95200;
  --mat-sys-on-surface: #cccccc;
  --mat-sys-on-surface-variant: #f6d2fe;
  --mat-sys-on-tertiary: #802a05;
  --mat-sys-on-tertiary-container: #fbe19d;
  --mat-sys-on-tertiary-fixed: #712105;
  --mat-sys-on-tertiary-fixed-variant: #c26106;
  --mat-sys-outline: #e180f5;
  --mat-sys-outline-variant: #aa20c6;
  --mat-sys-primary: #88c3ff;
  --mat-sys-primary-container: #0058b3;
  --mat-sys-primary-fixed: #99ccff;
  --mat-sys-primary-fixed-dim: #88c3ff;
  --mat-sys-scrim: #1a1a1a;
  --mat-sys-secondary: #ffc680;
  --mat-sys-secondary-container: #d95200;
  --mat-sys-secondary-fixed: #ffd199;
  --mat-sys-secondary-fixed-dim: #ffc680;
  --mat-sys-shadow: #1a1a1a;
  --mat-sys-surface: #252525;
  --mat-sys-surface-bright: #4a4a4a;
  --mat-sys-surface-container: #2f2f2f;
  --mat-sys-surface-container-high: #383838;
  --mat-sys-surface-container-highest: #434343;
  --mat-sys-surface-container-low: #2c2c2c;
  --mat-sys-surface-container-lowest: #212121;
  --mat-sys-surface-dim: #252525;
  --mat-sys-surface-tint: #88c3ff;
  --mat-sys-surface-variant: #aa20c6;
  --mat-sys-tertiary: #fbd984;
  --mat-sys-tertiary-container: #c26106;
  --mat-sys-tertiary-fixed: #fbe19d;
  --mat-sys-tertiary-fixed-dim: #fbd984;
  --mat-sys-neutral-variant20: #701782;
  --mat-sys-neutral10: #2c2c2c;
  --mat-sys-level0: 0px 0px 0px 0px rgba(26, 26, 26, 0.2), 0px 0px 0px 0px rgba(26, 26, 26, 0.14), 0px 0px 0px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level1: 0px 2px 1px -1px rgba(26, 26, 26, 0.2), 0px 1px 1px 0px rgba(26, 26, 26, 0.14), 0px 1px 3px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level2: 0px 3px 3px -2px rgba(26, 26, 26, 0.2), 0px 3px 4px 0px rgba(26, 26, 26, 0.14), 0px 1px 8px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level3: 0px 3px 5px -1px rgba(26, 26, 26, 0.2), 0px 6px 10px 0px rgba(26, 26, 26, 0.14), 0px 1px 18px 0px rgba(26, 26, 26, 0.12);
  --mat-sys-level4: 0px 5px 5px -3px rgba(26, 26, 26, 0.2), 0px 8px 10px 1px rgba(26, 26, 26, 0.14), 0px 3px 14px 2px rgba(26, 26, 26, 0.12);
  --mat-sys-level5: 0px 7px 8px -4px rgba(26, 26, 26, 0.2), 0px 12px 17px 2px rgba(26, 26, 26, 0.14), 0px 5px 22px 4px rgba(26, 26, 26, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Manrope, sans-serif;
  --mat-sys-body-large-font: Manrope, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-body-medium-font: Manrope, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Manrope, sans-serif;
  --mat-sys-body-small-font: Manrope, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Manrope, sans-serif;
  --mat-sys-display-large-font: Manrope, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Manrope, sans-serif;
  --mat-sys-display-medium-font: Manrope, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Manrope, sans-serif;
  --mat-sys-display-small-font: Manrope, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Manrope, sans-serif;
  --mat-sys-headline-large-font: Manrope, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Manrope, sans-serif;
  --mat-sys-headline-medium-font: Manrope, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Manrope, sans-serif;
  --mat-sys-headline-small-font: Manrope, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-label-large-font: Manrope, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Manrope, sans-serif;
  --mat-sys-label-medium-font: Manrope, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Manrope, sans-serif;
  --mat-sys-label-small-font: Manrope, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Manrope, sans-serif;
  --mat-sys-title-large-font: Manrope, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Manrope, sans-serif;
  --mat-sys-title-medium-font: Manrope, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Manrope, sans-serif;
  --mat-sys-title-small-font: Manrope, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/*# sourceMappingURL=orbit-core.css.map */