/* src/app/scss/colors/brands.css */
:root {
  --brand-color-zisson: var(--material-blue-700);
  --brand-color-socialboards: #fed030;
  --brand-color-microsoft-365: #DC3E15;
  --brand-color-facebook-old: #4267b2;
  --brand-color-facebook: #1778f2;
  --brand-color-telenor: #01acfb;
  --brand-color-bank-id-nor: #39134c;
  --brand-color-bank-id-swe: #25576C;
}

/* src/app/scss/colors/material.css */
:root {
  --material-amber-50: #FFF8E1;
  --material-amber-100: #FFECB3;
  --material-amber-200: #FFE082;
  --material-amber-300: #FFD54F;
  --material-amber-400: #FFCA28;
  --material-amber-500: #FFC107;
  --material-amber-600: #FFB300;
  --material-amber-700: #FFA000;
  --material-amber-800: #FF8F00;
  --material-amber-900: #FF6F00;
  --material-amber-A100: #FFE57F;
  --material-amber-A200: #FFD740;
  --material-amber-A400: #FFC400;
  --material-amber-A700: #FFAB00;
  --material-blue-grey-50: #ECEFF1;
  --material-blue-grey-100: #CFD8DC;
  --material-blue-grey-200: #B0BEC5;
  --material-blue-grey-300: #90A4AE;
  --material-blue-grey-400: #78909C;
  --material-blue-grey-500: #607D8B;
  --material-blue-grey-600: #546E7A;
  --material-blue-grey-700: #455A64;
  --material-blue-grey-800: #37474F;
  --material-blue-grey-900: #263238;
  --material-blue-50: #E3F2FD;
  --material-blue-100: #BBDEFB;
  --material-blue-200: #90CAF9;
  --material-blue-300: #64B5F6;
  --material-blue-400: #42A5F5;
  --material-blue-500: #2196F3;
  --material-blue-600: #1E88E5;
  --material-blue-700: #1976D2;
  --material-blue-800: #1565C0;
  --material-blue-900: #0D47A1;
  --material-blue-A100: #82B1FF;
  --material-blue-A200: #448AFF;
  --material-blue-A400: #2979FF;
  --material-blue-A700: #2962FF;
  --material-brown-50: #EFEBE9;
  --material-brown-100: #D7CCC8;
  --material-brown-200: #BCAAA4;
  --material-brown-300: #A1887F;
  --material-brown-400: #8D6E63;
  --material-brown-500: #795548;
  --material-brown-600: #6D4C41;
  --material-brown-700: #5D4037;
  --material-brown-800: #4E342E;
  --material-brown-900: #3E2723;
  --material-cyan-50: #E0F7FA;
  --material-cyan-100: #B2EBF2;
  --material-cyan-200: #80DEEA;
  --material-cyan-300: #4DD0E1;
  --material-cyan-400: #26C6DA;
  --material-cyan-500: #00BCD4;
  --material-cyan-600: #00ACC1;
  --material-cyan-700: #0097A7;
  --material-cyan-800: #00838F;
  --material-cyan-900: #006064;
  --material-cyan-A100: #84FFFF;
  --material-cyan-A200: #18FFFF;
  --material-cyan-A400: #00E5FF;
  --material-cyan-A700: #00B8D4;
  --material-dark-orange-50: #FBE9E7;
  --material-dark-orange-100: #FFCCBC;
  --material-dark-orange-200: #FFAB91;
  --material-dark-orange-300: #FF8A65;
  --material-dark-orange-400: #FF7043;
  --material-dark-orange-500: #FF5722;
  --material-dark-orange-600: #F4511E;
  --material-dark-orange-700: #E64A19;
  --material-dark-orange-800: #D84315;
  --material-dark-orange-900: #BF360C;
  --material-dark-orange-A100: #FF9E80;
  --material-dark-orange-A200: #FF6E40;
  --material-dark-orange-A400: #FF3D00;
  --material-dark-orange-A700: #DD2C00;
  --material-dark-purple-50: #EDE7F6;
  --material-dark-purple-100: #D1C4E9;
  --material-dark-purple-200: #B39DDB;
  --material-dark-purple-300: #9575CD;
  --material-dark-purple-400: #7E57C2;
  --material-dark-purple-500: #673AB7;
  --material-dark-purple-600: #5E35B1;
  --material-dark-purple-700: #512DA8;
  --material-dark-purple-800: #4527A0;
  --material-dark-purple-900: #311B92;
  --material-dark-purple-A100: #B388FF;
  --material-dark-purple-A200: #7C4DFF;
  --material-dark-purple-A400: #651FFF;
  --material-dark-purple-A700: #6200EA;
  --material-green-50: #E8F5E9;
  --material-green-100: #C8E6C9;
  --material-green-200: #A5D6A7;
  --material-green-300: #81C784;
  --material-green-400: #66BB6A;
  --material-green-500: #4CAF50;
  --material-green-600: #43A047;
  --material-green-700: #388E3C;
  --material-green-800: #2E7D32;
  --material-green-900: #1B5E20;
  --material-green-A100: #B9F6CA;
  --material-green-A200: #69F0AE;
  --material-green-A400: #00E676;
  --material-green-A700: #00C853;
  --material-grey-50: #FAFAFA;
  --material-grey-100: #F5F5F5;
  --material-grey-200: #EEEEEE;
  --material-grey-300: #E0E0E0;
  --material-grey-400: #BDBDBD;
  --material-grey-500: #9E9E9E;
  --material-grey-600: #757575;
  --material-grey-700: #616161;
  --material-grey-800: #424242;
  --material-grey-900: #212121;
  --material-dark-grey-50: #3d3d3d;
  --material-dark-grey-100: #353535;
  --material-dark-grey-200: #313131;
  --material-dark-grey-300: #303030;
  --material-dark-grey-400: #2f2f2f;
  --material-dark-grey-500: #2e2e2e;
  --material-dark-grey-600: #2d2d2d;
  --material-dark-grey-700: #272727;
  --material-dark-grey-800: #202020;
  --material-dark-grey-900: #1e1e1e;
  --material-dark-grey-1000: #181818;
  --material-dark-grey-1100: #121212;
  --material-dark-grey-1200: #0f0f0f;
  --material-dark-grey-1300: #000000;
  --material-dark-grey-50: #383838;
  --material-dark-grey-100: #343434;
  --material-dark-grey-200: #333333;
  --material-dark-grey-300: #2e2e2e;
  --material-dark-grey-400: #2c2c2c;
  --material-dark-grey-500: #272727;
  --material-dark-grey-600: #242424;
  --material-dark-grey-700: #222222;
  --material-dark-grey-800: #1e1e1e;
  --material-dark-grey-900: #121212;
  --material-dark-grey-1000: #1a1515;
  --material-dark-grey-1100: #000000;
  --material-dark-grey-1200: #000000;
  --material-dark-grey-1300: #000000;
  --material-indigo-50: #E8EAF6;
  --material-indigo-100: #C5CAE9;
  --material-indigo-200: #9FA8DA;
  --material-indigo-300: #7986CB;
  --material-indigo-400: #5C6BC0;
  --material-indigo-500: #3F51B5;
  --material-indigo-600: #3949AB;
  --material-indigo-700: #303F9F;
  --material-indigo-800: #283593;
  --material-indigo-900: #1A237E;
  --material-indigo-A100: #8C9EFF;
  --material-indigo-A200: #536DFE;
  --material-indigo-A400: #3D5AFE;
  --material-indigo-A700: #304FFE;
  --material-light-blue-50: #E1F5FE;
  --material-light-blue-100: #B3E5FC;
  --material-light-blue-200: #81D4FA;
  --material-light-blue-300: #4FC3F7;
  --material-light-blue-400: #29B6F6;
  --material-light-blue-500: #03A9F4;
  --material-light-blue-600: #039BE5;
  --material-light-blue-700: #0288D1;
  --material-light-blue-800: #0277BD;
  --material-light-blue-900: #01579B;
  --material-light-blue-A100: #80D8FF;
  --material-light-blue-A200: #40C4FF;
  --material-light-blue-A400: #00B0FF;
  --material-light-blue-A700: #0091EA;
  --material-light-green-50: #F1F8E9;
  --material-light-green-100: #DCEDC8;
  --material-light-green-200: #C5E1A5;
  --material-light-green-300: #AED581;
  --material-light-green-400: #9CCC65;
  --material-light-green-500: #8BC34A;
  --material-light-green-600: #7CB342;
  --material-light-green-700: #689F38;
  --material-light-green-800: #558B2F;
  --material-light-green-900: #33691E;
  --material-light-green-A100: #CCFF90;
  --material-light-green-A200: #B2FF59;
  --material-light-green-A400: #76FF03;
  --material-light-green-A700: #64DD17;
  --material-lime-50: #F9FBE7;
  --material-lime-100: #F0F4C3;
  --material-lime-200: #E6EE9C;
  --material-lime-300: #DCE775;
  --material-lime-400: #D4E157;
  --material-lime-500: #CDDC39;
  --material-lime-600: #C0CA33;
  --material-lime-700: #AFB42B;
  --material-lime-800: #9E9D24;
  --material-lime-900: #827717;
  --material-lime-A100: #F4FF81;
  --material-lime-A200: #EEFF41;
  --material-lime-A400: #C6FF00;
  --material-lime-A700: #AEEA00;
  --material-orange-50: #FFF3E0;
  --material-orange-100: #FFE0B2;
  --material-orange-200: #FFCC80;
  --material-orange-300: #FFB74D;
  --material-orange-400: #FFA726;
  --material-orange-500: #FF9800;
  --material-orange-600: #FB8C00;
  --material-orange-700: #F57C00;
  --material-orange-800: #EF6C00;
  --material-orange-900: #E65100;
  --material-orange-A100: #FFD180;
  --material-orange-A200: #FFAB40;
  --material-orange-A400: #FF9100;
  --material-orange-A700: #FF6D00;
  --material-pink-50: #FCE4EC;
  --material-pink-100: #F8BBD0;
  --material-pink-200: #F48FB1;
  --material-pink-300: #F06292;
  --material-pink-400: #EC407A;
  --material-pink-500: #E91E63;
  --material-pink-600: #D81B60;
  --material-pink-700: #C2185B;
  --material-pink-800: #AD1457;
  --material-pink-900: #880E4F;
  --material-pink-A100: #FF80AB;
  --material-pink-A200: #FF4081;
  --material-pink-A400: #F50057;
  --material-pink-A700: #C51162;
  --material-purple-50: #F3E5F5;
  --material-purple-100: #E1BEE7;
  --material-purple-200: #CE93D8;
  --material-purple-300: #BA68C8;
  --material-purple-400: #AB47BC;
  --material-purple-500: #9C27B0;
  --material-purple-600: #8E24AA;
  --material-purple-700: #7B1FA2;
  --material-purple-800: #6A1B9A;
  --material-purple-900: #4A148C;
  --material-purple-A100: #EA80FC;
  --material-purple-A200: #E040FB;
  --material-purple-A400: #D500F9;
  --material-purple-A700: #AA00FF;
  --material-red-50: #FFEBEE;
  --material-red-100: #FFCDD2;
  --material-red-200: #EF9A9A;
  --material-red-300: #E57373;
  --material-red-400: #EF5350;
  --material-red-500: #F44336;
  --material-red-600: #E53935;
  --material-red-700: #D32F2F;
  --material-red-800: #C62828;
  --material-red-900: #B71C1C;
  --material-red-A100: #FF8A80;
  --material-red-A200: #FF5252;
  --material-red-A400: #FF1744;
  --material-red-A700: #D50000;
  --material-teal-50: #E0F2F1;
  --material-teal-100: #B2DFDB;
  --material-teal-200: #80CBC4;
  --material-teal-300: #4DB6AC;
  --material-teal-400: #26A69A;
  --material-teal-500: #009688;
  --material-teal-600: #00897B;
  --material-teal-700: #00796B;
  --material-teal-800: #00695C;
  --material-teal-900: #004D40;
  --material-teal-A100: #A7FFEB;
  --material-teal-A200: #64FFDA;
  --material-teal-A400: #1DE9B6;
  --material-teal-A700: #00BFA5;
  --material-yellow-50: #FFFDE7;
  --material-yellow-100: #FFF9C4;
  --material-yellow-200: #FFF59D;
  --material-yellow-300: #FFF176;
  --material-yellow-400: #FFEE58;
  --material-yellow-500: #FFEB3B;
  --material-yellow-600: #FDD835;
  --material-yellow-700: #FBC02D;
  --material-yellow-800: #F9A825;
  --material-yellow-900: #F57F17;
  --material-yellow-A100: #FFFF8D;
  --material-yellow-A200: #FFFF00;
  --material-yellow-A400: #FFEA00;
  --material-yellow-A700: #FFD600;
  --material-box-shadow-depth-0: 0 1px 2px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
  --material-box-shadow-depth-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --material-box-shadow-depth-2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  --material-box-shadow-depth-3: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  --material-box-shadow-depth-4: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  --material-box-shadow-depth-5: 0 15px 38px rgba(0,0,0,0.50), 0 15px 12px rgba(0,0,0,0.32);
}

/* src/styles.scss */
:root {
  --outline-color: var(--material-grey-300);
  --outline: 1px solid var(--outline-color);
  --main-border-width: 0.0rem;
  --color-success: var(--material-green-900);
  --color-info: var(--material-grey-900);
  --color-warning: var(--material-orange-900);
  --color-error: var(--material-red-900);
  --color-status-ready: var(--material-green-800);
  --color-status-acw: var(--material-orange-800);
  --color-status-after-call-work: var(--color-status-acw);
  --color-status-pause: var(--material-yellow-800);
  --color-status-pause-admin: var(--material-blue-800);
  --color-status-wrap-up: var(--material-purple-800);
  --color-status-wrapup: var(--color-status-wrap-up);
  --color-status-unknown: var(--material-blue-grey-300);
  --color-incoming: var(--material-grey-200);
  --color-outgoing: var(--material-blue-100);
  --color-status-available: var(--material-green-700);
  --color-status-partially-available: var(--material-orange-700);
  --color-status-unavailable: var(--material-red-700);
  --color-answered: var(--material-green-700);
  --color-unanswered: var(--material-red-700);
  --color-answered-sla: var(--brand-color-zisson);
  --color-primary: var(--brand-color-socialboards);
  --color-primary: var(--brand-color-zisson);
  --color-primary: var(--material-blue-700);
  --color-primary-highlight: var(--material-blue-800);
  --color-primary-focus: var(--color-primary-highlight);
  --color-primary-text: var(--text-color-light-high-emphasis);
  --color-secondary: var(--brand-color-zisson);
  --color-secondary-text: var(--text-color-light-high-emphasis);
  --color-highlight: var(--color-primary);
  --color-highlight-text: var(--color-primary-text);
  --color-backdrop: rgba(0, 0, 0, 0.6);
  --color-invalid-text: var(--form-color-text);
  --color-invalid-red-pct: 16%;
  --color-invalid-background: color-mix(in srgb, var(--form-color-background), red var(--color-invalid-red-pct));
  --color-invalid-background-highlight: color-mix(in srgb, var(--form-color-background-highlight), red var(--color-invalid-red-pct));
  --color-invalid-outline: color-mix(in srgb, var(--form-outline-color), red var(--color-invalid-red-pct));
  --color-invalid-border: var(--color-invalid-outline);
  --font-family:
    system-ui,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-size: 12px;
  --text-color-light-high-emphasis: rgba(255, 255, 255, 0.87);
  --text-color-light-high-emphasis: rgba(255, 255, 255, 0.90);
  --text-color-light-medium-emphasis: rgba(255, 255, 255, 0.60);
  --text-color-light-disabled: rgba(255, 255, 255, 0.38);
  --text-color-dark-high-emphasis: rgba(0, 0, 0, 0.87);
  --text-color-dark-medium-emphasis: rgba(0, 0, 0, 0.60);
  --text-color-dark-disabled: rgba(0, 0, 0, 0.38);
  --text-color-high-emphasis: var(--text-color-dark-high-emphasis);
  --text-color-medium-emphasis: var(--text-color-dark-medium-emphasis);
  --text-color-disabled: var(--text-color-dark-disabled);
  --text-color: var(--text-color-high-emphasis);
  --shadow-color: rgba(0, 0, 0, 0.4);
  --shadow-size: 0.5rem;
  --top-shadow: 0 var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --left-shadow: var(--shadow-size) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --right-shadow: var(--shadow-size) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --bottom-shadow: 0 var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --shadow-color: rgba(0, 0, 0, 0.4);
  --shadow-size: 0.25rem;
  --top-shadow: 0 var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --left-shadow: var(--shadow-size) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --right-shadow: calc(-1 * var(--shadow-size)) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --bottom-shadow: 0 calc(-1 * var(--shadow-size)) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --transition-timing-long: 800ms;
  --transition-timing-default: 400ms;
  --transition-timing-normal: var(--transition-timing-normal);
  --transition-timing-fast: 200ms;
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  --toolbar-height: 4.5rem;
  --toolbar-color-background: var(--material-grey-200);
  --toolbar-color-text: var(--text-color);
  --toolbar-box-shadow-color: var(--material-grey-400);
  --toolbar-box-shadow: 0px 1px 0px 0px var(--toolbar-box-shadow-color);
  --toolbar-box-shadow: none;
  --toolbar-outline-color: var(--material-grey-400);
  --toolbar-outline: 1px solid var(--toolbar-outline-color);
  --toolbar-outline: none;
  --toolbar-secondary-color-background: var(--material-blue-grey-100);
  --toolbar-secondary-color-text: var(--text-color);
  --toolbar-secondary-box-shadow-color: var(--material-blue-grey-400);
  --toolbar-secondary-box-shadow: 0px 1px 0px 0px var(--toolbar-secondary-box-shadow-color);
  --toolbar-secondary-box-shadow: none;
  --toolbar-secondary-outline-color: var(--material-blue-grey-50);
  --toolbar-secondary-outline: 1px solid var(--toolbar-secondary-outline-color);
  --toolbar-secondary-outline: none;
  --tabs-toolbar-height: var(--toolbar-height);
  --tabs-box-shadow: var(--form-box-shadow);
  --tabs-outline: var(--toolbar-outline);
  --tabs-toolbar-color-text-highlight: var(--text-color);
  --tabs-toolbar-color-background-highlight: var(--toolbar-secondary-color-background);
  --tabs-toolbar-secondary-color-text-highlight: var(--text-color);
  --tabs-toolbar-secondary-color-background-highlight: var(--component-color-background2);
  --tabs-toolbar-secondary-color-background-highlight: var(--component-color-background);
  --tabs-toolbar-secondary-outline: var(--toolbar-secondary-outline);
  --header-height: 4rem;
  --header-height: 4.5rem;
  --header-border-width: 0.5rem;
  --header-color-background: var(--toolbar-color-background);
  --header-color-text: var(--toolbar-color-text);
  --header-outline: var(--outline);
  --header-box-shadow: var(--toolbar-box-shadow);
  --form-height: 3rem;
  --form-border-radius: 0.5rem;
  --form-item-height: 3rem;
  --form-color-background: var(--material-grey-100);
  --form-color-background-highlight: var(--material-grey-50);
  --form-color-background-highlight: white;
  --form-color-background-disabled: var(--material-grey-300);
  --form-color-background-readonly: var(--material-grey-100);
  --form-color-text: var(--text-color);
  --form-color-text-disabled: var(--text-color-disabled);
  --form-color-placeholder: var(--text-color-medium-emphasis);
  --form-color-header: var(--form-color-background);
  --form-box-shadow: none;
  --form-box-shadow-highlight: var(--material-box-shadow-depth-1);
  --form-outline-color: var(--outline-color);
  --form-outline: 1px solid var(--form-outline-color);
  --form-outline-highlight: 1px solid var(--color-primary-highlight);
  --form-outline-highlight: 1px solid var(--color-primary);
  --row-color-background: var(--component-color-background);
  --row-color-background-odd: var(--row-color-background);
  --row-color-background-even: var(--row-color-background-odd);
  --row-color-background-highlight: var(--component-color-background2);
  --row-color-text-highlight: var(--text-color);
  --row-color-border: var(--outline-color);
  --row-border: 1px solid var(--row-color-border);
  --row-box-shadow: inset 0 -1px 0 0 var(--row-color-border);
  --row-box-shadow: 0 1px 0 0 var(--row-color-border), 0 -1px 0 0 var(--row-color-border);
  --table-body-row-height: 4rem;
  --table-header-row-height: 4.5rem;
  --table-footer-row-height: 4.5rem;
  --table-header-color-background: var(--material-grey-300);
  --table-header-color-background: var(--material-blue-grey-100);
  --table-header-color-background: var(--toolbar-secondary-color-background);
  --table-header-color-background-highlight: var(--material-blue-grey-50);
  --table-header-color-text-highlight: var(--toolbar-secondary-color-text);
  --table-header-shadow: var(--bottom-shadow);
  --table-header-shadow: var(--row-box-shadow);
  --table-row-highlight-background-color: var(--row-color-background-highlight);
  --table-row-highlight-text-color: var(--row-color-text-highlight);
  --contact-card-color-text: var(--form-color-text);
  --contact-card-color-background: var(--form-color-background);
  --contact-card-color-background-selected: var(--form-color-background-highlight);
  --contact-card-box-shadow: var(--form-box-shadow);
  --contact-card-box-shadow-selected: var(--form-box-shadow-highlight);
  --contact-card-border-radius: var(--form-border-radius);
  --contact-card-outline: var(--form-outline);
  --contact-card-outline-selected: var(--form-outline-highlight);
  --contact-note-color-0: var(--material-grey-500);
  --contact-note-color-1: var(--material-pink-300);
  --contact-note-color-2: var(--material-purple-300);
  --contact-note-color-3: var(--material-blue-300);
  --contact-note-color-4: var(--material-light-blue-300);
  --contact-note-color-5: var(--material-teal-300);
  --contact-note-color-6: var(--material-yellow-300);
  --contact-note-color-7: var(--material-orange-300);
  --scrollbar-thumb-color: var(--material-grey-600);
  --scrollbar-thumb-track: var(--material-grey-500);
  --tooltip-color-text: var(--text-color-light-high-emphasis);
  --tooltip-color-background: var(--material-blue-grey-900);
  --app-color-background: var(--material-grey-300);
  --app-color-text: var(--text-color);
  --component-color-text: inherit;
  --component-color-background: var(--material-grey-50);
  --component-color-background1: var(--component-color-background);
  --component-color-background2: var(--material-grey-200);
  --button-color-text: var(--form-color-text);
  --button-color-text-highlight: var(--color-primary);
  --button-color-background: var(--form-color-background);
  --button-color-background-highlight: var(--form-color-background-highlight);
  --color-chat-system: var(--material-grey-200);
  --color-chat-agent: var(--material-grey-300);
  --color-chat-end-user: var(--material-grey-100);
  --login-color-background: var(--component-color-background);
  --login-color-text: var(--component-color-text);
  --login-outline: var(--toolbar-outline);
}
:root[color-scheme=dark] {
  --color-success: var(--material-green-400);
  --color-info: var(--material-grey-400);
  --color-warning: var(--material-orange-400);
  --color-error: var(--material-red-400);
  --color-status-available: var(--material-green-500);
  --color-status-partially-available: var(--material-orange-500);
  --color-status-unavailable: var(--material-red-500);
  --text-color-high-emphasis: var(--text-color-light-high-emphasis);
  --text-color-medium-emphasis: var(--text-color-light-medium-emphasis);
  --text-color-disabled: var(--text-color-light-disabled);
  --text-color: var(--text-color-light-high-emphasis);
  --color-primary: var(--material-blue-700);
  --color-primary-highlight: var(--material-blue-900);
  --color-primary-text: var(--text-color-light-high-emphasis);
  --app-color-background: var(--material-dark-grey-1100);
  --app-color-background: var(--material-dark-grey-900);
  --text-color: var(--text-color-light-high-emphasis);
  --outline-color: var(--material-dark-grey-100);
  --row-color-border: var(--material-dark-grey-50);
  --row-color-border: var(--material-grey-800);
  --color-incoming: var(--material-dark-grey-500);
  --color-outgoing: var(--material-blue-700);
  --scrollbar-thumb-color: var(--material-dark-grey-100);
  --scrollbar-thumb-track: var(--material-dark-grey-900);
  --component-color-background: var(--material-dark-grey-400);
  --component-color-background2: var(--material-dark-grey-50);
  --toolbar-color-background: var(--material-dark-grey-800);
  --toolbar-secondary-color-background: var(--material-dark-grey-50);
  --toolbar-secondary-outline-color: var(--material-dark-grey-200);
  --tooltip-color-text: var(--text-color-dark-high-emphasis);
  --tooltip-color-background: var(--material-dark-grey-50);
  --form-color-background: var(--material-dark-grey-700);
  --form-color-background-highlight: var(--material-dark-grey-800);
  --form-color-background-disabled: var(--material-dark-grey-400);
  --form-color-background-readonly: var(--material-dark-grey-500);
  --table-header-color-background-highlight: var(--material-dark-grey-400);
  --color-chat-system: var(--material-dark-grey-200);
  --color-chat-agent: var(--material-dark-grey-300);
  --color-chat-end-user: var(--material-dark-grey-100);
}
@media (max-width: 768px) {
  :root {
    --form-height: 3rem;
    --form-item-height: 3.5rem;
    --toolbar-height: 5rem;
    --header-height: 3rem;
    --header-border-width: 0rem;
    --main-border-width: 0rem;
    --table-body-row-height: 4rem;
    --table-header-row-height: 4rem;
    --header-height: 3rem;
    --header-border-width: 0.0rem;
  }
}
@media (prefers-color-scheme: dark) {
  :root[color-scheme=browser] {
    --color-success: var(--material-green-400);
    --color-info: var(--material-grey-400);
    --color-warning: var(--material-orange-400);
    --color-error: var(--material-red-400);
    --color-status-available: var(--material-green-500);
    --color-status-partially-available: var(--material-orange-500);
    --color-status-unavailable: var(--material-red-500);
    --text-color-high-emphasis: var(--text-color-light-high-emphasis);
    --text-color-medium-emphasis: var(--text-color-light-medium-emphasis);
    --text-color-disabled: var(--text-color-light-disabled);
    --text-color: var(--text-color-light-high-emphasis);
    --color-primary: var(--material-blue-700);
    --color-primary-highlight: var(--material-blue-900);
    --color-primary-text: var(--text-color-light-high-emphasis);
    --app-color-background: var(--material-dark-grey-1100);
    --app-color-background: var(--material-dark-grey-900);
    --text-color: var(--text-color-light-high-emphasis);
    --outline-color: var(--material-dark-grey-100);
    --row-color-border: var(--material-dark-grey-50);
    --row-color-border: var(--material-grey-800);
    --color-incoming: var(--material-dark-grey-500);
    --color-outgoing: var(--material-blue-700);
    --scrollbar-thumb-color: var(--material-dark-grey-100);
    --scrollbar-thumb-track: var(--material-dark-grey-900);
    --component-color-background: var(--material-dark-grey-400);
    --component-color-background2: var(--material-dark-grey-50);
    --toolbar-color-background: var(--material-dark-grey-800);
    --toolbar-secondary-color-background: var(--material-dark-grey-50);
    --toolbar-secondary-outline-color: var(--material-dark-grey-200);
    --tooltip-color-text: var(--text-color-dark-high-emphasis);
    --tooltip-color-background: var(--material-dark-grey-50);
    --form-color-background: var(--material-dark-grey-700);
    --form-color-background-highlight: var(--material-dark-grey-800);
    --form-color-background-disabled: var(--material-dark-grey-400);
    --form-color-background-readonly: var(--material-dark-grey-500);
    --table-header-color-background-highlight: var(--material-dark-grey-400);
    --color-chat-system: var(--material-dark-grey-200);
    --color-chat-agent: var(--material-dark-grey-300);
    --color-chat-end-user: var(--material-dark-grey-100);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-reverse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes translate-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-to-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-to-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
html {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: var(--app-color-background);
}
html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--app-color-text);
  background-color: var(--app-color-background);
  touch-action: manipulation;
}
* {
  box-sizing: border-box;
}
::selection {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
}
ol,
ul {
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  margin: 1rem 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  margin: 0;
}
pre {
  margin: 0;
}
input,
textarea,
select,
button {
  font-family: inherit;
}
input,
textarea {
  color: inherit;
  font-size: 1.3333333333rem;
  line-height: 1.25em;
  color: var(--form-color-text);
  background-color: var(--form-color-background);
  border-radius: var(--form-border-radius);
}
input {
  height: var(--form-height);
  padding-block: 0;
  padding-inline: 0;
  padding: 0;
  padding-left: 0.5em;
}
button {
  border-radius: var(--form-border-radius);
  height: var(--form-height);
  margin: 0;
  padding: 0 1rem;
}
a {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
}
img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  overflow: hidden;
}
button {
  color: inherit;
}
svg {
  color: inherit;
  fill: currentColor;
}
hr {
  margin: 1em 0;
  border: none;
  border-top: 1px solid #9E9E9E;
}
.mat-icon {
  color: inherit;
}
.green-status {
  color: var(--color-success);
}
.red-status {
  color: var(--color-error);
}
.yellow-status {
  color: var(--color-status-pause);
  color: var(--color-status-pause);
}
[hidden] {
  display: none !important;
}
.wave-clipboard,
[waveClipboard],
[wave-clipboard] {
  cursor: copy;
}
button:has(+ button),
button:has(+ wave-time-span-input),
button:has(+ wave-button-toggle),
button:has(+ wave-button-toggle2),
button:has(+ wave-slider),
button:has(+ wave-volume-slider),
button:has(+ wave-audio),
button:has(+ wave-code-editor),
button:has(+ wave-file-uploader2),
button:has(+ wave-color-picker),
button:has(+ wave-radio-group),
button:has(+ wave-list-builder),
button:has(+ wave-list-builder2),
button:has(+ wave-list-builder3),
button:has(+ wave-interval),
button:has(+ wave-input),
button:has(+ wave-input-password),
button:has(+ wave-textarea),
button:has(+ wave-select),
button:has(+ wave-multi-select),
button:has(+ wave-checkbox),
button:has(+ wave-toggle-switch),
button:has(+ wave-label-container),
button:has(+ wave-date-input),
button:has(+ wave-time-input),
wave-time-span-input:has(+ button),
wave-time-span-input:has(+ wave-time-span-input),
wave-time-span-input:has(+ wave-button-toggle),
wave-time-span-input:has(+ wave-button-toggle2),
wave-time-span-input:has(+ wave-slider),
wave-time-span-input:has(+ wave-volume-slider),
wave-time-span-input:has(+ wave-audio),
wave-time-span-input:has(+ wave-code-editor),
wave-time-span-input:has(+ wave-file-uploader2),
wave-time-span-input:has(+ wave-color-picker),
wave-time-span-input:has(+ wave-radio-group),
wave-time-span-input:has(+ wave-list-builder),
wave-time-span-input:has(+ wave-list-builder2),
wave-time-span-input:has(+ wave-list-builder3),
wave-time-span-input:has(+ wave-interval),
wave-time-span-input:has(+ wave-input),
wave-time-span-input:has(+ wave-input-password),
wave-time-span-input:has(+ wave-textarea),
wave-time-span-input:has(+ wave-select),
wave-time-span-input:has(+ wave-multi-select),
wave-time-span-input:has(+ wave-checkbox),
wave-time-span-input:has(+ wave-toggle-switch),
wave-time-span-input:has(+ wave-label-container),
wave-time-span-input:has(+ wave-date-input),
wave-time-span-input:has(+ wave-time-input),
wave-button-toggle:has(+ button),
wave-button-toggle:has(+ wave-time-span-input),
wave-button-toggle:has(+ wave-button-toggle),
wave-button-toggle:has(+ wave-button-toggle2),
wave-button-toggle:has(+ wave-slider),
wave-button-toggle:has(+ wave-volume-slider),
wave-button-toggle:has(+ wave-audio),
wave-button-toggle:has(+ wave-code-editor),
wave-button-toggle:has(+ wave-file-uploader2),
wave-button-toggle:has(+ wave-color-picker),
wave-button-toggle:has(+ wave-radio-group),
wave-button-toggle:has(+ wave-list-builder),
wave-button-toggle:has(+ wave-list-builder2),
wave-button-toggle:has(+ wave-list-builder3),
wave-button-toggle:has(+ wave-interval),
wave-button-toggle:has(+ wave-input),
wave-button-toggle:has(+ wave-input-password),
wave-button-toggle:has(+ wave-textarea),
wave-button-toggle:has(+ wave-select),
wave-button-toggle:has(+ wave-multi-select),
wave-button-toggle:has(+ wave-checkbox),
wave-button-toggle:has(+ wave-toggle-switch),
wave-button-toggle:has(+ wave-label-container),
wave-button-toggle:has(+ wave-date-input),
wave-button-toggle:has(+ wave-time-input),
wave-button-toggle2:has(+ button),
wave-button-toggle2:has(+ wave-time-span-input),
wave-button-toggle2:has(+ wave-button-toggle),
wave-button-toggle2:has(+ wave-button-toggle2),
wave-button-toggle2:has(+ wave-slider),
wave-button-toggle2:has(+ wave-volume-slider),
wave-button-toggle2:has(+ wave-audio),
wave-button-toggle2:has(+ wave-code-editor),
wave-button-toggle2:has(+ wave-file-uploader2),
wave-button-toggle2:has(+ wave-color-picker),
wave-button-toggle2:has(+ wave-radio-group),
wave-button-toggle2:has(+ wave-list-builder),
wave-button-toggle2:has(+ wave-list-builder2),
wave-button-toggle2:has(+ wave-list-builder3),
wave-button-toggle2:has(+ wave-interval),
wave-button-toggle2:has(+ wave-input),
wave-button-toggle2:has(+ wave-input-password),
wave-button-toggle2:has(+ wave-textarea),
wave-button-toggle2:has(+ wave-select),
wave-button-toggle2:has(+ wave-multi-select),
wave-button-toggle2:has(+ wave-checkbox),
wave-button-toggle2:has(+ wave-toggle-switch),
wave-button-toggle2:has(+ wave-label-container),
wave-button-toggle2:has(+ wave-date-input),
wave-button-toggle2:has(+ wave-time-input),
wave-slider:has(+ button),
wave-slider:has(+ wave-time-span-input),
wave-slider:has(+ wave-button-toggle),
wave-slider:has(+ wave-button-toggle2),
wave-slider:has(+ wave-slider),
wave-slider:has(+ wave-volume-slider),
wave-slider:has(+ wave-audio),
wave-slider:has(+ wave-code-editor),
wave-slider:has(+ wave-file-uploader2),
wave-slider:has(+ wave-color-picker),
wave-slider:has(+ wave-radio-group),
wave-slider:has(+ wave-list-builder),
wave-slider:has(+ wave-list-builder2),
wave-slider:has(+ wave-list-builder3),
wave-slider:has(+ wave-interval),
wave-slider:has(+ wave-input),
wave-slider:has(+ wave-input-password),
wave-slider:has(+ wave-textarea),
wave-slider:has(+ wave-select),
wave-slider:has(+ wave-multi-select),
wave-slider:has(+ wave-checkbox),
wave-slider:has(+ wave-toggle-switch),
wave-slider:has(+ wave-label-container),
wave-slider:has(+ wave-date-input),
wave-slider:has(+ wave-time-input),
wave-volume-slider:has(+ button),
wave-volume-slider:has(+ wave-time-span-input),
wave-volume-slider:has(+ wave-button-toggle),
wave-volume-slider:has(+ wave-button-toggle2),
wave-volume-slider:has(+ wave-slider),
wave-volume-slider:has(+ wave-volume-slider),
wave-volume-slider:has(+ wave-audio),
wave-volume-slider:has(+ wave-code-editor),
wave-volume-slider:has(+ wave-file-uploader2),
wave-volume-slider:has(+ wave-color-picker),
wave-volume-slider:has(+ wave-radio-group),
wave-volume-slider:has(+ wave-list-builder),
wave-volume-slider:has(+ wave-list-builder2),
wave-volume-slider:has(+ wave-list-builder3),
wave-volume-slider:has(+ wave-interval),
wave-volume-slider:has(+ wave-input),
wave-volume-slider:has(+ wave-input-password),
wave-volume-slider:has(+ wave-textarea),
wave-volume-slider:has(+ wave-select),
wave-volume-slider:has(+ wave-multi-select),
wave-volume-slider:has(+ wave-checkbox),
wave-volume-slider:has(+ wave-toggle-switch),
wave-volume-slider:has(+ wave-label-container),
wave-volume-slider:has(+ wave-date-input),
wave-volume-slider:has(+ wave-time-input),
wave-code-editor:has(+ button),
wave-code-editor:has(+ wave-time-span-input),
wave-code-editor:has(+ wave-button-toggle),
wave-code-editor:has(+ wave-button-toggle2),
wave-code-editor:has(+ wave-slider),
wave-code-editor:has(+ wave-volume-slider),
wave-code-editor:has(+ wave-audio),
wave-code-editor:has(+ wave-code-editor),
wave-code-editor:has(+ wave-file-uploader2),
wave-code-editor:has(+ wave-color-picker),
wave-code-editor:has(+ wave-radio-group),
wave-code-editor:has(+ wave-list-builder),
wave-code-editor:has(+ wave-list-builder2),
wave-code-editor:has(+ wave-list-builder3),
wave-code-editor:has(+ wave-interval),
wave-code-editor:has(+ wave-input),
wave-code-editor:has(+ wave-input-password),
wave-code-editor:has(+ wave-textarea),
wave-code-editor:has(+ wave-select),
wave-code-editor:has(+ wave-multi-select),
wave-code-editor:has(+ wave-checkbox),
wave-code-editor:has(+ wave-toggle-switch),
wave-code-editor:has(+ wave-label-container),
wave-code-editor:has(+ wave-date-input),
wave-code-editor:has(+ wave-time-input),
wave-file-uploader2:has(+ button),
wave-file-uploader2:has(+ wave-time-span-input),
wave-file-uploader2:has(+ wave-button-toggle),
wave-file-uploader2:has(+ wave-button-toggle2),
wave-file-uploader2:has(+ wave-slider),
wave-file-uploader2:has(+ wave-volume-slider),
wave-file-uploader2:has(+ wave-audio),
wave-file-uploader2:has(+ wave-code-editor),
wave-file-uploader2:has(+ wave-file-uploader2),
wave-file-uploader2:has(+ wave-color-picker),
wave-file-uploader2:has(+ wave-radio-group),
wave-file-uploader2:has(+ wave-list-builder),
wave-file-uploader2:has(+ wave-list-builder2),
wave-file-uploader2:has(+ wave-list-builder3),
wave-file-uploader2:has(+ wave-interval),
wave-file-uploader2:has(+ wave-input),
wave-file-uploader2:has(+ wave-input-password),
wave-file-uploader2:has(+ wave-textarea),
wave-file-uploader2:has(+ wave-select),
wave-file-uploader2:has(+ wave-multi-select),
wave-file-uploader2:has(+ wave-checkbox),
wave-file-uploader2:has(+ wave-toggle-switch),
wave-file-uploader2:has(+ wave-label-container),
wave-file-uploader2:has(+ wave-date-input),
wave-file-uploader2:has(+ wave-time-input),
wave-color-picker:has(+ button),
wave-color-picker:has(+ wave-time-span-input),
wave-color-picker:has(+ wave-button-toggle),
wave-color-picker:has(+ wave-button-toggle2),
wave-color-picker:has(+ wave-slider),
wave-color-picker:has(+ wave-volume-slider),
wave-color-picker:has(+ wave-audio),
wave-color-picker:has(+ wave-code-editor),
wave-color-picker:has(+ wave-file-uploader2),
wave-color-picker:has(+ wave-color-picker),
wave-color-picker:has(+ wave-radio-group),
wave-color-picker:has(+ wave-list-builder),
wave-color-picker:has(+ wave-list-builder2),
wave-color-picker:has(+ wave-list-builder3),
wave-color-picker:has(+ wave-interval),
wave-color-picker:has(+ wave-input),
wave-color-picker:has(+ wave-input-password),
wave-color-picker:has(+ wave-textarea),
wave-color-picker:has(+ wave-select),
wave-color-picker:has(+ wave-multi-select),
wave-color-picker:has(+ wave-checkbox),
wave-color-picker:has(+ wave-toggle-switch),
wave-color-picker:has(+ wave-label-container),
wave-color-picker:has(+ wave-date-input),
wave-color-picker:has(+ wave-time-input),
wave-radio-group:has(+ button),
wave-radio-group:has(+ wave-time-span-input),
wave-radio-group:has(+ wave-button-toggle),
wave-radio-group:has(+ wave-button-toggle2),
wave-radio-group:has(+ wave-slider),
wave-radio-group:has(+ wave-volume-slider),
wave-radio-group:has(+ wave-audio),
wave-radio-group:has(+ wave-code-editor),
wave-radio-group:has(+ wave-file-uploader2),
wave-radio-group:has(+ wave-color-picker),
wave-radio-group:has(+ wave-radio-group),
wave-radio-group:has(+ wave-list-builder),
wave-radio-group:has(+ wave-list-builder2),
wave-radio-group:has(+ wave-list-builder3),
wave-radio-group:has(+ wave-interval),
wave-radio-group:has(+ wave-input),
wave-radio-group:has(+ wave-input-password),
wave-radio-group:has(+ wave-textarea),
wave-radio-group:has(+ wave-select),
wave-radio-group:has(+ wave-multi-select),
wave-radio-group:has(+ wave-checkbox),
wave-radio-group:has(+ wave-toggle-switch),
wave-radio-group:has(+ wave-label-container),
wave-radio-group:has(+ wave-date-input),
wave-radio-group:has(+ wave-time-input),
wave-audio:has(+ button),
wave-audio:has(+ wave-time-span-input),
wave-audio:has(+ wave-button-toggle),
wave-audio:has(+ wave-button-toggle2),
wave-audio:has(+ wave-slider),
wave-audio:has(+ wave-volume-slider),
wave-audio:has(+ wave-audio),
wave-audio:has(+ wave-code-editor),
wave-audio:has(+ wave-file-uploader2),
wave-audio:has(+ wave-color-picker),
wave-audio:has(+ wave-radio-group),
wave-audio:has(+ wave-list-builder),
wave-audio:has(+ wave-list-builder2),
wave-audio:has(+ wave-list-builder3),
wave-audio:has(+ wave-interval),
wave-audio:has(+ wave-input),
wave-audio:has(+ wave-input-password),
wave-audio:has(+ wave-textarea),
wave-audio:has(+ wave-select),
wave-audio:has(+ wave-multi-select),
wave-audio:has(+ wave-checkbox),
wave-audio:has(+ wave-toggle-switch),
wave-audio:has(+ wave-label-container),
wave-audio:has(+ wave-date-input),
wave-audio:has(+ wave-time-input),
wave-list-builder:has(+ button),
wave-list-builder:has(+ wave-time-span-input),
wave-list-builder:has(+ wave-button-toggle),
wave-list-builder:has(+ wave-button-toggle2),
wave-list-builder:has(+ wave-slider),
wave-list-builder:has(+ wave-volume-slider),
wave-list-builder:has(+ wave-audio),
wave-list-builder:has(+ wave-code-editor),
wave-list-builder:has(+ wave-file-uploader2),
wave-list-builder:has(+ wave-color-picker),
wave-list-builder:has(+ wave-radio-group),
wave-list-builder:has(+ wave-list-builder),
wave-list-builder:has(+ wave-list-builder2),
wave-list-builder:has(+ wave-list-builder3),
wave-list-builder:has(+ wave-interval),
wave-list-builder:has(+ wave-input),
wave-list-builder:has(+ wave-input-password),
wave-list-builder:has(+ wave-textarea),
wave-list-builder:has(+ wave-select),
wave-list-builder:has(+ wave-multi-select),
wave-list-builder:has(+ wave-checkbox),
wave-list-builder:has(+ wave-toggle-switch),
wave-list-builder:has(+ wave-label-container),
wave-list-builder:has(+ wave-date-input),
wave-list-builder:has(+ wave-time-input),
wave-list-builder2:has(+ button),
wave-list-builder2:has(+ wave-time-span-input),
wave-list-builder2:has(+ wave-button-toggle),
wave-list-builder2:has(+ wave-button-toggle2),
wave-list-builder2:has(+ wave-slider),
wave-list-builder2:has(+ wave-volume-slider),
wave-list-builder2:has(+ wave-audio),
wave-list-builder2:has(+ wave-code-editor),
wave-list-builder2:has(+ wave-file-uploader2),
wave-list-builder2:has(+ wave-color-picker),
wave-list-builder2:has(+ wave-radio-group),
wave-list-builder2:has(+ wave-list-builder),
wave-list-builder2:has(+ wave-list-builder2),
wave-list-builder2:has(+ wave-list-builder3),
wave-list-builder2:has(+ wave-interval),
wave-list-builder2:has(+ wave-input),
wave-list-builder2:has(+ wave-input-password),
wave-list-builder2:has(+ wave-textarea),
wave-list-builder2:has(+ wave-select),
wave-list-builder2:has(+ wave-multi-select),
wave-list-builder2:has(+ wave-checkbox),
wave-list-builder2:has(+ wave-toggle-switch),
wave-list-builder2:has(+ wave-label-container),
wave-list-builder2:has(+ wave-date-input),
wave-list-builder2:has(+ wave-time-input),
wave-list-builder3:has(+ button),
wave-list-builder3:has(+ wave-time-span-input),
wave-list-builder3:has(+ wave-button-toggle),
wave-list-builder3:has(+ wave-button-toggle2),
wave-list-builder3:has(+ wave-slider),
wave-list-builder3:has(+ wave-volume-slider),
wave-list-builder3:has(+ wave-audio),
wave-list-builder3:has(+ wave-code-editor),
wave-list-builder3:has(+ wave-file-uploader2),
wave-list-builder3:has(+ wave-color-picker),
wave-list-builder3:has(+ wave-radio-group),
wave-list-builder3:has(+ wave-list-builder),
wave-list-builder3:has(+ wave-list-builder2),
wave-list-builder3:has(+ wave-list-builder3),
wave-list-builder3:has(+ wave-interval),
wave-list-builder3:has(+ wave-input),
wave-list-builder3:has(+ wave-input-password),
wave-list-builder3:has(+ wave-textarea),
wave-list-builder3:has(+ wave-select),
wave-list-builder3:has(+ wave-multi-select),
wave-list-builder3:has(+ wave-checkbox),
wave-list-builder3:has(+ wave-toggle-switch),
wave-list-builder3:has(+ wave-label-container),
wave-list-builder3:has(+ wave-date-input),
wave-list-builder3:has(+ wave-time-input),
wave-interval:has(+ button),
wave-interval:has(+ wave-time-span-input),
wave-interval:has(+ wave-button-toggle),
wave-interval:has(+ wave-button-toggle2),
wave-interval:has(+ wave-slider),
wave-interval:has(+ wave-volume-slider),
wave-interval:has(+ wave-audio),
wave-interval:has(+ wave-code-editor),
wave-interval:has(+ wave-file-uploader2),
wave-interval:has(+ wave-color-picker),
wave-interval:has(+ wave-radio-group),
wave-interval:has(+ wave-list-builder),
wave-interval:has(+ wave-list-builder2),
wave-interval:has(+ wave-list-builder3),
wave-interval:has(+ wave-interval),
wave-interval:has(+ wave-input),
wave-interval:has(+ wave-input-password),
wave-interval:has(+ wave-textarea),
wave-interval:has(+ wave-select),
wave-interval:has(+ wave-multi-select),
wave-interval:has(+ wave-checkbox),
wave-interval:has(+ wave-toggle-switch),
wave-interval:has(+ wave-label-container),
wave-interval:has(+ wave-date-input),
wave-interval:has(+ wave-time-input),
wave-validation-errors:has(+ button),
wave-validation-errors:has(+ wave-time-span-input),
wave-validation-errors:has(+ wave-button-toggle),
wave-validation-errors:has(+ wave-button-toggle2),
wave-validation-errors:has(+ wave-slider),
wave-validation-errors:has(+ wave-volume-slider),
wave-validation-errors:has(+ wave-audio),
wave-validation-errors:has(+ wave-code-editor),
wave-validation-errors:has(+ wave-file-uploader2),
wave-validation-errors:has(+ wave-color-picker),
wave-validation-errors:has(+ wave-radio-group),
wave-validation-errors:has(+ wave-list-builder),
wave-validation-errors:has(+ wave-list-builder2),
wave-validation-errors:has(+ wave-list-builder3),
wave-validation-errors:has(+ wave-interval),
wave-validation-errors:has(+ wave-input),
wave-validation-errors:has(+ wave-input-password),
wave-validation-errors:has(+ wave-textarea),
wave-validation-errors:has(+ wave-select),
wave-validation-errors:has(+ wave-multi-select),
wave-validation-errors:has(+ wave-checkbox),
wave-validation-errors:has(+ wave-toggle-switch),
wave-validation-errors:has(+ wave-label-container),
wave-validation-errors:has(+ wave-date-input),
wave-validation-errors:has(+ wave-time-input),
wave-input:has(+ button),
wave-input:has(+ wave-time-span-input),
wave-input:has(+ wave-button-toggle),
wave-input:has(+ wave-button-toggle2),
wave-input:has(+ wave-slider),
wave-input:has(+ wave-volume-slider),
wave-input:has(+ wave-audio),
wave-input:has(+ wave-code-editor),
wave-input:has(+ wave-file-uploader2),
wave-input:has(+ wave-color-picker),
wave-input:has(+ wave-radio-group),
wave-input:has(+ wave-list-builder),
wave-input:has(+ wave-list-builder2),
wave-input:has(+ wave-list-builder3),
wave-input:has(+ wave-interval),
wave-input:has(+ wave-input),
wave-input:has(+ wave-input-password),
wave-input:has(+ wave-textarea),
wave-input:has(+ wave-select),
wave-input:has(+ wave-multi-select),
wave-input:has(+ wave-checkbox),
wave-input:has(+ wave-toggle-switch),
wave-input:has(+ wave-label-container),
wave-input:has(+ wave-date-input),
wave-input:has(+ wave-time-input),
wave-input-password:has(+ button),
wave-input-password:has(+ wave-time-span-input),
wave-input-password:has(+ wave-button-toggle),
wave-input-password:has(+ wave-button-toggle2),
wave-input-password:has(+ wave-slider),
wave-input-password:has(+ wave-volume-slider),
wave-input-password:has(+ wave-audio),
wave-input-password:has(+ wave-code-editor),
wave-input-password:has(+ wave-file-uploader2),
wave-input-password:has(+ wave-color-picker),
wave-input-password:has(+ wave-radio-group),
wave-input-password:has(+ wave-list-builder),
wave-input-password:has(+ wave-list-builder2),
wave-input-password:has(+ wave-list-builder3),
wave-input-password:has(+ wave-interval),
wave-input-password:has(+ wave-input),
wave-input-password:has(+ wave-input-password),
wave-input-password:has(+ wave-textarea),
wave-input-password:has(+ wave-select),
wave-input-password:has(+ wave-multi-select),
wave-input-password:has(+ wave-checkbox),
wave-input-password:has(+ wave-toggle-switch),
wave-input-password:has(+ wave-label-container),
wave-input-password:has(+ wave-date-input),
wave-input-password:has(+ wave-time-input),
wave-textarea:has(+ button),
wave-textarea:has(+ wave-time-span-input),
wave-textarea:has(+ wave-button-toggle),
wave-textarea:has(+ wave-button-toggle2),
wave-textarea:has(+ wave-slider),
wave-textarea:has(+ wave-volume-slider),
wave-textarea:has(+ wave-audio),
wave-textarea:has(+ wave-code-editor),
wave-textarea:has(+ wave-file-uploader2),
wave-textarea:has(+ wave-color-picker),
wave-textarea:has(+ wave-radio-group),
wave-textarea:has(+ wave-list-builder),
wave-textarea:has(+ wave-list-builder2),
wave-textarea:has(+ wave-list-builder3),
wave-textarea:has(+ wave-interval),
wave-textarea:has(+ wave-input),
wave-textarea:has(+ wave-input-password),
wave-textarea:has(+ wave-textarea),
wave-textarea:has(+ wave-select),
wave-textarea:has(+ wave-multi-select),
wave-textarea:has(+ wave-checkbox),
wave-textarea:has(+ wave-toggle-switch),
wave-textarea:has(+ wave-label-container),
wave-textarea:has(+ wave-date-input),
wave-textarea:has(+ wave-time-input),
wave-select:has(+ button),
wave-select:has(+ wave-time-span-input),
wave-select:has(+ wave-button-toggle),
wave-select:has(+ wave-button-toggle2),
wave-select:has(+ wave-slider),
wave-select:has(+ wave-volume-slider),
wave-select:has(+ wave-audio),
wave-select:has(+ wave-code-editor),
wave-select:has(+ wave-file-uploader2),
wave-select:has(+ wave-color-picker),
wave-select:has(+ wave-radio-group),
wave-select:has(+ wave-list-builder),
wave-select:has(+ wave-list-builder2),
wave-select:has(+ wave-list-builder3),
wave-select:has(+ wave-interval),
wave-select:has(+ wave-input),
wave-select:has(+ wave-input-password),
wave-select:has(+ wave-textarea),
wave-select:has(+ wave-select),
wave-select:has(+ wave-multi-select),
wave-select:has(+ wave-checkbox),
wave-select:has(+ wave-toggle-switch),
wave-select:has(+ wave-label-container),
wave-select:has(+ wave-date-input),
wave-select:has(+ wave-time-input),
wave-multi-select:has(+ button),
wave-multi-select:has(+ wave-time-span-input),
wave-multi-select:has(+ wave-button-toggle),
wave-multi-select:has(+ wave-button-toggle2),
wave-multi-select:has(+ wave-slider),
wave-multi-select:has(+ wave-volume-slider),
wave-multi-select:has(+ wave-audio),
wave-multi-select:has(+ wave-code-editor),
wave-multi-select:has(+ wave-file-uploader2),
wave-multi-select:has(+ wave-color-picker),
wave-multi-select:has(+ wave-radio-group),
wave-multi-select:has(+ wave-list-builder),
wave-multi-select:has(+ wave-list-builder2),
wave-multi-select:has(+ wave-list-builder3),
wave-multi-select:has(+ wave-interval),
wave-multi-select:has(+ wave-input),
wave-multi-select:has(+ wave-input-password),
wave-multi-select:has(+ wave-textarea),
wave-multi-select:has(+ wave-select),
wave-multi-select:has(+ wave-multi-select),
wave-multi-select:has(+ wave-checkbox),
wave-multi-select:has(+ wave-toggle-switch),
wave-multi-select:has(+ wave-label-container),
wave-multi-select:has(+ wave-date-input),
wave-multi-select:has(+ wave-time-input),
wave-checkbox:has(+ button),
wave-checkbox:has(+ wave-time-span-input),
wave-checkbox:has(+ wave-button-toggle),
wave-checkbox:has(+ wave-button-toggle2),
wave-checkbox:has(+ wave-slider),
wave-checkbox:has(+ wave-volume-slider),
wave-checkbox:has(+ wave-audio),
wave-checkbox:has(+ wave-code-editor),
wave-checkbox:has(+ wave-file-uploader2),
wave-checkbox:has(+ wave-color-picker),
wave-checkbox:has(+ wave-radio-group),
wave-checkbox:has(+ wave-list-builder),
wave-checkbox:has(+ wave-list-builder2),
wave-checkbox:has(+ wave-list-builder3),
wave-checkbox:has(+ wave-interval),
wave-checkbox:has(+ wave-input),
wave-checkbox:has(+ wave-input-password),
wave-checkbox:has(+ wave-textarea),
wave-checkbox:has(+ wave-select),
wave-checkbox:has(+ wave-multi-select),
wave-checkbox:has(+ wave-checkbox),
wave-checkbox:has(+ wave-toggle-switch),
wave-checkbox:has(+ wave-label-container),
wave-checkbox:has(+ wave-date-input),
wave-checkbox:has(+ wave-time-input),
wave-toggle-switch:has(+ button),
wave-toggle-switch:has(+ wave-time-span-input),
wave-toggle-switch:has(+ wave-button-toggle),
wave-toggle-switch:has(+ wave-button-toggle2),
wave-toggle-switch:has(+ wave-slider),
wave-toggle-switch:has(+ wave-volume-slider),
wave-toggle-switch:has(+ wave-audio),
wave-toggle-switch:has(+ wave-code-editor),
wave-toggle-switch:has(+ wave-file-uploader2),
wave-toggle-switch:has(+ wave-color-picker),
wave-toggle-switch:has(+ wave-radio-group),
wave-toggle-switch:has(+ wave-list-builder),
wave-toggle-switch:has(+ wave-list-builder2),
wave-toggle-switch:has(+ wave-list-builder3),
wave-toggle-switch:has(+ wave-interval),
wave-toggle-switch:has(+ wave-input),
wave-toggle-switch:has(+ wave-input-password),
wave-toggle-switch:has(+ wave-textarea),
wave-toggle-switch:has(+ wave-select),
wave-toggle-switch:has(+ wave-multi-select),
wave-toggle-switch:has(+ wave-checkbox),
wave-toggle-switch:has(+ wave-toggle-switch),
wave-toggle-switch:has(+ wave-label-container),
wave-toggle-switch:has(+ wave-date-input),
wave-toggle-switch:has(+ wave-time-input),
wave-label-container:has(+ button),
wave-label-container:has(+ wave-time-span-input),
wave-label-container:has(+ wave-button-toggle),
wave-label-container:has(+ wave-button-toggle2),
wave-label-container:has(+ wave-slider),
wave-label-container:has(+ wave-volume-slider),
wave-label-container:has(+ wave-audio),
wave-label-container:has(+ wave-code-editor),
wave-label-container:has(+ wave-file-uploader2),
wave-label-container:has(+ wave-color-picker),
wave-label-container:has(+ wave-radio-group),
wave-label-container:has(+ wave-list-builder),
wave-label-container:has(+ wave-list-builder2),
wave-label-container:has(+ wave-list-builder3),
wave-label-container:has(+ wave-interval),
wave-label-container:has(+ wave-input),
wave-label-container:has(+ wave-input-password),
wave-label-container:has(+ wave-textarea),
wave-label-container:has(+ wave-select),
wave-label-container:has(+ wave-multi-select),
wave-label-container:has(+ wave-checkbox),
wave-label-container:has(+ wave-toggle-switch),
wave-label-container:has(+ wave-label-container),
wave-label-container:has(+ wave-date-input),
wave-label-container:has(+ wave-time-input),
wave-date-input:has(+ button),
wave-date-input:has(+ wave-time-span-input),
wave-date-input:has(+ wave-button-toggle),
wave-date-input:has(+ wave-button-toggle2),
wave-date-input:has(+ wave-slider),
wave-date-input:has(+ wave-volume-slider),
wave-date-input:has(+ wave-audio),
wave-date-input:has(+ wave-code-editor),
wave-date-input:has(+ wave-file-uploader2),
wave-date-input:has(+ wave-color-picker),
wave-date-input:has(+ wave-radio-group),
wave-date-input:has(+ wave-list-builder),
wave-date-input:has(+ wave-list-builder2),
wave-date-input:has(+ wave-list-builder3),
wave-date-input:has(+ wave-interval),
wave-date-input:has(+ wave-input),
wave-date-input:has(+ wave-input-password),
wave-date-input:has(+ wave-textarea),
wave-date-input:has(+ wave-select),
wave-date-input:has(+ wave-multi-select),
wave-date-input:has(+ wave-checkbox),
wave-date-input:has(+ wave-toggle-switch),
wave-date-input:has(+ wave-label-container),
wave-date-input:has(+ wave-date-input),
wave-date-input:has(+ wave-time-input),
wave-time-input:has(+ button),
wave-time-input:has(+ wave-time-span-input),
wave-time-input:has(+ wave-button-toggle),
wave-time-input:has(+ wave-button-toggle2),
wave-time-input:has(+ wave-slider),
wave-time-input:has(+ wave-volume-slider),
wave-time-input:has(+ wave-audio),
wave-time-input:has(+ wave-code-editor),
wave-time-input:has(+ wave-file-uploader2),
wave-time-input:has(+ wave-color-picker),
wave-time-input:has(+ wave-radio-group),
wave-time-input:has(+ wave-list-builder),
wave-time-input:has(+ wave-list-builder2),
wave-time-input:has(+ wave-list-builder3),
wave-time-input:has(+ wave-interval),
wave-time-input:has(+ wave-input),
wave-time-input:has(+ wave-input-password),
wave-time-input:has(+ wave-textarea),
wave-time-input:has(+ wave-select),
wave-time-input:has(+ wave-multi-select),
wave-time-input:has(+ wave-checkbox),
wave-time-input:has(+ wave-toggle-switch),
wave-time-input:has(+ wave-label-container),
wave-time-input:has(+ wave-date-input),
wave-time-input:has(+ wave-time-input) {
  margin-bottom: 1em;
}
wave-input:has(+ wave-validation-errors),
wave-textarea:has(+ wave-validation-errors) {
  margin-bottom: 0;
}
wave-toolbar .toolbar-content button,
wave-toolbar .toolbar-content wave-input,
wave-toolbar .toolbar-content wave-textarea,
wave-toolbar .toolbar-content wave-toggle-switch,
wave-toolbar .toolbar-content wave-button-toggle,
wave-toolbar .toolbar-content wave-button-toggle2,
wave-toolbar .toolbar-content wave-select,
wave-toolbar .toolbar-content wave-multi-select,
wave-toolbar .toolbar-content wave-checkbox,
wave-toolbar .toolbar-content wave-date-input,
wave-toolbar .toolbar-content wave-time-input {
  margin-bottom: 0;
}
:root {
  -webkit-tap-highlight-color: transparent;
}
::-ms-clear {
  display: none;
}
*:focus {
  outline: none;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
::placeholder {
  color: var(--form-color-placeholder);
}
input ::placeholder {
  color: var(--form-color-placeholder);
}
input::placeholder {
  color: var(--form-color-placeholder);
}
input[type=text]::-ms-reveal input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  font-family: var(--font-family);
  font-size: var(--font-size);
  background-color: var(--form-color-background) !important;
  color: var(--form-color-text) !important;
}
input:-webkit-autofill {
  font-family: var(--font-family);
  font-size: var(--font-size);
  -webkit-text-fill-color: var(--form-color-text) !important;
  box-shadow: 0 0 0 var(--form-height) inset var(--form-color-background) !important;
  outline: 1px solid var(--form-color-background) !important;
  outline-offset: -1px !important;
}
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 var(--form-height) inset var(--form-color-background-highlight) !important;
}
@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.safari input,
.safari input:focus {
  animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  overflow: hidden;
  outline: 1px solid var(--row-color-border);
}
thead {
  display: table-header-group;
  vertical-align: middle;
  box-shadow: var(--table-header-shadow);
  position: relative;
}
thead tr {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
  background-color: var(--table-header-color-background);
}
thead tr th {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
}
tbody {
  display: table-row-group;
  vertical-align: middle;
}
tbody tr {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
  box-shadow: var(--row-box-shadow);
  background-color: var(--row-color-background-odd);
}
tbody tr:where(:nth-child(odd)) {
  background-color: var(--row-color-background-odd);
}
tbody tr:where(:nth-child(even)) {
  background-color: var(--row-color-background-even);
}
tbody tr td {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
}
tfoot tr {
  height: var(--table-footer-row-height);
  max-height: var(--table-footer-row-height);
  background-color: var(--table-header-color-background);
}
td,
th {
  padding: 0;
  padding-left: 0.5em;
  text-align: left;
}
tr {
  display: table-row;
  vertical-align: middle;
}
td {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
}
th {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
}
*,
:root {
  scrollbar-width: auto;
  scrollbar-width: thin;
  scrollbar-width: 1rem;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-thumb-track);
}
scrollbar,
::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
}
scrollbar-track,
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-thumb-track);
}
scrollbar-thumb,
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
}
.marked {
  flex: none;
  display: flex;
  flex-direction: column;
  white-space: pre-line;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
}
.marked > * {
  margin-bottom: 0.25em;
}
.marked ol,
.marked ul {
  line-height: 0.25;
  margin: 0;
  margin-bottom: 0.25em;
  padding-left: 1.5em;
}
.marked ol li,
.marked ul li {
  line-height: 1.25;
}
.marked pre {
  margin: 0;
}
.marked blockquote {
  line-height: 0.5;
  margin: 0;
  margin-left: 1em;
}
.marked blockquote p {
  line-height: 1.5;
  margin: 0;
}
.marked a {
  text-decoration: underline;
}
.marked h1,
.marked h2,
.marked h3,
.marked h4,
.marked h5,
.marked h6 {
  margin-bottom: 0;
  line-height: 2em;
}
*:has(> .wave-shadow-box) {
  position: relative;
}
.wave-shadow-box {
  --scroll-shadow-size: 2rem;
  --scroll-shadow-color: rgba(0, 0, 0, 0.2);
  --scroll-shadow: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-size) calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-color);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - var(--scroll-shadow-size));
  pointer-events: none;
  box-shadow: var(--scroll-shadow);
}
.wave-drag-drop-handle {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  pointer-events: all;
  cursor: grab !important;
}
.wave-drag-drop-handle.dragging {
  cursor: grabbing;
}
.wave-drag-drop-dragging {
  cursor: grabbing !important;
}
.wave-drag-drop-container .wave-drag-drop-item {
  -webkit-user-select: none;
  user-select: none;
}
.wave-drag-drop-item.wave-drag-drop-placeholder {
  opacity: 0.8;
}
.wave-drag-drop-item.wave-drag-drop-dragging {
  opacity: 0.6;
}
.wave-drag-drop-item.wave-drag-drop-clone {
  opacity: 1;
  pointer-events: none;
}
.wave-drag-drop-item.wave-drag-drop-clone .wave-drag-drop-handle {
  pointer-events: none;
}
.wave-drag-drop-container {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all;
}
.wave-drag-drop-container.dragging-over .wave-drag-drop-item {
  position: relative;
  transition-duration: 200ms;
  transition-property: transform;
}
.wave-drag-drop-container.can-drop {
  pointer-events: all;
}
.wave-drag-drop-container.can-drop .wave-drag-drop-item {
  position: relative;
  transition-duration: 200ms;
  transition-property:
    transform,
    position,
    top;
}
.wave-drag-drop-container.can-drop .wave-drag-drop-clone {
  pointer-events: none;
  transition-duration: 0;
  transition-property: none;
}
.wave-drag-drop-container.can-drop > .wave-drag-drop-placeholder {
  color: var(--color-primary);
}
.wave-drag-drop-container .wave-drag-drop-placeholder {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 0.25em;
  color: transparent;
  border: 2px dashed currentColor;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  pointer-events: none;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-default {
  display: flex;
  align-items: center;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-default wave-mdi {
  margin-right: 0.5em;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-text {
  font-size: 1.25em;
  font-weight: bold;
}
.donutchart text {
  text-anchor: middle;
  font-size: 1.25rem;
  font-weight: bold;
  font-weight: 600;
  color: var(--text-color-light-high-emphasis);
  fill: currentColor;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.donutchart {
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.donutchart svg {
  overflow: visible;
}
.donutchart path {
  stroke: var(--material-blue-grey-200);
  stroke-width: 0.25rem;
}
.donutchart .center-text {
  font-size: 1.5rem;
  color: var(--text-color-lighdark-high-emphasis);
  fill: currentColor;
  text-shadow: none;
  font-weight: bold;
  font-weight: 600;
}
.donutchart .center-subtext-group {
  transform: translateY(14px);
}
.color_E {
  color: #46cec5;
}
.color_F {
  color: #f47881;
}
.color_G {
  color: var(--color-status-pause-admin);
}

/* angular:styles/global:styles */