@charset "UTF-8";

/* src/styles.scss */
:root {
  --neutral-100: hsla(210, 16.7%, 97.6%, 1);
  --neutral-100-h: 210;
  --neutral-100-s: 16.7%;
  --neutral-100-l: 97.6%;
  --neutral-100-a: 1;
  --neutral-200: hsla(210, 15.8%, 92.5%, 1);
  --neutral-200-h: 210;
  --neutral-200-s: 15.8%;
  --neutral-200-l: 92.5%;
  --neutral-200-a: 1;
  --neutral-300: hsla(210, 13.8%, 88.6%, 1);
  --neutral-300-h: 210;
  --neutral-300-s: 13.8%;
  --neutral-300-l: 88.6%;
  --neutral-300-a: 1;
  --neutral-400: hsla(210, 14%, 83.1%, 1);
  --neutral-400-h: 210;
  --neutral-400-s: 14%;
  --neutral-400-l: 83.1%;
  --neutral-400-a: 1;
  --neutral-500: hsla(210, 10.8%, 71%, 1);
  --neutral-500-h: 210;
  --neutral-500-s: 10.8%;
  --neutral-500-l: 71%;
  --neutral-500-a: 1;
  --neutral-600: hsla(207.5, 10.5%, 44.7%, 1);
  --neutral-600-h: 207.5;
  --neutral-600-s: 10.5%;
  --neutral-600-l: 44.7%;
  --neutral-600-a: 1;
  --neutral-700: hsla(210, 8.8%, 31.4%, 1);
  --neutral-700-h: 210;
  --neutral-700-s: 8.8%;
  --neutral-700-l: 31.4%;
  --neutral-700-a: 1;
  --neutral-800: hsla(210, 10.3%, 22.7%, 1);
  --neutral-800-h: 210;
  --neutral-800-s: 10.3%;
  --neutral-800-l: 22.7%;
  --neutral-800-a: 1;
  --neutral-900: hsla(210, 10.8%, 14.5%, 1);
  --neutral-900-h: 210;
  --neutral-900-s: 10.8%;
  --neutral-900-l: 14.5%;
  --neutral-900-a: 1;
  --neutral-black: hsla(0, 0%, 0%, 1);
  --neutral-black-h: 0;
  --neutral-black-s: 0%;
  --neutral-black-l: 0%;
  --neutral-black-a: 1;
  --neutral-dark: hsla(0, 0%, 15.3%, 1);
  --neutral-dark-h: 0;
  --neutral-dark-s: 0%;
  --neutral-dark-l: 15.3%;
  --neutral-dark-a: 1;
  --text-light: hsla(207, 10%, 44%, 1);
  --text-light-h: 207;
  --text-light-s: 10%;
  --text-light-l: 44%;
  --text-light-a: 1;
  --text-dark: hsla(0, 0%, 15%, 1);
  --text-dark-h: 0;
  --text-dark-s: 0%;
  --text-dark-l: 15%;
  --text-dark-a: 1;
  --neutral-light: hsla(220, 30%, 96.1%, 1);
  --neutral-light-h: 220;
  --neutral-light-s: 30%;
  --neutral-light-l: 96.1%;
  --neutral-light-a: 1;
  --neutral-white: hsla(0, 0%, 100%, 1);
  --neutral-white-h: 0;
  --neutral-white-s: 0%;
  --neutral-white-l: 100%;
  --neutral-white-a: 1;
  --palette-primary: hsla(248.1, 31.1%, 23.3%, 1);
  --palette-primary-h: 248.1;
  --palette-primary-s: 31.1%;
  --palette-primary-l: 23.3%;
  --palette-primary-a: 1;
  --palette-danger: hsla(354.3, 70.5%, 53.5%, 1);
  --palette-danger-h: 354.3;
  --palette-danger-s: 70.5%;
  --palette-danger-l: 53.5%;
  --palette-danger-a: 1;
  --palette-alternate-1: hsla(34, 76%, 52%, 1);
  --palette-alternate-1-h: 34;
  --palette-alternate-1-s: 76%;
  --palette-alternate-1-l: 52%;
  --palette-alternate-1-a: 1;
  --palette-alternate-2: hsla(341.9, 60.2%, 34.5%, 1);
  --palette-alternate-2-h: 341.9;
  --palette-alternate-2-s: 60.2%;
  --palette-alternate-2-l: 34.5%;
  --palette-alternate-2-a: 1;
  --palette-alternate-3: hsla(173.3, 70%, 35.3%, 1);
  --palette-alternate-3-h: 173.3;
  --palette-alternate-3-s: 70%;
  --palette-alternate-3-l: 35.3%;
  --palette-alternate-3-a: 1;
  --palette-primary-hover: hsla(215.8, 90%, 31.4%, 1);
  --palette-primary-hover-h: 215.8;
  --palette-primary-hover-s: 90%;
  --palette-primary-hover-l: 31.4%;
  --palette-primary-hover-a: 1;
  --palette-danger-hover: hsla(354.3, 77.2%, 42.9%, 1);
  --palette-danger-hover-h: 354.3;
  --palette-danger-hover-s: 77.2%;
  --palette-danger-hover-l: 42.9%;
  --palette-danger-hover-a: 1;
  --palette-alternate-1-hover: hsla(34, 70%, 40%, 1);
  --palette-alternate-1-hover-h: 34;
  --palette-alternate-1-hover-s: 70%;
  --palette-alternate-1-hover-l: 40%;
  --palette-alternate-1-hover-a: 1;
  --palette-alternate-2-hover: hsla(341.9, 67.2%, 44.5%, 1);
  --palette-alternate-2-hover-h: 341.9;
  --palette-alternate-2-hover-s: 67.2%;
  --palette-alternate-2-hover-l: 44.5%;
  --palette-alternate-2-hover-a: 1;
  --palette-alternate-3-hover: hsla(173.3, 77%, 45.3%, 1);
  --palette-alternate-3-hover-h: 173.3;
  --palette-alternate-3-hover-s: 77%;
  --palette-alternate-3-hover-l: 45.3%;
  --palette-alternate-3-hover-a: 1;
  --color-light-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-light-hover-h: var(--neutral-400-h);
  --color-light-hover-s: var(--neutral-400-s);
  --color-light-hover-l: var(--neutral-400-l);
  --color-light-hover-a: var(--neutral-400-a);
  --color-dark-hover: hsla(var(--neutral-light-h), var(--neutral-light-s), var(--neutral-light-l), var(--neutral-light-a));
  --color-dark-hover-h: var(--neutral-light-h);
  --color-dark-hover-s: var(--neutral-light-s);
  --color-dark-hover-l: var(--neutral-light-l);
  --color-dark-hover-a: var(--neutral-light-a);
  --color-plain-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-hover-h: var(--neutral-400-h);
  --color-plain-hover-s: var(--neutral-400-s);
  --color-plain-hover-l: var(--neutral-400-l);
  --color-plain-hover-a: var(--neutral-400-a);
  --color-plain-border-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-border-hover-h: var(--neutral-400-h);
  --color-plain-border-hover-s: var(--neutral-400-s);
  --color-plain-border-hover-l: var(--neutral-400-l);
  --color-plain-border-hover-a: var(--neutral-400-a);
  --palette-primary-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-primary-text-h: var(--neutral-white-h);
  --palette-primary-text-s: var(--neutral-white-s);
  --palette-primary-text-l: var(--neutral-white-l);
  --palette-primary-text-a: var(--neutral-white-a);
  --palette-danger-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-danger-text-h: var(--neutral-white-h);
  --palette-danger-text-s: var(--neutral-white-s);
  --palette-danger-text-l: var(--neutral-white-l);
  --palette-danger-text-a: var(--neutral-white-a);
  --palette-alternate-1-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-1-text-h: var(--neutral-white-h);
  --palette-alternate-1-text-s: var(--neutral-white-s);
  --palette-alternate-1-text-l: var(--neutral-white-l);
  --palette-alternate-1-text-a: var(--neutral-white-a);
  --palette-alternate-2-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-2-text-h: var(--neutral-white-h);
  --palette-alternate-2-text-s: var(--neutral-white-s);
  --palette-alternate-2-text-l: var(--neutral-white-l);
  --palette-alternate-2-text-a: var(--neutral-white-a);
  --palette-alternate-3-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-3-text-h: var(--neutral-white-h);
  --palette-alternate-3-text-s: var(--neutral-white-s);
  --palette-alternate-3-text-l: var(--neutral-white-l);
  --palette-alternate-3-text-a: var(--neutral-white-a);
  --color-light-text: hsla(var(--neutral-dark-h), var(--neutral-dark-s), var(--neutral-dark-l), var(--neutral-dark-a));
  --color-light-text-h: var(--neutral-dark-h);
  --color-light-text-s: var(--neutral-dark-s);
  --color-light-text-l: var(--neutral-dark-l);
  --color-light-text-a: var(--neutral-dark-a);
  --color-dark-text: hsla(var(--neutral-light-h), var(--neutral-light-s), var(--neutral-light-l), var(--neutral-light-a));
  --color-dark-text-h: var(--neutral-light-h);
  --color-dark-text-s: var(--neutral-light-s);
  --color-dark-text-l: var(--neutral-light-l);
  --color-dark-text-a: var(--neutral-light-a);
  --color-plain-text: hsla(var(--palette-primary-h), var(---palette-primary-s), var(--palette-primary-l), var(--palette-primary-a));
  --color-plain-text-h: var(--palette-primary-h);
  --color-plain-text-s: var(---palette-primary-s);
  --color-plain-text-l: var(--palette-primary-l);
  --color-plain-text-a: var(--palette-primary-a);
  --color-plain-border-text: hsla(var(--palette-primary-h), var(---palette-primary-s), var(--palette-primary-l), var(--palette-primary-a));
  --color-plain-border-text-h: var(--palette-primary-h);
  --color-plain-border-text-s: var(---palette-primary-s);
  --color-plain-border-text-l: var(--palette-primary-l);
  --color-plain-border-text-a: var(--palette-primary-a);
  --color-plain-border: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-border-h: var(--neutral-400-h);
  --color-plain-border-s: var(--neutral-400-s);
  --color-plain-border-l: var(--neutral-400-l);
  --color-plain-border-a: var(--neutral-400-a);
  --overlay: hsla(0, 0, 15%, 0.8);
  --overlay-h: 0;
  --overlay-s: 0;
  --overlay-l: 15%;
  --overlay-a: 0.8;
  --pdf: hsla(354.4, 80.6%, 63.5%, 1);
  --pdf-h: 354.4;
  --pdf-s: 80.6%;
  --pdf-l: 63.5%;
  --pdf-a: 1;
  --badge-1-hover: var(--palette-danger-hover);
  --badge-1-tint: hsla(354.4, 88.9%, 92.9%, 1);
  --badge-1-tint-h: 354.4;
  --badge-1-tint-s: 88.9%;
  --badge-1-tint-l: 92.9%;
  --badge-1-tint-a: 1;
  --badge-1-default: var(--palette-danger);
  --badge-1-text: var(--neutral-white);
  --badge-2-hover: hsla(215.6, 72.9%, 49.8%, 1);
  --badge-2-hover-h: 215.6;
  --badge-2-hover-s: 72.9%;
  --badge-2-hover-l: 49.8%;
  --badge-2-hover-a: 1;
  --badge-2-tint: hsla(214.6, 100%, 94.9%, 1);
  --badge-2-tint-h: 214.6;
  --badge-2-tint-s: 100%;
  --badge-2-tint-l: 94.9%;
  --badge-2-tint-a: 1;
  --badge-2-default: hsla(215.6, 65.9%, 59.8%, 1);
  --badge-2-default-h: 215.6;
  --badge-2-default-s: 65.9%;
  --badge-2-default-l: 59.8%;
  --badge-2-default-a: 1;
  --badge-2-text: var(--neutral-white);
  --badge-3-hover: hsla(162.1, 57%, 38.6%, 1);
  --badge-3-hover-h: 162.1;
  --badge-3-hover-s: 57%;
  --badge-3-hover-l: 38.6%;
  --badge-3-hover-a: 1;
  --badge-3-tint: hsla(166.7, 33.3%, 94.7%, 1);
  --badge-3-tint-h: 166.7;
  --badge-3-tint-s: 33.3%;
  --badge-3-tint-l: 94.7%;
  --badge-3-tint-a: 1;
  --badge-3-default: hsla(162.1, 50%, 48.6%, 1);
  --badge-3-default-h: 162.1;
  --badge-3-default-s: 50%;
  --badge-3-default-l: 48.6%;
  --badge-3-default-a: 1;
  --badge-3-text: var(--neutral-white);
  --badge-4-hover: hsla(151.1, 83.9%, 24.3%, 1);
  --badge-4-hover-h: 151.1;
  --badge-4-hover-s: 83.9%;
  --badge-4-hover-l: 24.3%;
  --badge-4-hover-a: 1;
  --badge-4-tint: hsla(151.6, 76%, 90.2%, 1);
  --badge-4-tint-h: 151.6;
  --badge-4-tint-s: 76%;
  --badge-4-tint-l: 90.2%;
  --badge-4-tint-a: 1;
  --badge-4-default: hsla(151.1, 74.9%, 34.3%, 1);
  --badge-4-default-h: 151.1;
  --badge-4-default-s: 74.9%;
  --badge-4-default-l: 34.3%;
  --badge-4-default-a: 1;
  --badge-4-text: var(--neutral-white);
  --badge-5-hover: hsla(215.6, 72.9%, 49.8%, 1);
  --badge-5-hover-h: 215.6;
  --badge-5-hover-s: 72.9%;
  --badge-5-hover-l: 49.8%;
  --badge-5-hover-a: 1;
  --badge-5-tint: hsla(214.3, 100%, 97.3%, 1);
  --badge-5-tint-h: 214.3;
  --badge-5-tint-s: 100%;
  --badge-5-tint-l: 97.3%;
  --badge-5-tint-a: 1;
  --badge-5-default: hsla(215.6, 65.9%, 59.8%, 1);
  --badge-5-default-h: 215.6;
  --badge-5-default-s: 65.9%;
  --badge-5-default-l: 59.8%;
  --badge-5-default-a: 1;
  --badge-5-text: var(--neutral-white);
  --badge-6-hover: hsla(263.2, 57.4%, 45.7%, 1);
  --badge-6-hover-h: 263.2;
  --badge-6-hover-s: 57.4%;
  --badge-6-hover-l: 45.7%;
  --badge-6-hover-a: 1;
  --badge-6-tint: hsla(264, 50%, 96.1%, 1);
  --badge-6-tint-h: 264;
  --badge-6-tint-s: 50%;
  --badge-6-tint-l: 96.1%;
  --badge-6-tint-a: 1;
  --badge-6-default: hsla(263.2, 50.4%, 55.7%, 1);
  --badge-6-default-h: 263.2;
  --badge-6-default-s: 50.4%;
  --badge-6-default-l: 55.7%;
  --badge-6-default-a: 1;
  --badge-6-text: var(--neutral-white);
  --badge-7-hover: hsla(261.3, 57.6%, 40.8%, 1);
  --badge-7-hover-h: 261.3;
  --badge-7-hover-s: 57.6%;
  --badge-7-hover-l: 40.8%;
  --badge-7-hover-a: 1;
  --badge-7-tint: hsla(262.5, 41.4%, 88.6%, 1);
  --badge-7-tint-h: 262.5;
  --badge-7-tint-s: 41.4%;
  --badge-7-tint-l: 88.6%;
  --badge-7-tint-a: 1;
  --badge-7-default: hsla(261.3, 50.6%, 50.8%, 1);
  --badge-7-default-h: 261.3;
  --badge-7-default-s: 50.6%;
  --badge-7-default-l: 50.8%;
  --badge-7-default-a: 1;
  --badge-7-text: var(--neutral-white);
  --badge-8-hover: hsla(291.6, 77.1%, 69.2%, 1);
  --badge-8-hover-h: 291.6;
  --badge-8-hover-s: 77.1%;
  --badge-8-hover-l: 69.2%;
  --badge-8-hover-a: 1;
  --badge-8-tint: hsla(291.4, 89.7%, 92.4%, 1);
  --badge-8-tint-h: 291.4;
  --badge-8-tint-s: 89.7%;
  --badge-8-tint-l: 92.4%;
  --badge-8-tint-a: 1;
  --badge-8-default: hsla(291.6, 77.1%, 69.2%, 1);
  --badge-8-default-h: 291.6;
  --badge-8-default-s: 77.1%;
  --badge-8-default-l: 69.2%;
  --badge-8-default-a: 1;
  --badge-8-text: var(--neutral-white);
  --badge-9-hover: hsla(25.4, 83.5%, 41.6%, 1);
  --badge-9-hover-h: 25.4;
  --badge-9-hover-s: 83.5%;
  --badge-9-hover-l: 41.6%;
  --badge-9-hover-a: 1;
  --badge-9-tint: hsla(25.7, 91.3%, 91%, 1);
  --badge-9-tint-h: 25.7;
  --badge-9-tint-s: 91.3%;
  --badge-9-tint-l: 91%;
  --badge-9-tint-a: 1;
  --badge-9-default: hsla(25.4, 76.5%, 51.6%, 1);
  --badge-9-default-h: 25.4;
  --badge-9-default-s: 76.5%;
  --badge-9-default-l: 51.6%;
  --badge-9-default-a: 1;
  --graph-color-1: hsla(162.9, 100%, 17.8%, 1);
  --graph-color-1-h: 162.9;
  --graph-color-1-s: 100%;
  --graph-color-1-l: 17.8%;
  --graph-color-1-a: 1;
  --graph-color-2: hsla(34.3, 66.7%, 75.3%, 1);
  --graph-color-2-h: 34.3;
  --graph-color-2-s: 66.7%;
  --graph-color-2-l: 75.3%;
  --graph-color-2-a: 1;
  --graph-color-3: hsla(13.8, 64.6%, 41%, 1);
  --graph-color-3-h: 13.8;
  --graph-color-3-s: 64.6%;
  --graph-color-3-l: 41%;
  --graph-color-3-a: 1;
  --graph-color-4: hsla(175.7, 29.8%, 81.6%, 1);
  --graph-color-4-h: 175.7;
  --graph-color-4-s: 29.8%;
  --graph-color-4-l: 81.6%;
  --graph-color-4-a: 1;
  --graph-color-5: hsla(236.4, 50%, 67.1%, 1);
  --graph-color-5-h: 236.4;
  --graph-color-5-s: 50%;
  --graph-color-5-l: 67.1%;
  --graph-color-5-a: 1;
  --graph-color-6: hsla(121.5, 35%, 77.1%, 1);
  --graph-color-6-h: 121.5;
  --graph-color-6-s: 35%;
  --graph-color-6-l: 77.1%;
  --graph-color-6-a: 1;
  --graph-color-7: hsla(215.6, 65.9%, 59.8%, 1);
  --graph-color-7-h: 215.6;
  --graph-color-7-s: 65.9%;
  --graph-color-7-l: 59.8%;
  --graph-color-7-a: 1;
  --graph-color-8: hsla(183.5, 100%, 40.4%, 1);
  --graph-color-8-h: 183.5;
  --graph-color-8-s: 100%;
  --graph-color-8-l: 40.4%;
  --graph-color-8-a: 1;
  --graph-color-9: hsla(341.9, 60.2%, 34.5%, 1);
  --graph-color-9-h: 341.9;
  --graph-color-9-s: 60.2%;
  --graph-color-9-l: 34.5%;
  --graph-color-9-a: 1;
  --graph-color-10: hsla(207.5, 10.5%, 44.7%, 1);
  --graph-color-10-h: 207.5;
  --graph-color-10-s: 10.5%;
  --graph-color-10-l: 44.7%;
  --graph-color-10-a: 1;
  --graph-color-11: hsla(210, 14%, 83.1%, 1);
  --graph-color-11-h: 210;
  --graph-color-11-s: 14%;
  --graph-color-11-l: 83.1%;
  --graph-color-11-a: 1;
  --graph-color-12: hsla(210, 8.8%, 31.4%, 1);
  --graph-color-12-h: 210;
  --graph-color-12-s: 8.8%;
  --graph-color-12-l: 31.4%;
  --graph-color-12-a: 1;
  --badge-9-text: var(--neutral-white);
  --status-danger-hover: var(--badge-1-hover);
  --status-danger-tint: var(--badge-1-tint);
  --status-danger-default: var(--badge-1-default);
  --status-danger-text: var(--badge-1-text);
  --status-info-hover: var(--badge-2-hover);
  --status-info-tint: var(--badge-2-tint);
  --status-info-default: var(--badge-2-default);
  --status-info-text: var(--badge-2-text);
  --status-signed-hover: var(--badge-3-hover);
  --status-signed-tint: var(--badge-3-tint);
  --status-signed-default: var(--badge-3-default);
  --status-signed-text: var(--badge-3-text);
  --status-success-hover: var(--badge-4-hover);
  --status-success-tint: var(--badge-4-tint);
  --status-success-default: var(--badge-4-default);
  --status-success-text: var(--badge-4-text);
  --status-unread-hover: var(--badge-5-hover);
  --status-unread-tint: var(--badge-5-tint);
  --status-unread-default: var(--badge-5-default);
  --status-unread-text: var(--badge-5-text);
  --status-unsigned-hover: var(--badge-6-hover);
  --status-unsigned-tint: var(--badge-6-tint);
  --status-unsigned-default: var(--badge-6-default);
  --status-unsigned-text: var(--badge-6-text);
  --status-updated-hover: var(--badge-7-hover);
  --status-updated-tint: var(--badge-7-tint);
  --status-updated-default: var(--badge-7-default);
  --status-updated-text: var(--badge-7-text);
  --status-uploaded-hover: var(--badge-8-hover);
  --status-uploaded-tint: var(--badge-8-tint);
  --status-uploaded-default: var(--badge-8-default);
  --status-uploaded-text: var(--badge-8-text);
  --status-warning-hover: var(--badge-9-hover);
  --status-warning-tint: var(--badge-9-tint);
  --status-warning-default: var(--badge-9-default);
  --status-warning-text: var(--badge-9-text);
  --width-app-sidebar: 264px;
  --width-app-content: 1000px;
  --rounding-small-controls: 4px;
  --rounding-large-controls: 16px;
  --rounding-pill: 40px;
  --rounding-circle: 200px;
  --body-font:
    "Century Gothic",CenturyGothic,"Questrial",AppleGothic,sans-serif;
}
.ds-btn-md {
  padding: 8px;
}
.ds-btn-md.ds-icon-only {
  height: 32px;
  width: 32px;
}
.ds-btn-md > span {
  font-size: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.ds-btn-md.ds-ctl-outline {
  padding: 7px;
}
.ds-btn-lg {
  padding: 8px;
}
.ds-btn-lg.ds-icon-only {
  height: 40px;
  width: 40px;
}
.ds-btn-lg > span {
  font-size: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.ds-btn-lg.ds-ctl-outline {
  padding: 7px;
}
.ds-btn-tiny {
  padding: 0px;
}
.ds-btn-tiny.ds-icon-only {
  height: 16px;
  width: 16px;
}
.ds-btn-tiny > span {
  font-size: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.ds-btn-sm {
  padding: 4px;
}
.ds-btn-sm.ds-icon-only {
  height: 24px;
  width: 24px;
}
.ds-btn-sm > span {
  font-size: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.ds-btn-sm.ds-ctl-outline {
  padding: 3px;
}
.ds-btn {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  white-space: nowrap;
  border-radius: var(--rounding-pill);
}
.ds-notification {
  position: relative;
}
.ds-notification::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 300px;
  background: var(--palette-danger);
  content: "";
}
.toast-top-center {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  margin: 24px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
  gap: 8px;
}
.toast-container .ngx-toastr:hover {
  opacity: 1;
  cursor: pointer;
}
.ngx-toastr {
  pointer-events: auto;
  background-position: 8px center;
  background-repeat: no-repeat;
}
.toast-success-base {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zNTEgOS44NDkgMTAuOCAxNC40bC0xLjU1MS0xLjU1Mk0xMiAyLjRhOS42IDkuNiAwIDEgMCAwIDE5LjIgOS42IDkuNiAwIDAgMCAwLTE5LjJ6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) !important;
  background-color: var(--status-success-default);
  border: solid 2px var(--status-success-default);
  box-shadow: 0 0 8px 0px var(--status-success-default);
}
.toast-error-base {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMi45N1Y4LjEzM20wIDguNDI1di4wNDNtNi4wNDggNC4wM0g1Ljk1MmEzLjYzIDMuNjMgMCAwIDEtMy40ODUtMi42MTZjLS4xODctLjY0NS4wNDMtMS4zMTYuMzk1LTEuODg4TDguOTEgNS4wOThjMS40MTYtMi4zMDMgNC43NjQtMi4zMDMgNi4xOCAwbDYuMDQ4IDExLjAyOGMuMzUyLjU3Mi41ODIgMS4yNDMuMzk1IDEuODg4YTMuNjMgMy42MyAwIDAgMS0zLjQ4NSAyLjYxNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
  background-color: var(--palette-danger);
  border: solid 2px var(--palette-danger);
  box-shadow: 0 0 8px 0px var(--palette-danger);
}
.toast-info-base {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMnY0LjhtMC04LjM1OFY4LjRNMi40IDEyYTkuNiA5LjYgMCAxIDEgMTkuMiAwIDkuNiA5LjYgMCAwIDEtMTkuMiAweiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
  background-color: var(--status-info-default);
  border: solid 2px var(--status-info-default);
  box-shadow: 0 0 8px 0px var(--status-info-default);
}
.toast-warning-base {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMnY0LjhtMC04LjM1OFY4LjRNMi40IDEyYTkuNiA5LjYgMCAxIDEgMTkuMiAwIDkuNiA5LjYgMCAwIDEtMTkuMiAweiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
  background-color: var(--badge-9-default);
  border: solid 2px var(--badge-9-default);
  box-shadow: 0 0 8px 0px var(--badge-9-default);
}
.details {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: normal;
  color: black;
  width: 100%;
  gap: 8px;
  margin-left: 40px;
  padding: 11px 11px 12px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media (max-width: 599px) {
  .details {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.toast-success-details {
  background-color: var(--status-success-tint);
}
.toast-error-details {
  background-color: var(--status-danger-tint);
}
.toast-info-details {
  background-color: var(--status-info-tint);
}
.toast-warning-details {
  background-color: var(--status-warning-tint);
}
.toast-icon {
  background-position: 8px center;
  background-repeat: no-repeat;
  min-height: 40px;
  min-width: 40px;
}
.toast-success-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zNTEgOS44NDkgMTAuOCAxNC40bC0xLjU1MS0xLjU1Mk0xMiAyLjRhOS42IDkuNiAwIDEgMCAwIDE5LjIgOS42IDkuNiAwIDAgMCAwLTE5LjJ6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) !important;
  background-color: var(--status-success-default);
}
.toast-error-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMi45N1Y4LjEzM20wIDguNDI1di4wNDNtNi4wNDggNC4wM0g1Ljk1MmEzLjYzIDMuNjMgMCAwIDEtMy40ODUtMi42MTZjLS4xODctLjY0NS4wNDMtMS4zMTYuMzk1LTEuODg4TDguOTEgNS4wOThjMS40MTYtMi4zMDMgNC43NjQtMi4zMDMgNi4xOCAwbDYuMDQ4IDExLjAyOGMuMzUyLjU3Mi41ODIgMS4yNDMuMzk1IDEuODg4YTMuNjMgMy42MyAwIDAgMS0zLjQ4NSAyLjYxNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
  background-color: var(--palette-danger);
}
.toast-info-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMnY0LjhtMC04LjM1OFY4LjRNMi40IDEyYTkuNiA5LjYgMCAxIDEgMTkuMiAwIDkuNiA5LjYgMCAwIDEtMTkuMiAweiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
  background-color: var(--status-info-default);
}
.toast-warning-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMnY0LjhtMC04LjM1OFY4LjRNMi40IDEyYTkuNiA5LjYgMCAxIDEgMTkuMiAwIDkuNiA5LjYgMCAwIDEtMTkuMiAweiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important;
  background-color: var(--badge-9-default);
}
.toast-title {
  font-weight: 600 !important;
}
.toast-message {
  word-wrap: break-word;
  position: relative;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
input.ds-form-control {
  padding: 6px 16px;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: var(--palette-primary);
}
input.ds-form-control ::placeholder {
  color: var(--neutral-500);
  opacity: 1;
}
.ds-control-group .ds-control-group input.ds-form-control {
  padding: 6px 0 6px 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ds-control-group .ds-control-group input.ds-form-control:last-child {
  padding-right: 16px;
}
.ds-control-group {
  margin: 0;
  height: 32px;
  display: inline-flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex: 1;
  background-color: var(--neutral-light);
  border-radius: var(--rounding-pill);
}
.ds-control-group button,
.ds-control-group input {
  border: none;
  outline: none;
  background: none;
}
.ds-control-group button {
  padding: 4px;
  line-height: 10px;
  margin: -1px 0;
}
.ds-control-group button:hover > .ds-icon {
  color: var(--palette-alternate-1) !important;
}
.ds-control-group input {
  min-width: 0;
  flex: 1;
  flex-shrink: 1;
}
.ds-control-group:focus-within {
  border: thin var(--palette-alternate-1) solid;
  background-color: var(--neutral-white);
}
.ds-control-group:hover:not(.ds-disabled):not(:focus-within) {
  border: thin var(--neutral-400) solid;
  background-color: var(--neutral-white);
}
.ds-control-group:hover:not(.ds-disabled):not(:focus-within) .input-group {
  background: var(--neutral-white);
}
.ds-control-group > :first-child {
  border-top-left-radius: var(--rounding-pill);
  border-bottom-left-radius: var(--rounding-pill);
}
.ds-control-group > :last-child {
  border-top-right-radius: var(--rounding-pill);
  border-bottom-right-radius: var(--rounding-pill);
}
.ds-control-group:not(:focus-within),
.ds-control-group.ds-bg-light:not(:focus-within) {
  border: thin var(--neutral-400) solid;
}
.ds-control-group.ds-bg-white {
  border: thin var(--neutral-light) solid;
}
.ds-control-group .ds-control-group {
  border: none;
  background-color: unset;
}
.ds-control-group .ds-control-group:focus-within {
  outline: none;
  border: none;
}
.ds-control-group .ds-control-group:hover {
  border: none;
}
.ds-control-group .ds-control-group:hover:focus-within {
  border: none;
}
.ds-control-group .ds-control-group:not(:first-child) > :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ds-control-group .ds-control-group:not(:last-child) > :last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ds-control-group .ds-control-group input {
  padding-left: 0;
}
.ds-rounding-none {
  border-radius: 0;
}
.ds-rounding-small {
  border-radius: var(--rounding-small-controls);
}
.ds-rounding-large {
  border-radius: var(--rounding-large-controls);
}
.ds-rounding-medium {
  border-radius: 8px;
}
.ds-rounding-pill {
  border-radius: var(--rounding-pill);
}
.ds-disabled button,
.ds-disabled input,
.ds-disabled label,
.ds-disabled citadel-icon {
  color: hsla(var(--neutral-black-h), var(--neutral-black-s), var(--neutral-black-l), 0.5);
}
.listbox-1x-1 {
  height: 56px !important;
}
.listbox-1x-2 {
  height: 92px !important;
}
.listbox-1x-3 {
  height: 128px !important;
}
.listbox-1x-4 {
  height: 164px !important;
}
.listbox-1x-5 {
  height: 200px !important;
}
.listbox-1x-6 {
  height: 236px !important;
}
.listbox-1x-7 {
  height: 272px !important;
}
.listbox-1x-8 {
  height: 308px !important;
}
.listbox-1x-9 {
  height: 344px !important;
}
.listbox-1x-10 {
  height: 380px !important;
}
.listbox-1x-11 {
  height: 416px !important;
}
.listbox-1x-12 {
  height: 452px !important;
}
.listbox-1x-13 {
  height: 488px !important;
}
.listbox-1x-14 {
  height: 524px !important;
}
.listbox-1x-15 {
  height: 560px !important;
}
.listbox-1x-16 {
  height: 596px !important;
}
.listbox-1x-17 {
  height: 632px !important;
}
.listbox-1x-18 {
  height: 668px !important;
}
.listbox-1x-19 {
  height: 704px !important;
}
.listbox-1x-20 {
  height: 740px !important;
}
.listbox-1x-1-a {
  height: 96px !important;
}
.listbox-1x-2-a {
  height: 132px !important;
}
.listbox-1x-3-a {
  height: 168px !important;
}
.listbox-1x-4-a {
  height: 204px !important;
}
.listbox-1x-5-a {
  height: 240px !important;
}
.listbox-1x-6-a {
  height: 276px !important;
}
.listbox-1x-7-a {
  height: 312px !important;
}
.listbox-1x-8-a {
  height: 348px !important;
}
.listbox-1x-9-a {
  height: 384px !important;
}
.listbox-1x-10-a {
  height: 420px !important;
}
.listbox-1x-11-a {
  height: 456px !important;
}
.listbox-1x-12-a {
  height: 492px !important;
}
.listbox-1x-13-a {
  height: 528px !important;
}
.listbox-1x-14-a {
  height: 564px !important;
}
.listbox-1x-15-a {
  height: 600px !important;
}
.listbox-1x-16-a {
  height: 636px !important;
}
.listbox-1x-17-a {
  height: 672px !important;
}
.listbox-1x-18-a {
  height: 708px !important;
}
.listbox-1x-19-a {
  height: 744px !important;
}
.listbox-1x-20-a {
  height: 780px !important;
}
.check-listbox-1x-1-a {
  height: 96px !important;
}
.check-listbox-1x-2-a {
  height: 132px !important;
}
.check-listbox-1x-3-a {
  height: 168px !important;
}
.check-listbox-1x-4-a {
  height: 204px !important;
}
.check-listbox-1x-5-a {
  height: 240px !important;
}
.check-listbox-1x-6-a {
  height: 276px !important;
}
.check-listbox-1x-7-a {
  height: 312px !important;
}
.check-listbox-1x-8-a {
  height: 348px !important;
}
.check-listbox-1x-9-a {
  height: 384px !important;
}
.check-listbox-1x-10-a {
  height: 420px !important;
}
.check-listbox-1x-11-a {
  height: 456px !important;
}
.check-listbox-1x-12-a {
  height: 492px !important;
}
.check-listbox-1x-13-a {
  height: 528px !important;
}
.check-listbox-1x-14-a {
  height: 564px !important;
}
.check-listbox-1x-15-a {
  height: 600px !important;
}
.check-listbox-1x-16-a {
  height: 636px !important;
}
.check-listbox-1x-17-a {
  height: 672px !important;
}
.check-listbox-1x-18-a {
  height: 708px !important;
}
.check-listbox-1x-19-a {
  height: 744px !important;
}
.check-listbox-1x-20-a {
  height: 780px !important;
}
.check-listbox-1x-21-a {
  height: 816px !important;
}
.listbox-2x-1 {
  height: 112px !important;
}
.listbox-2x-2 {
  height: 148px !important;
}
.listbox-2x-3 {
  height: 184px !important;
}
.listbox-2x-4 {
  height: 220px !important;
}
.listbox-2x-5 {
  height: 256px !important;
}
.listbox-2x-6 {
  height: 292px !important;
}
.listbox-2x-7 {
  height: 328px !important;
}
.listbox-2x-8 {
  height: 364px !important;
}
.listbox-2x-9 {
  height: 400px !important;
}
.listbox-2x-10 {
  height: 436px !important;
}
.listbox-2x-11 {
  height: 472px !important;
}
.listbox-2x-12 {
  height: 508px !important;
}
.listbox-2x-13 {
  height: 544px !important;
}
.listbox-2x-14 {
  height: 580px !important;
}
.listbox-2x-15 {
  height: 616px !important;
}
.listbox-2x-16 {
  height: 652px !important;
}
.listbox-2x-17 {
  height: 688px !important;
}
.listbox-2x-18 {
  height: 724px !important;
}
.listbox-2x-19 {
  height: 760px !important;
}
.listbox-2x-20 {
  height: 796px !important;
}
.listbox-2x-1-a {
  height: 152px !important;
}
.listbox-2x-2-a {
  height: 188px !important;
}
.listbox-2x-3-a {
  height: 224px !important;
}
.listbox-2x-4-a {
  height: 260px !important;
}
.listbox-2x-5-a {
  height: 296px !important;
}
.listbox-2x-6-a {
  height: 332px !important;
}
.listbox-2x-7-a {
  height: 368px !important;
}
.listbox-2x-8-a {
  height: 404px !important;
}
.listbox-2x-9-a {
  height: 440px !important;
}
.listbox-2x-10-a {
  height: 476px !important;
}
.listbox-2x-11-a {
  height: 512px !important;
}
.listbox-2x-12-a {
  height: 548px !important;
}
.listbox-2x-13-a {
  height: 584px !important;
}
.listbox-2x-14-a {
  height: 620px !important;
}
.listbox-2x-15-a {
  height: 656px !important;
}
.listbox-2x-16-a {
  height: 692px !important;
}
.listbox-2x-17-a {
  height: 728px !important;
}
.listbox-2x-18-a {
  height: 764px !important;
}
.listbox-2x-19-a {
  height: 800px !important;
}
.listbox-2x-20-a {
  height: 836px !important;
}
.check-listbox-2x-1-a {
  height: 152px !important;
}
.check-listbox-2x-2-a {
  height: 188px !important;
}
.check-listbox-2x-3-a {
  height: 224px !important;
}
.check-listbox-2x-4-a {
  height: 260px !important;
}
.check-listbox-2x-5-a {
  height: 296px !important;
}
.check-listbox-2x-6-a {
  height: 332px !important;
}
.check-listbox-2x-7-a {
  height: 368px !important;
}
.check-listbox-2x-8-a {
  height: 404px !important;
}
.check-listbox-2x-9-a {
  height: 440px !important;
}
.check-listbox-2x-10-a {
  height: 476px !important;
}
.check-listbox-2x-11-a {
  height: 512px !important;
}
.check-listbox-2x-12-a {
  height: 548px !important;
}
.check-listbox-2x-13-a {
  height: 584px !important;
}
.check-listbox-2x-14-a {
  height: 620px !important;
}
.check-listbox-2x-15-a {
  height: 656px !important;
}
.check-listbox-2x-16-a {
  height: 692px !important;
}
.check-listbox-2x-17-a {
  height: 728px !important;
}
.check-listbox-2x-18-a {
  height: 764px !important;
}
.check-listbox-2x-19-a {
  height: 800px !important;
}
.check-listbox-2x-20-a {
  height: 836px !important;
}
.check-listbox-2x-21-a {
  height: 872px !important;
}
.listbox-3x-1 {
  height: 168px !important;
}
.listbox-3x-2 {
  height: 204px !important;
}
.listbox-3x-3 {
  height: 240px !important;
}
.listbox-3x-4 {
  height: 276px !important;
}
.listbox-3x-5 {
  height: 312px !important;
}
.listbox-3x-6 {
  height: 348px !important;
}
.listbox-3x-7 {
  height: 384px !important;
}
.listbox-3x-8 {
  height: 420px !important;
}
.listbox-3x-9 {
  height: 456px !important;
}
.listbox-3x-10 {
  height: 492px !important;
}
.listbox-3x-11 {
  height: 528px !important;
}
.listbox-3x-12 {
  height: 564px !important;
}
.listbox-3x-13 {
  height: 600px !important;
}
.listbox-3x-14 {
  height: 636px !important;
}
.listbox-3x-15 {
  height: 672px !important;
}
.listbox-3x-16 {
  height: 708px !important;
}
.listbox-3x-17 {
  height: 744px !important;
}
.listbox-3x-18 {
  height: 780px !important;
}
.listbox-3x-19 {
  height: 816px !important;
}
.listbox-3x-20 {
  height: 852px !important;
}
.listbox-3x-1-a {
  height: 208px !important;
}
.listbox-3x-2-a {
  height: 244px !important;
}
.listbox-3x-3-a {
  height: 280px !important;
}
.listbox-3x-4-a {
  height: 316px !important;
}
.listbox-3x-5-a {
  height: 352px !important;
}
.listbox-3x-6-a {
  height: 388px !important;
}
.listbox-3x-7-a {
  height: 424px !important;
}
.listbox-3x-8-a {
  height: 460px !important;
}
.listbox-3x-9-a {
  height: 496px !important;
}
.listbox-3x-10-a {
  height: 532px !important;
}
.listbox-3x-11-a {
  height: 568px !important;
}
.listbox-3x-12-a {
  height: 604px !important;
}
.listbox-3x-13-a {
  height: 640px !important;
}
.listbox-3x-14-a {
  height: 676px !important;
}
.listbox-3x-15-a {
  height: 712px !important;
}
.listbox-3x-16-a {
  height: 748px !important;
}
.listbox-3x-17-a {
  height: 784px !important;
}
.listbox-3x-18-a {
  height: 820px !important;
}
.listbox-3x-19-a {
  height: 856px !important;
}
.listbox-3x-20-a {
  height: 892px !important;
}
.check-listbox-3x-1-a {
  height: 208px !important;
}
.check-listbox-3x-2-a {
  height: 244px !important;
}
.check-listbox-3x-3-a {
  height: 280px !important;
}
.check-listbox-3x-4-a {
  height: 316px !important;
}
.check-listbox-3x-5-a {
  height: 352px !important;
}
.check-listbox-3x-6-a {
  height: 388px !important;
}
.check-listbox-3x-7-a {
  height: 424px !important;
}
.check-listbox-3x-8-a {
  height: 460px !important;
}
.check-listbox-3x-9-a {
  height: 496px !important;
}
.check-listbox-3x-10-a {
  height: 532px !important;
}
.check-listbox-3x-11-a {
  height: 568px !important;
}
.check-listbox-3x-12-a {
  height: 604px !important;
}
.check-listbox-3x-13-a {
  height: 640px !important;
}
.check-listbox-3x-14-a {
  height: 676px !important;
}
.check-listbox-3x-15-a {
  height: 712px !important;
}
.check-listbox-3x-16-a {
  height: 748px !important;
}
.check-listbox-3x-17-a {
  height: 784px !important;
}
.check-listbox-3x-18-a {
  height: 820px !important;
}
.check-listbox-3x-19-a {
  height: 856px !important;
}
.check-listbox-3x-20-a {
  height: 892px !important;
}
.check-listbox-3x-21-a {
  height: 928px !important;
}
@keyframes loader {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
.ds-loader {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background:
    linear-gradient(
      to right,
      var(--neutral-light) 0%,
      var(--neutral-light) 30%,
      var(--neutral-300) 50%,
      var(--neutral-light) 70%,
      var(--neutral-light) 100%);
  background-size: 500% 100%;
  animation: loader 1.5s ease infinite;
}
.ds-bg-none {
  background-color: transparent;
}
.ds-text-none {
  color: transparent;
}
.ds-bg-primary {
  background-color: var(--palette-primary);
}
.ds-text-primary {
  color: var(--palette-primary);
}
.ds-bg-alternate-1 {
  background-color: var(--palette-alternate-1);
}
.ds-text-alternate-1 {
  color: var(--palette-alternate-1);
}
.ds-bg-alternate-2 {
  background-color: var(--palette-alternate-2);
}
.ds-text-alternate-2 {
  color: var(--palette-alternate-2);
}
.ds-bg-alternate-3 {
  background-color: var(--palette-alternate-3);
}
.ds-text-alternate-3 {
  color: var(--palette-alternate-3);
}
.ds-bg-danger {
  background-color: var(--palette-danger);
}
.ds-text-danger {
  color: var(--palette-danger);
}
.ds-bg-light {
  background-color: var(--neutral-light);
}
.ds-text-light {
  color: var(--neutral-light);
}
.ds-bg-dark {
  background-color: var(--neutral-dark);
}
.ds-text-dark {
  color: var(--neutral-dark);
}
.ds-bg-status-danger {
  background-color: var(--status-danger-default);
}
.ds-bg-status-danger-tint {
  background-color: var(--status-danger-tint);
}
.ds-text-status-danger {
  color: var(--status-danger-default);
}
.ds-bg-status-info {
  background-color: var(--status-info-default);
}
.ds-bg-status-info-tint {
  background-color: var(--status-info-tint);
}
.ds-text-status-info {
  color: var(--status-info-default);
}
.ds-bg-status-signed {
  background-color: var(--status-signed-default);
}
.ds-bg-status-signed-tint {
  background-color: var(--status-signed-tint);
}
.ds-text-status-signed {
  color: var(--status-signed-default);
}
.ds-bg-status-success {
  background-color: var(--status-success-default);
}
.ds-bg-status-success-tint {
  background-color: var(--status-success-tint);
}
.ds-text-status-success {
  color: var(--status-success-default);
}
.ds-bg-status-unread {
  background-color: var(--status-unread-default);
}
.ds-bg-status-unread-tint {
  background-color: var(--status-unread-tint);
}
.ds-text-status-unread {
  color: var(--status-unread-default);
}
.ds-bg-status-unsigned {
  background-color: var(--status-unsigned-default);
}
.ds-bg-status-unsigned-tint {
  background-color: var(--status-unsigned-tint);
}
.ds-text-status-unsigned {
  color: var(--status-unsigned-default);
}
.ds-bg-status-updated {
  background-color: var(--status-updated-default);
}
.ds-bg-status-updated-tint {
  background-color: var(--status-updated-tint);
}
.ds-text-status-updated {
  color: var(--status-updated-default);
}
.ds-bg-status-uploaded {
  background-color: var(--status-uploaded-default);
}
.ds-bg-status-uploaded-tint {
  background-color: var(--status-uploaded-tint);
}
.ds-text-status-uploaded {
  color: var(--status-uploaded-default);
}
.ds-bg-status-warning {
  background-color: var(--status-warning-default);
}
.ds-bg-status-warning-tint {
  background-color: var(--status-warning-tint);
}
.ds-text-status-warning {
  color: var(--status-warning-default);
}
.ds-bg-badge-1 {
  background-color: var(--badge-1-default);
}
.ds-bg-badge-1-tint {
  background-color: var(--badge-1-tint);
}
.ds-text-badge-1 {
  color: var(--badge-1-default);
}
.ds-bg-badge-2 {
  background-color: var(--badge-2-default);
}
.ds-bg-badge-2-tint {
  background-color: var(--badge-2-tint);
}
.ds-text-badge-2 {
  color: var(--badge-2-default);
}
.ds-bg-badge-3 {
  background-color: var(--badge-3-default);
}
.ds-bg-badge-3-tint {
  background-color: var(--badge-3-tint);
}
.ds-text-badge-3 {
  color: var(--badge-3-default);
}
.ds-bg-badge-4 {
  background-color: var(--badge-4-default);
}
.ds-bg-badge-4-tint {
  background-color: var(--badge-4-tint);
}
.ds-text-badge-4 {
  color: var(--badge-4-default);
}
.ds-bg-badge-5 {
  background-color: var(--badge-5-default);
}
.ds-bg-badge-5-tint {
  background-color: var(--badge-5-tint);
}
.ds-text-badge-5 {
  color: var(--badge-5-default);
}
.ds-bg-badge-6 {
  background-color: var(--badge-6-default);
}
.ds-bg-badge-6-tint {
  background-color: var(--badge-6-tint);
}
.ds-text-badge-6 {
  color: var(--badge-6-default);
}
.ds-bg-badge-7 {
  background-color: var(--badge-7-default);
}
.ds-bg-badge-7-tint {
  background-color: var(--badge-7-tint);
}
.ds-text-badge-7 {
  color: var(--badge-7-default);
}
.ds-bg-badge-8 {
  background-color: var(--badge-8-default);
}
.ds-bg-badge-8-tint {
  background-color: var(--badge-8-tint);
}
.ds-text-badge-8 {
  color: var(--badge-8-default);
}
.ds-bg-badge-9 {
  background-color: var(--badge-9-default);
}
.ds-bg-badge-9-tint {
  background-color: var(--badge-9-tint);
}
.ds-text-badge-9 {
  color: var(--badge-9-default);
}
.ds-bg-neutral-100 {
  background-color: var(--neutral-100);
}
.ds-text-neutral-100 {
  color: var(--neutral-100);
}
.ds-bg-neutral-200 {
  background-color: var(--neutral-200);
}
.ds-text-neutral-200 {
  color: var(--neutral-200);
}
.ds-bg-neutral-300 {
  background-color: var(--neutral-300);
}
.ds-text-neutral-300 {
  color: var(--neutral-300);
}
.ds-bg-neutral-400 {
  background-color: var(--neutral-400);
}
.ds-text-neutral-400 {
  color: var(--neutral-400);
}
.ds-bg-neutral-500 {
  background-color: var(--neutral-500);
}
.ds-text-neutral-500 {
  color: var(--neutral-500);
}
.ds-bg-neutral-600 {
  background-color: var(--neutral-600);
}
.ds-text-neutral-600 {
  color: var(--neutral-600);
}
.ds-bg-neutral-700 {
  background-color: var(--neutral-700);
}
.ds-text-neutral-700 {
  color: var(--neutral-700);
}
.ds-bg-neutral-800 {
  background-color: var(--neutral-800);
}
.ds-text-neutral-800 {
  color: var(--neutral-800);
}
.ds-bg-neutral-900 {
  background-color: var(--neutral-900);
}
.ds-text-neutral-900 {
  color: var(--neutral-900);
}
.ds-bg-neutral-black {
  background-color: var(--neutral-black);
}
.ds-text-neutral-black {
  color: var(--neutral-black);
}
.ds-bg-neutral-dark {
  background-color: var(--neutral-dark);
}
.ds-text-neutral-dark {
  color: var(--neutral-dark);
}
.ds-bg-neutral-light {
  background-color: var(--neutral-light);
}
.ds-text-neutral-light {
  color: var(--neutral-light);
}
.ds-bg-neutral-white {
  background-color: var(--neutral-white);
}
.ds-text-neutral-white {
  color: var(--neutral-white);
}
.ds-bg-white {
  background-color: var(--neutral-white);
}
.ds-text-white {
  color: var(--neutral-white);
}
.ds-bg-black {
  background-color: var(--neutral-black);
}
.ds-text-black {
  color: var(--neutral-black);
}
.ds-bg-dark {
  background-color: var(--neutral-dark);
}
.ds-text-dark {
  color: var(--neutral-dark);
}
.ds-bg-light {
  background-color: var(--neutral-light);
}
.ds-text-light {
  color: var(--neutral-light);
}
.ds-bg-stroke {
  background-color: var(--neutral-400);
}
.ds-text-stroke {
  color: var(--neutral-400);
}
.ds-ctl-primary {
  background-color: var(--palette-primary);
  color: var(--palette-primary-text);
}
.ds-ctl-primary:hover {
  background-color: var(--palette-primary-hover);
  color: var(--palette-primary-text);
}
.ds-ctl-primary-disabled {
  background-color: hsla(var(--palette-primary-h), var(--palette-primary-s), var(--palette-primary-l), 0.5);
  color: hsla(var(--palette-primary-text-h), var(--palette-primary-text-s), var(--palette-primary-text-l), 0.5);
}
.ds-ctl-primary-border {
  border-color: var(--palette-primary);
}
.ds-ctl-primary-border-disabled {
  border-color: hsla(var(--palette-primary-h), var(--palette-primary-s), var(--palette-primary-l), 0.5);
}
.ds-ctl-alternate-1 {
  background-color: var(--palette-alternate-1);
  color: var(--palette-alternate-1-text);
}
.ds-ctl-alternate-1:hover {
  background-color: var(--palette-alternate-1-hover);
  color: var(--palette-alternate-1-text);
}
.ds-ctl-alternate-1-disabled {
  background-color: hsla(var(palette-alternate-1-h), var(palette-alternate-1-s), var(palette-alternate-1-l), 0.5);
  color: hsla(var(--palette-alternate-1-text-h), var(--palette-alternate-1-text-s), var(--palette-alternate-1-text-l), 0.5);
}
.ds-ctl-alternate-1-border {
  border-color: var(--palette-alternate-1);
}
.ds-ctl-alternate-1-border-disabled {
  border-color: hsla(var(palette-alternate-1-h), var(palette-alternate-1-s), var(palette-alternate-1-l), 0.5);
}
.ds-ctl-alternate-2 {
  background-color: var(--palette-alternate-2);
  color: var(--palette-alternate-2-text);
}
.ds-ctl-alternate-2:hover {
  background-color: var(--palette-alternate-2-hover);
  color: var(--palette-alternate-2-text);
}
.ds-ctl-alternate-2-disabled {
  background-color: hsla(var(palette-alternate-2-h), var(palette-alternate-2-s), var(palette-alternate-2-l), 0.5);
  color: hsla(var(--palette-alternate-2-text-h), var(--palette-alternate-2-text-s), var(--palette-alternate-2-text-l), 0.5);
}
.ds-ctl-alternate-2-border {
  border-color: var(--palette-alternate-2);
}
.ds-ctl-alternate-2-border-disabled {
  border-color: hsla(var(palette-alternate-2-h), var(palette-alternate-2-s), var(palette-alternate-2-l), 0.5);
}
.ds-ctl-alternate-3 {
  background-color: var(--palette-alternate-3);
  color: var(--palette-alternate-3-text);
}
.ds-ctl-alternate-3:hover {
  background-color: var(--palette-alternate-3-hover);
  color: var(--palette-alternate-3-text);
}
.ds-ctl-alternate-3-disabled {
  background-color: hsla(var(palette-alternate-3-h), var(palette-alternate-3-s), var(palette-alternate-3-l), 0.5);
  color: hsla(var(--palette-alternate-3-text-h), var(--palette-alternate-3-text-s), var(--palette-alternate-3-text-l), 0.5);
}
.ds-ctl-alternate-3-border {
  border-color: var(--palette-alternate-3);
}
.ds-ctl-alternate-3-border-disabled {
  border-color: hsla(var(palette-alternate-3-h), var(palette-alternate-3-s), var(palette-alternate-3-l), 0.5);
}
.ds-ctl-danger {
  background-color: var(--palette-danger);
  color: var(--palette-danger-text);
}
.ds-ctl-danger:hover {
  background-color: var(--palette-danger-hover);
  color: var(--palette-danger-text);
}
.ds-ctl-danger-disabled {
  background-color: hsla(var(palette-danger-h), var(palette-danger-s), var(palette-danger-l), 0.5);
  color: hsla(var(--palette-danger-text-h), var(--palette-danger-text-s), var(--palette-danger-text-l), 0.5);
}
.ds-ctl-danger-border {
  border-color: var(--palette-danger);
}
.ds-ctl-danger-border-disabled {
  border-color: hsla(var(palette-danger-h), var(palette-danger-s), var(palette-danger-l), 0.5);
}
.ds-ctl-light {
  background-color: var(--neutral-light);
  color: var(--color-light-text);
}
.ds-ctl-light:hover {
  background-color: var(--color-light-hover);
  color: var(--color-light-text);
}
.ds-ctl-light-disabled {
  background-color: hsla(var(neutral-light-h), var(neutral-light-s), var(neutral-light-l), 0.5);
  color: hsla(var(--neutral-black-h), var(--neutral-black-s), var(--neutral-black-l), 0.5);
}
.ds-ctl-light-border {
  border-color: var(--neutral-light);
}
.ds-ctl-light-border-disabled {
  border-color: hsla(var(neutral-light-h), var(neutral-light-s), var(neutral-light-l), 0.5);
}
.ds-ctl-dark {
  background-color: var(--neutral-dark);
  color: var(--color-dark-text);
}
.ds-ctl-dark:hover {
  background-color: var(--color-dark-hover);
  color: var(--color-dark-text);
}
.ds-ctl-dark-disabled {
  background-color: hsla(var(neutral-dark-h), var(neutral-dark-s), var(neutral-dark-l), 0.5);
  color: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), 0.5);
}
.ds-ctl-dark-border {
  border-color: var(--neutral-dark);
}
.ds-ctl-dark-border-disabled {
  border-color: hsla(var(neutral-dark-h), var(neutral-dark-s), var(neutral-dark-l), 0.5);
}
.ds-ctl-white {
  background-color: var(--neutral-white);
  color: var(--neutral-dark);
}
.ds-ctl-white:hover {
  background-color: var(--color-light-hover);
  color: var(--color-light-text);
}
.ds-ctl-white-disabled {
  background-color: var(--neutral-white);
  color: var(--neutral-400);
}
.ds-ctl-status-danger {
  background-color: var(--status-danger-default);
  color: var(--status-danger-text);
}
.ds-ctl-status-danger-tint {
  background-color: var(--status-danger-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-danger:hover {
  background-color: var(--status-danger-hover);
  color: var(--status-danger-text);
}
.ds-ctl-status-danger-disabled {
  background-color: hsla(var(--status-danger-default-h), var(--status-danger-default-s), var(--status-danger-default-l), 0.5);
  color: hsla(var(--status-danger-text-h), var(--status-danger-text-s), var(--status-danger-text-l), 0.5);
}
.ds-ctl-status-danger-border {
  border-color: var(--status-danger-default);
}
.ds-ctl-status-danger-border-disabled {
  border-color: hsla(var(--status-danger-default-h), var(--status-danger-default-s), var(--status-danger-default-l), 0.5);
}
.ds-ctl-status-info {
  background-color: var(--status-info-default);
  color: var(--status-info-text);
}
.ds-ctl-status-info-tint {
  background-color: var(--status-info-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-info:hover {
  background-color: var(--status-info-hover);
  color: var(--status-info-text);
}
.ds-ctl-status-info-disabled {
  background-color: hsla(var(--status-info-default-h), var(--status-info-default-s), var(--status-info-default-l), 0.5);
  color: hsla(var(--status-info-text-h), var(--status-info-text-s), var(--status-info-text-l), 0.5);
}
.ds-ctl-status-info-border {
  border-color: var(--status-info-default);
}
.ds-ctl-status-info-border-disabled {
  border-color: hsla(var(--status-info-default-h), var(--status-info-default-s), var(--status-info-default-l), 0.5);
}
.ds-ctl-status-signed {
  background-color: var(--status-signed-default);
  color: var(--status-signed-text);
}
.ds-ctl-status-signed-tint {
  background-color: var(--status-signed-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-signed:hover {
  background-color: var(--status-signed-hover);
  color: var(--status-signed-text);
}
.ds-ctl-status-signed-disabled {
  background-color: hsla(var(--status-signed-default-h), var(--status-signed-default-s), var(--status-signed-default-l), 0.5);
  color: hsla(var(--status-signed-text-h), var(--status-signed-text-s), var(--status-signed-text-l), 0.5);
}
.ds-ctl-status-signed-border {
  border-color: var(--status-signed-default);
}
.ds-ctl-status-signed-border-disabled {
  border-color: hsla(var(--status-signed-default-h), var(--status-signed-default-s), var(--status-signed-default-l), 0.5);
}
.ds-ctl-status-success {
  background-color: var(--status-success-default);
  color: var(--status-success-text);
}
.ds-ctl-status-success-tint {
  background-color: var(--status-success-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-success:hover {
  background-color: var(--status-success-hover);
  color: var(--status-success-text);
}
.ds-ctl-status-success-disabled {
  background-color: hsla(var(--status-success-default-h), var(--status-success-default-s), var(--status-success-default-l), 0.5);
  color: hsla(var(--status-success-text-h), var(--status-success-text-s), var(--status-success-text-l), 0.5);
}
.ds-ctl-status-success-border {
  border-color: var(--status-success-default);
}
.ds-ctl-status-success-border-disabled {
  border-color: hsla(var(--status-success-default-h), var(--status-success-default-s), var(--status-success-default-l), 0.5);
}
.ds-ctl-status-unread {
  background-color: var(--status-unread-default);
  color: var(--status-unread-text);
}
.ds-ctl-status-unread-tint {
  background-color: var(--status-unread-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-unread:hover {
  background-color: var(--status-unread-hover);
  color: var(--status-unread-text);
}
.ds-ctl-status-unread-disabled {
  background-color: hsla(var(--status-unread-default-h), var(--status-unread-default-s), var(--status-unread-default-l), 0.5);
  color: hsla(var(--status-unread-text-h), var(--status-unread-text-s), var(--status-unread-text-l), 0.5);
}
.ds-ctl-status-unread-border {
  border-color: var(--status-unread-default);
}
.ds-ctl-status-unread-border-disabled {
  border-color: hsla(var(--status-unread-default-h), var(--status-unread-default-s), var(--status-unread-default-l), 0.5);
}
.ds-ctl-status-unsigned {
  background-color: var(--status-unsigned-default);
  color: var(--status-unsigned-text);
}
.ds-ctl-status-unsigned-tint {
  background-color: var(--status-unsigned-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-unsigned:hover {
  background-color: var(--status-unsigned-hover);
  color: var(--status-unsigned-text);
}
.ds-ctl-status-unsigned-disabled {
  background-color: hsla(var(--status-unsigned-default-h), var(--status-unsigned-default-s), var(--status-unsigned-default-l), 0.5);
  color: hsla(var(--status-unsigned-text-h), var(--status-unsigned-text-s), var(--status-unsigned-text-l), 0.5);
}
.ds-ctl-status-unsigned-border {
  border-color: var(--status-unsigned-default);
}
.ds-ctl-status-unsigned-border-disabled {
  border-color: hsla(var(--status-unsigned-default-h), var(--status-unsigned-default-s), var(--status-unsigned-default-l), 0.5);
}
.ds-ctl-status-updated {
  background-color: var(--status-updated-default);
  color: var(--status-updated-text);
}
.ds-ctl-status-updated-tint {
  background-color: var(--status-updated-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-updated:hover {
  background-color: var(--status-updated-hover);
  color: var(--status-updated-text);
}
.ds-ctl-status-updated-disabled {
  background-color: hsla(var(--status-updated-default-h), var(--status-updated-default-s), var(--status-updated-default-l), 0.5);
  color: hsla(var(--status-updated-text-h), var(--status-updated-text-s), var(--status-updated-text-l), 0.5);
}
.ds-ctl-status-updated-border {
  border-color: var(--status-updated-default);
}
.ds-ctl-status-updated-border-disabled {
  border-color: hsla(var(--status-updated-default-h), var(--status-updated-default-s), var(--status-updated-default-l), 0.5);
}
.ds-ctl-status-uploaded {
  background-color: var(--status-uploaded-default);
  color: var(--status-uploaded-text);
}
.ds-ctl-status-uploaded-tint {
  background-color: var(--status-uploaded-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-uploaded:hover {
  background-color: var(--status-uploaded-hover);
  color: var(--status-uploaded-text);
}
.ds-ctl-status-uploaded-disabled {
  background-color: hsla(var(--status-uploaded-default-h), var(--status-uploaded-default-s), var(--status-uploaded-default-l), 0.5);
  color: hsla(var(--status-uploaded-text-h), var(--status-uploaded-text-s), var(--status-uploaded-text-l), 0.5);
}
.ds-ctl-status-uploaded-border {
  border-color: var(--status-uploaded-default);
}
.ds-ctl-status-uploaded-border-disabled {
  border-color: hsla(var(--status-uploaded-default-h), var(--status-uploaded-default-s), var(--status-uploaded-default-l), 0.5);
}
.ds-ctl-status-warning {
  background-color: var(--status-warning-default);
  color: var(--status-warning-text);
}
.ds-ctl-status-warning-tint {
  background-color: var(--status-warning-tint);
  color: var(--neutral-dark);
}
.ds-ctl-status-warning:hover {
  background-color: var(--status-warning-hover);
  color: var(--status-warning-text);
}
.ds-ctl-status-warning-disabled {
  background-color: hsla(var(--status-warning-default-h), var(--status-warning-default-s), var(--status-warning-default-l), 0.5);
  color: hsla(var(--status-warning-text-h), var(--status-warning-text-s), var(--status-warning-text-l), 0.5);
}
.ds-ctl-status-warning-border {
  border-color: var(--status-warning-default);
}
.ds-ctl-status-warning-border-disabled {
  border-color: hsla(var(--status-warning-default-h), var(--status-warning-default-s), var(--status-warning-default-l), 0.5);
}
.ds-ctl-neutral-100 {
  background-color: var(--neutral-100);
  color: var(--neutral-black);
}
.ds-ctl-neutral-200 {
  background-color: var(--neutral-200);
  color: var(--neutral-black);
}
.ds-ctl-neutral-300 {
  background-color: var(--neutral-300);
  color: var(--neutral-black);
}
.ds-ctl-neutral-400 {
  background-color: var(--neutral-400);
  color: var(--neutral-black);
}
.ds-ctl-neutral-500 {
  background-color: var(--neutral-500);
  color: var(--neutral-black);
}
.ds-ctl-neutral-600 {
  background-color: var(--neutral-600);
  color: var(--neutral-white);
}
.ds-ctl-neutral-700 {
  background-color: var(--neutral-700);
  color: var(--neutral-white);
}
.ds-ctl-neutral-800 {
  background-color: var(--neutral-800);
  color: var(--neutral-white);
}
.ds-ctl-neutral-900 {
  background-color: var(--neutral-900);
  color: var(--neutral-white);
}
.ds-ctl-neutral-black {
  background-color: var(--neutral-black);
  color: var(--neutral-white);
}
.ds-ctl-neutral-dark {
  background-color: var(--neutral-dark);
  color: var(--neutral-white);
}
.ds-ctl-neutral-light {
  background-color: var(--neutral-light);
  color: var(--neutral-black);
}
.ds-ctl-neutral-white {
  background-color: var(--neutral-white);
  color: var(--neutral-black);
}
.ds-ctl-badge-1 {
  background-color: var(--badge-1-default);
  color: var(--badge-1-text);
}
.ds-ctl-badge-1-tint {
  background-color: var(--badge-1-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-1:hover {
  background-color: var(--badge-1-hover);
  color: var(--badge-1-text);
}
.ds-ctl-badge-1-disabled {
  background-color: hsla(var(--badge-1-default-h), var(--badge-1-default-s), var(--badge-1-default-l), 0.5);
  color: hsla(var(--badge-1-text-h), var(--badge-1-text-s), var(--badge-1-text-l), 0.5);
}
.ds-ctl-badge-1-border {
  border-color: var(--badge-1-default);
}
.ds-ctl-badge-1-border-disabled {
  border-color: hsla(var(--badge-1-default-h), var(--badge-1-default-s), var(--badge-1-default-l), 0.5);
}
.ds-ctl-badge-2 {
  background-color: var(--badge-2-default);
  color: var(--badge-2-text);
}
.ds-ctl-badge-2-tint {
  background-color: var(--badge-2-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-2:hover {
  background-color: var(--badge-2-hover);
  color: var(--badge-2-text);
}
.ds-ctl-badge-2-disabled {
  background-color: hsla(var(--badge-2-default-h), var(--badge-2-default-s), var(--badge-2-default-l), 0.5);
  color: hsla(var(--badge-2-text-h), var(--badge-2-text-s), var(--badge-2-text-l), 0.5);
}
.ds-ctl-badge-2-border {
  border-color: var(--badge-2-default);
}
.ds-ctl-badge-2-border-disabled {
  border-color: hsla(var(--badge-2-default-h), var(--badge-2-default-s), var(--badge-2-default-l), 0.5);
}
.ds-ctl-badge-3 {
  background-color: var(--badge-3-default);
  color: var(--badge-3-text);
}
.ds-ctl-badge-3-tint {
  background-color: var(--badge-3-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-3:hover {
  background-color: var(--badge-3-hover);
  color: var(--badge-3-text);
}
.ds-ctl-badge-3-disabled {
  background-color: hsla(var(--badge-3-default-h), var(--badge-3-default-s), var(--badge-3-default-l), 0.5);
  color: hsla(var(--badge-3-text-h), var(--badge-3-text-s), var(--badge-3-text-l), 0.5);
}
.ds-ctl-badge-3-border {
  border-color: var(--badge-3-default);
}
.ds-ctl-badge-3-border-disabled {
  border-color: hsla(var(--badge-3-default-h), var(--badge-3-default-s), var(--badge-3-default-l), 0.5);
}
.ds-ctl-badge-4 {
  background-color: var(--badge-4-default);
  color: var(--badge-4-text);
}
.ds-ctl-badge-4-tint {
  background-color: var(--badge-4-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-4:hover {
  background-color: var(--badge-4-hover);
  color: var(--badge-4-text);
}
.ds-ctl-badge-4-disabled {
  background-color: hsla(var(--badge-4-default-h), var(--badge-4-default-s), var(--badge-4-default-l), 0.5);
  color: hsla(var(--badge-4-text-h), var(--badge-4-text-s), var(--badge-4-text-l), 0.5);
}
.ds-ctl-badge-4-border {
  border-color: var(--badge-4-default);
}
.ds-ctl-badge-4-border-disabled {
  border-color: hsla(var(--badge-4-default-h), var(--badge-4-default-s), var(--badge-4-default-l), 0.5);
}
.ds-ctl-badge-5 {
  background-color: var(--badge-5-default);
  color: var(--badge-5-text);
}
.ds-ctl-badge-5-tint {
  background-color: var(--badge-5-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-5:hover {
  background-color: var(--badge-5-hover);
  color: var(--badge-5-text);
}
.ds-ctl-badge-5-disabled {
  background-color: hsla(var(--badge-5-default-h), var(--badge-5-default-s), var(--badge-5-default-l), 0.5);
  color: hsla(var(--badge-5-text-h), var(--badge-5-text-s), var(--badge-5-text-l), 0.5);
}
.ds-ctl-badge-5-border {
  border-color: var(--badge-5-default);
}
.ds-ctl-badge-5-border-disabled {
  border-color: hsla(var(--badge-5-default-h), var(--badge-5-default-s), var(--badge-5-default-l), 0.5);
}
.ds-ctl-badge-6 {
  background-color: var(--badge-6-default);
  color: var(--badge-6-text);
}
.ds-ctl-badge-6-tint {
  background-color: var(--badge-6-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-6:hover {
  background-color: var(--badge-6-hover);
  color: var(--badge-6-text);
}
.ds-ctl-badge-6-disabled {
  background-color: hsla(var(--badge-6-default-h), var(--badge-6-default-s), var(--badge-6-default-l), 0.5);
  color: hsla(var(--badge-6-text-h), var(--badge-6-text-s), var(--badge-6-text-l), 0.5);
}
.ds-ctl-badge-6-border {
  border-color: var(--badge-6-default);
}
.ds-ctl-badge-6-border-disabled {
  border-color: hsla(var(--badge-6-default-h), var(--badge-6-default-s), var(--badge-6-default-l), 0.5);
}
.ds-ctl-badge-7 {
  background-color: var(--badge-7-default);
  color: var(--badge-7-text);
}
.ds-ctl-badge-7-tint {
  background-color: var(--badge-7-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-7:hover {
  background-color: var(--badge-7-hover);
  color: var(--badge-7-text);
}
.ds-ctl-badge-7-disabled {
  background-color: hsla(var(--badge-7-default-h), var(--badge-7-default-s), var(--badge-7-default-l), 0.5);
  color: hsla(var(--badge-7-text-h), var(--badge-7-text-s), var(--badge-7-text-l), 0.5);
}
.ds-ctl-badge-7-border {
  border-color: var(--badge-7-default);
}
.ds-ctl-badge-7-border-disabled {
  border-color: hsla(var(--badge-7-default-h), var(--badge-7-default-s), var(--badge-7-default-l), 0.5);
}
.ds-ctl-badge-8 {
  background-color: var(--badge-8-default);
  color: var(--badge-8-text);
}
.ds-ctl-badge-8-tint {
  background-color: var(--badge-8-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-8:hover {
  background-color: var(--badge-8-hover);
  color: var(--badge-8-text);
}
.ds-ctl-badge-8-disabled {
  background-color: hsla(var(--badge-8-default-h), var(--badge-8-default-s), var(--badge-8-default-l), 0.5);
  color: hsla(var(--badge-8-text-h), var(--badge-8-text-s), var(--badge-8-text-l), 0.5);
}
.ds-ctl-badge-8-border {
  border-color: var(--badge-8-default);
}
.ds-ctl-badge-8-border-disabled {
  border-color: hsla(var(--badge-8-default-h), var(--badge-8-default-s), var(--badge-8-default-l), 0.5);
}
.ds-ctl-badge-9 {
  background-color: var(--badge-9-default);
  color: var(--badge-9-text);
}
.ds-ctl-badge-9-tint {
  background-color: var(--badge-9-tint);
  color: var(--neutral-dark);
}
.ds-ctl-badge-9:hover {
  background-color: var(--badge-9-hover);
  color: var(--badge-9-text);
}
.ds-ctl-badge-9-disabled {
  background-color: hsla(var(--badge-9-default-h), var(--badge-9-default-s), var(--badge-9-default-l), 0.5);
  color: hsla(var(--badge-9-text-h), var(--badge-9-text-s), var(--badge-9-text-l), 0.5);
}
.ds-ctl-badge-9-border {
  border-color: var(--badge-9-default);
}
.ds-ctl-badge-9-border-disabled {
  border-color: hsla(var(--badge-9-default-h), var(--badge-9-default-s), var(--badge-9-default-l), 0.5);
}
.ds-ctl-outline {
  background-color: var(--neutral-white);
  color: var(--palette-primary);
  border: thin solid var(--neutral-400);
}
.ds-ctl-outline:hover {
  background-color: var(--neutral-400);
}
.ds-ctl-outline-disabled {
  color: hsla(var(--palette-primary-h), var(--palette-primary-s), var(--palette-primary-l), 0.5);
}
.ds-ctl-borderless {
  background-color: var(--neutral-white);
  color: var(--palette-primary);
  border: thin solid var(--neutral-white);
}
.ds-ctl-borderless:hover {
  border: thin solid var(--neutral-400);
}
.ds-ctl-borderless-disabled {
  color: hsla(var(--palette-primary-h), var(--palette-primary-s), var(--palette-primary-l), 0.5);
}
.ds-ctl-ghost {
  background-color: unset;
  color: var(--palette-primary);
  border: thin solid var(--neutral-white);
}
.ds-ctl-ghost:hover {
  background-color: var(--neutral-white);
  border: thin solid var(--neutral-400);
}
.ds-ctl-ghost-disabled {
  color: hsla(var(--palette-primary-h), var(--palette-primary-s), var(--palette-primary-l), 0.5);
}
.ds-box-aqua {
  border: thick aqua solid;
}
.ds-block-aqua {
  background-image:
    repeating-linear-gradient(
      45deg,
      #99ffff,
      #99ffff 10px,
      rgb(178.5, 255, 255) 10px,
      rgb(178.5, 255, 255) 20px);
}
.ds-box-blue {
  border: thick blue solid;
}
.ds-block-blue {
  background-image:
    repeating-linear-gradient(
      45deg,
      #9999ff,
      #9999ff 10px,
      rgb(178.5, 178.5, 255) 10px,
      rgb(178.5, 178.5, 255) 20px);
}
.ds-box-fuchsia {
  border: thick fuchsia solid;
}
.ds-block-fuchsia {
  background-image:
    repeating-linear-gradient(
      45deg,
      #ff99ff,
      #ff99ff 10px,
      rgb(255, 178.5, 255) 10px,
      rgb(255, 178.5, 255) 20px);
}
.ds-box-gray {
  border: thick gray solid;
}
.ds-block-gray {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(157.2192028986, 157.2192028986, 157.2192028986),
      rgb(157.2192028986, 157.2192028986, 157.2192028986) 10px,
      rgb(160.8301831928, 160.8301831928, 160.8301831928) 10px,
      rgb(160.8301831928, 160.8301831928, 160.8301831928) 20px);
}
.ds-box-green {
  border: thick green solid;
}
.ds-block-green {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-lime {
  border: thick lime solid;
}
.ds-block-lime {
  background-image:
    repeating-linear-gradient(
      45deg,
      #99ff99,
      #99ff99 10px,
      rgb(178.5, 255, 178.5) 10px,
      rgb(178.5, 255, 178.5) 20px);
}
.ds-box-maroon {
  border: thick maroon solid;
}
.ds-block-maroon {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-navy {
  border: thick navy solid;
}
.ds-block-navy {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-olive {
  border: thick olive solid;
}
.ds-block-olive {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-purple {
  border: thick purple solid;
}
.ds-block-purple {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-red {
  border: thick red solid;
}
.ds-block-red {
  background-image:
    repeating-linear-gradient(
      45deg,
      #ff9999,
      #ff9999 10px,
      rgb(255, 178.5, 178.5) 10px,
      rgb(255, 178.5, 178.5) 20px);
}
.ds-box-silver {
  border: thick silver solid;
}
.ds-block-silver {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(200.1331967213, 200.1331967213, 200.1331967213),
      rgb(200.1331967213, 200.1331967213, 200.1331967213) 10px,
      rgb(201.2888665998, 201.2888665998, 201.2888665998) 10px,
      rgb(201.2888665998, 201.2888665998, 201.2888665998) 20px);
}
.ds-box-teal {
  border: thick teal solid;
}
.ds-block-teal {
  background-image:
    repeating-linear-gradient(
      45deg,
      rgb(139.3392857143, 139.3392857143, 139.3392857143),
      rgb(139.3392857143, 139.3392857143, 139.3392857143) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 10px,
      rgb(148.9934533552, 148.9934533552, 148.9934533552) 20px);
}
.ds-box-orange {
  border: thick orange solid;
}
.ds-block-orange {
  background-image:
    repeating-linear-gradient(
      45deg,
      #ffdb99,
      #ffdb99 10px,
      rgb(255, 228, 178.5) 10px,
      rgb(255, 228, 178.5) 20px);
}
.ds-box-yellow {
  border: thick yellow solid;
}
.ds-block-yellow {
  background-image:
    repeating-linear-gradient(
      45deg,
      #ffff99,
      #ffff99 10px,
      rgb(255, 255, 178.5) 10px,
      rgb(255, 255, 178.5) 20px);
}
.ds-icon {
  padding: 0 !important;
  border-radius: 0;
}
.ds-size-8 {
  width: 8px;
  height: 8px;
  line-height: 8px;
}
.ds-size-8:before {
  font-size: 8px;
}
.ds-size-16 {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.ds-size-16:before {
  font-size: 16px;
}
.ds-size-24 {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ds-size-24:before {
  font-size: 24px;
}
.ds-size-32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ds-size-32:before {
  font-size: 32px;
}
.ds-size-40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ds-size-40:before {
  font-size: 40px;
}
.ds-size-48 {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.ds-size-48:before {
  font-size: 48px;
}
.ds-size-56 {
  width: 56px;
  height: 56px;
  line-height: 56px;
}
.ds-size-56:before {
  font-size: 56px;
}
.ds-size-64 {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.ds-size-64:before {
  font-size: 64px;
}
.ds-size-96 {
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ds-size-96:before {
  font-size: 96px;
}
.ds-size-128 {
  width: 128px;
  height: 128px;
  line-height: 128px;
}
.ds-size-128:before {
  font-size: 128px;
}
.ds-app-layout,
.ds-app-layout-wide {
  display: grid;
  grid-template-areas: "sidebar header header  header" "sidebar .      content ." "sidebar .      footer  .";
  grid-template-columns: var(--width-app-sidebar) 1fr var(--width-app-content) 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.ds-app-layout-hide-sidebar {
  grid-template-areas: ". header   ." ". content  ." ". footer   .";
  grid-template-columns: 1fr var(--width-app-content) 1fr;
}
.ds-app-layout-wide {
  grid-template-columns: var(--width-app-sidebar) 24px 1fr 24px;
}
.ds-app-sidebar {
  grid-area: sidebar;
  display: grid;
  grid-template-areas: "sidebar-header" "sidebar-menu" "sidebar-footer";
  grid-template-columns: var(--width-app-sidebar);
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  box-shadow: 6px 0 2px rgba(0, 0, 0, 0.05);
  background-color: var(--neutral-white);
  z-index: 900;
}
.ds-app-sidebar > .ds-app-sidebar-footer {
  grid-area: sidebar-footer;
}
@media (max-width: 959px) {
  .ds-app-sidebar {
    grid-area: unset;
    box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.05);
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599px) {
  .ds-app-sidebar {
    width: 100vw;
  }
}
.ds-app-sidebar-menu {
  grid-area: sidebar-menu;
}
.ds-app-sidebar-header {
  grid-area: sidebar-header;
}
@media (max-width: 1279px) {
  .ds-app-sidebar-header {
    width: 100%;
    grid-area: unset;
    grid-column: 1/span 4;
    grid-row: 1;
    box-shadow: 0 6px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 900;
  }
}
.ds-app-header {
  grid-area: header;
}
.ds-app-footer {
  grid-area: footer;
}
.ds-app-content {
  grid-area: content;
}
@media (max-width: 1279px) {
  .ds-app-layout,
  .ds-app-layout-wide {
    grid-template-areas: ". sidebar-header ." ". header ." ". content ." ". footer .";
    grid-template-columns: 0 1fr 0;
    grid-template-rows: auto auto 1fr auto;
  }
  .ds-app-header {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "header";
  }
  .ds-app-content {
    grid-area: content;
    padding: 0 24px;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
strong {
  font-weight: bold;
}
body {
  overflow-y: scroll;
  overflow-x: hidden;
}
:root {
  --neutral-100: hsla(210, 16.7%, 97.6%, 1);
  --neutral-100-h: 210;
  --neutral-100-s: 16.7%;
  --neutral-100-l: 97.6%;
  --neutral-100-a: 1;
  --neutral-200: hsla(210, 15.8%, 92.5%, 1);
  --neutral-200-h: 210;
  --neutral-200-s: 15.8%;
  --neutral-200-l: 92.5%;
  --neutral-200-a: 1;
  --neutral-300: hsla(210, 13.8%, 88.6%, 1);
  --neutral-300-h: 210;
  --neutral-300-s: 13.8%;
  --neutral-300-l: 88.6%;
  --neutral-300-a: 1;
  --neutral-400: hsla(210, 14%, 83.1%, 1);
  --neutral-400-h: 210;
  --neutral-400-s: 14%;
  --neutral-400-l: 83.1%;
  --neutral-400-a: 1;
  --neutral-500: hsla(210, 10.8%, 71%, 1);
  --neutral-500-h: 210;
  --neutral-500-s: 10.8%;
  --neutral-500-l: 71%;
  --neutral-500-a: 1;
  --neutral-600: hsla(207.5, 10.5%, 44.7%, 1);
  --neutral-600-h: 207.5;
  --neutral-600-s: 10.5%;
  --neutral-600-l: 44.7%;
  --neutral-600-a: 1;
  --neutral-700: hsla(210, 8.8%, 31.4%, 1);
  --neutral-700-h: 210;
  --neutral-700-s: 8.8%;
  --neutral-700-l: 31.4%;
  --neutral-700-a: 1;
  --neutral-800: hsla(210, 10.3%, 22.7%, 1);
  --neutral-800-h: 210;
  --neutral-800-s: 10.3%;
  --neutral-800-l: 22.7%;
  --neutral-800-a: 1;
  --neutral-900: hsla(210, 10.8%, 14.5%, 1);
  --neutral-900-h: 210;
  --neutral-900-s: 10.8%;
  --neutral-900-l: 14.5%;
  --neutral-900-a: 1;
  --neutral-black: hsla(0, 0%, 0%, 1);
  --neutral-black-h: 0;
  --neutral-black-s: 0%;
  --neutral-black-l: 0%;
  --neutral-black-a: 1;
  --neutral-dark: hsla(0, 0%, 15.3%, 1);
  --neutral-dark-h: 0;
  --neutral-dark-s: 0%;
  --neutral-dark-l: 15.3%;
  --neutral-dark-a: 1;
  --text-light: hsla(207, 10%, 44%, 1);
  --text-light-h: 207;
  --text-light-s: 10%;
  --text-light-l: 44%;
  --text-light-a: 1;
  --text-dark: hsla(0, 0%, 15%, 1);
  --text-dark-h: 0;
  --text-dark-s: 0%;
  --text-dark-l: 15%;
  --text-dark-a: 1;
  --neutral-light: hsla(220, 30%, 96.1%, 1);
  --neutral-light-h: 220;
  --neutral-light-s: 30%;
  --neutral-light-l: 96.1%;
  --neutral-light-a: 1;
  --neutral-white: hsla(0, 0%, 100%, 1);
  --neutral-white-h: 0;
  --neutral-white-s: 0%;
  --neutral-white-l: 100%;
  --neutral-white-a: 1;
  --palette-primary: hsla(248.1, 31.1%, 23.3%, 1);
  --palette-primary-h: 248.1;
  --palette-primary-s: 31.1%;
  --palette-primary-l: 23.3%;
  --palette-primary-a: 1;
  --palette-danger: hsla(354.3, 70.5%, 53.5%, 1);
  --palette-danger-h: 354.3;
  --palette-danger-s: 70.5%;
  --palette-danger-l: 53.5%;
  --palette-danger-a: 1;
  --palette-alternate-1: hsla(34, 76%, 52%, 1);
  --palette-alternate-1-h: 34;
  --palette-alternate-1-s: 76%;
  --palette-alternate-1-l: 52%;
  --palette-alternate-1-a: 1;
  --palette-alternate-2: hsla(341.9, 60.2%, 34.5%, 1);
  --palette-alternate-2-h: 341.9;
  --palette-alternate-2-s: 60.2%;
  --palette-alternate-2-l: 34.5%;
  --palette-alternate-2-a: 1;
  --palette-alternate-3: hsla(173.3, 70%, 35.3%, 1);
  --palette-alternate-3-h: 173.3;
  --palette-alternate-3-s: 70%;
  --palette-alternate-3-l: 35.3%;
  --palette-alternate-3-a: 1;
  --palette-primary-hover: hsla(215.8, 90%, 31.4%, 1);
  --palette-primary-hover-h: 215.8;
  --palette-primary-hover-s: 90%;
  --palette-primary-hover-l: 31.4%;
  --palette-primary-hover-a: 1;
  --palette-danger-hover: hsla(354.3, 77.2%, 42.9%, 1);
  --palette-danger-hover-h: 354.3;
  --palette-danger-hover-s: 77.2%;
  --palette-danger-hover-l: 42.9%;
  --palette-danger-hover-a: 1;
  --palette-alternate-1-hover: hsla(34, 70%, 40%, 1);
  --palette-alternate-1-hover-h: 34;
  --palette-alternate-1-hover-s: 70%;
  --palette-alternate-1-hover-l: 40%;
  --palette-alternate-1-hover-a: 1;
  --palette-alternate-2-hover: hsla(341.9, 67.2%, 44.5%, 1);
  --palette-alternate-2-hover-h: 341.9;
  --palette-alternate-2-hover-s: 67.2%;
  --palette-alternate-2-hover-l: 44.5%;
  --palette-alternate-2-hover-a: 1;
  --palette-alternate-3-hover: hsla(173.3, 77%, 45.3%, 1);
  --palette-alternate-3-hover-h: 173.3;
  --palette-alternate-3-hover-s: 77%;
  --palette-alternate-3-hover-l: 45.3%;
  --palette-alternate-3-hover-a: 1;
  --color-light-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-light-hover-h: var(--neutral-400-h);
  --color-light-hover-s: var(--neutral-400-s);
  --color-light-hover-l: var(--neutral-400-l);
  --color-light-hover-a: var(--neutral-400-a);
  --color-dark-hover: hsla(var(--neutral-light-h), var(--neutral-light-s), var(--neutral-light-l), var(--neutral-light-a));
  --color-dark-hover-h: var(--neutral-light-h);
  --color-dark-hover-s: var(--neutral-light-s);
  --color-dark-hover-l: var(--neutral-light-l);
  --color-dark-hover-a: var(--neutral-light-a);
  --color-plain-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-hover-h: var(--neutral-400-h);
  --color-plain-hover-s: var(--neutral-400-s);
  --color-plain-hover-l: var(--neutral-400-l);
  --color-plain-hover-a: var(--neutral-400-a);
  --color-plain-border-hover: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-border-hover-h: var(--neutral-400-h);
  --color-plain-border-hover-s: var(--neutral-400-s);
  --color-plain-border-hover-l: var(--neutral-400-l);
  --color-plain-border-hover-a: var(--neutral-400-a);
  --palette-primary-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-primary-text-h: var(--neutral-white-h);
  --palette-primary-text-s: var(--neutral-white-s);
  --palette-primary-text-l: var(--neutral-white-l);
  --palette-primary-text-a: var(--neutral-white-a);
  --palette-danger-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-danger-text-h: var(--neutral-white-h);
  --palette-danger-text-s: var(--neutral-white-s);
  --palette-danger-text-l: var(--neutral-white-l);
  --palette-danger-text-a: var(--neutral-white-a);
  --palette-alternate-1-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-1-text-h: var(--neutral-white-h);
  --palette-alternate-1-text-s: var(--neutral-white-s);
  --palette-alternate-1-text-l: var(--neutral-white-l);
  --palette-alternate-1-text-a: var(--neutral-white-a);
  --palette-alternate-2-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-2-text-h: var(--neutral-white-h);
  --palette-alternate-2-text-s: var(--neutral-white-s);
  --palette-alternate-2-text-l: var(--neutral-white-l);
  --palette-alternate-2-text-a: var(--neutral-white-a);
  --palette-alternate-3-text: hsla(var(--neutral-white-h), var(--neutral-white-s), var(--neutral-white-l), var(--neutral-white-a));
  --palette-alternate-3-text-h: var(--neutral-white-h);
  --palette-alternate-3-text-s: var(--neutral-white-s);
  --palette-alternate-3-text-l: var(--neutral-white-l);
  --palette-alternate-3-text-a: var(--neutral-white-a);
  --color-light-text: hsla(var(--neutral-dark-h), var(--neutral-dark-s), var(--neutral-dark-l), var(--neutral-dark-a));
  --color-light-text-h: var(--neutral-dark-h);
  --color-light-text-s: var(--neutral-dark-s);
  --color-light-text-l: var(--neutral-dark-l);
  --color-light-text-a: var(--neutral-dark-a);
  --color-dark-text: hsla(var(--neutral-light-h), var(--neutral-light-s), var(--neutral-light-l), var(--neutral-light-a));
  --color-dark-text-h: var(--neutral-light-h);
  --color-dark-text-s: var(--neutral-light-s);
  --color-dark-text-l: var(--neutral-light-l);
  --color-dark-text-a: var(--neutral-light-a);
  --color-plain-text: hsla(var(--palette-primary-h), var(---palette-primary-s), var(--palette-primary-l), var(--palette-primary-a));
  --color-plain-text-h: var(--palette-primary-h);
  --color-plain-text-s: var(---palette-primary-s);
  --color-plain-text-l: var(--palette-primary-l);
  --color-plain-text-a: var(--palette-primary-a);
  --color-plain-border-text: hsla(var(--palette-primary-h), var(---palette-primary-s), var(--palette-primary-l), var(--palette-primary-a));
  --color-plain-border-text-h: var(--palette-primary-h);
  --color-plain-border-text-s: var(---palette-primary-s);
  --color-plain-border-text-l: var(--palette-primary-l);
  --color-plain-border-text-a: var(--palette-primary-a);
  --color-plain-border: hsla(var(--neutral-400-h), var(--neutral-400-s), var(--neutral-400-l), var(--neutral-400-a));
  --color-plain-border-h: var(--neutral-400-h);
  --color-plain-border-s: var(--neutral-400-s);
  --color-plain-border-l: var(--neutral-400-l);
  --color-plain-border-a: var(--neutral-400-a);
  --overlay: hsla(0, 0, 15%, 0.8);
  --overlay-h: 0;
  --overlay-s: 0;
  --overlay-l: 15%;
  --overlay-a: 0.8;
  --pdf: hsla(354.4, 80.6%, 63.5%, 1);
  --pdf-h: 354.4;
  --pdf-s: 80.6%;
  --pdf-l: 63.5%;
  --pdf-a: 1;
  --badge-1-hover: var(--palette-danger-hover);
  --badge-1-tint: hsla(354.4, 88.9%, 92.9%, 1);
  --badge-1-tint-h: 354.4;
  --badge-1-tint-s: 88.9%;
  --badge-1-tint-l: 92.9%;
  --badge-1-tint-a: 1;
  --badge-1-default: var(--palette-danger);
  --badge-1-text: var(--neutral-white);
  --badge-2-hover: hsla(215.6, 72.9%, 49.8%, 1);
  --badge-2-hover-h: 215.6;
  --badge-2-hover-s: 72.9%;
  --badge-2-hover-l: 49.8%;
  --badge-2-hover-a: 1;
  --badge-2-tint: hsla(214.6, 100%, 94.9%, 1);
  --badge-2-tint-h: 214.6;
  --badge-2-tint-s: 100%;
  --badge-2-tint-l: 94.9%;
  --badge-2-tint-a: 1;
  --badge-2-default: hsla(215.6, 65.9%, 59.8%, 1);
  --badge-2-default-h: 215.6;
  --badge-2-default-s: 65.9%;
  --badge-2-default-l: 59.8%;
  --badge-2-default-a: 1;
  --badge-2-text: var(--neutral-white);
  --badge-3-hover: hsla(162.1, 57%, 38.6%, 1);
  --badge-3-hover-h: 162.1;
  --badge-3-hover-s: 57%;
  --badge-3-hover-l: 38.6%;
  --badge-3-hover-a: 1;
  --badge-3-tint: hsla(166.7, 33.3%, 94.7%, 1);
  --badge-3-tint-h: 166.7;
  --badge-3-tint-s: 33.3%;
  --badge-3-tint-l: 94.7%;
  --badge-3-tint-a: 1;
  --badge-3-default: hsla(162.1, 50%, 48.6%, 1);
  --badge-3-default-h: 162.1;
  --badge-3-default-s: 50%;
  --badge-3-default-l: 48.6%;
  --badge-3-default-a: 1;
  --badge-3-text: var(--neutral-white);
  --badge-4-hover: hsla(151.1, 83.9%, 24.3%, 1);
  --badge-4-hover-h: 151.1;
  --badge-4-hover-s: 83.9%;
  --badge-4-hover-l: 24.3%;
  --badge-4-hover-a: 1;
  --badge-4-tint: hsla(151.6, 76%, 90.2%, 1);
  --badge-4-tint-h: 151.6;
  --badge-4-tint-s: 76%;
  --badge-4-tint-l: 90.2%;
  --badge-4-tint-a: 1;
  --badge-4-default: hsla(151.1, 74.9%, 34.3%, 1);
  --badge-4-default-h: 151.1;
  --badge-4-default-s: 74.9%;
  --badge-4-default-l: 34.3%;
  --badge-4-default-a: 1;
  --badge-4-text: var(--neutral-white);
  --badge-5-hover: hsla(215.6, 72.9%, 49.8%, 1);
  --badge-5-hover-h: 215.6;
  --badge-5-hover-s: 72.9%;
  --badge-5-hover-l: 49.8%;
  --badge-5-hover-a: 1;
  --badge-5-tint: hsla(214.3, 100%, 97.3%, 1);
  --badge-5-tint-h: 214.3;
  --badge-5-tint-s: 100%;
  --badge-5-tint-l: 97.3%;
  --badge-5-tint-a: 1;
  --badge-5-default: hsla(215.6, 65.9%, 59.8%, 1);
  --badge-5-default-h: 215.6;
  --badge-5-default-s: 65.9%;
  --badge-5-default-l: 59.8%;
  --badge-5-default-a: 1;
  --badge-5-text: var(--neutral-white);
  --badge-6-hover: hsla(263.2, 57.4%, 45.7%, 1);
  --badge-6-hover-h: 263.2;
  --badge-6-hover-s: 57.4%;
  --badge-6-hover-l: 45.7%;
  --badge-6-hover-a: 1;
  --badge-6-tint: hsla(264, 50%, 96.1%, 1);
  --badge-6-tint-h: 264;
  --badge-6-tint-s: 50%;
  --badge-6-tint-l: 96.1%;
  --badge-6-tint-a: 1;
  --badge-6-default: hsla(263.2, 50.4%, 55.7%, 1);
  --badge-6-default-h: 263.2;
  --badge-6-default-s: 50.4%;
  --badge-6-default-l: 55.7%;
  --badge-6-default-a: 1;
  --badge-6-text: var(--neutral-white);
  --badge-7-hover: hsla(261.3, 57.6%, 40.8%, 1);
  --badge-7-hover-h: 261.3;
  --badge-7-hover-s: 57.6%;
  --badge-7-hover-l: 40.8%;
  --badge-7-hover-a: 1;
  --badge-7-tint: hsla(262.5, 41.4%, 88.6%, 1);
  --badge-7-tint-h: 262.5;
  --badge-7-tint-s: 41.4%;
  --badge-7-tint-l: 88.6%;
  --badge-7-tint-a: 1;
  --badge-7-default: hsla(261.3, 50.6%, 50.8%, 1);
  --badge-7-default-h: 261.3;
  --badge-7-default-s: 50.6%;
  --badge-7-default-l: 50.8%;
  --badge-7-default-a: 1;
  --badge-7-text: var(--neutral-white);
  --badge-8-hover: hsla(291.6, 77.1%, 69.2%, 1);
  --badge-8-hover-h: 291.6;
  --badge-8-hover-s: 77.1%;
  --badge-8-hover-l: 69.2%;
  --badge-8-hover-a: 1;
  --badge-8-tint: hsla(291.4, 89.7%, 92.4%, 1);
  --badge-8-tint-h: 291.4;
  --badge-8-tint-s: 89.7%;
  --badge-8-tint-l: 92.4%;
  --badge-8-tint-a: 1;
  --badge-8-default: hsla(291.6, 77.1%, 69.2%, 1);
  --badge-8-default-h: 291.6;
  --badge-8-default-s: 77.1%;
  --badge-8-default-l: 69.2%;
  --badge-8-default-a: 1;
  --badge-8-text: var(--neutral-white);
  --badge-9-hover: hsla(25.4, 83.5%, 41.6%, 1);
  --badge-9-hover-h: 25.4;
  --badge-9-hover-s: 83.5%;
  --badge-9-hover-l: 41.6%;
  --badge-9-hover-a: 1;
  --badge-9-tint: hsla(25.7, 91.3%, 91%, 1);
  --badge-9-tint-h: 25.7;
  --badge-9-tint-s: 91.3%;
  --badge-9-tint-l: 91%;
  --badge-9-tint-a: 1;
  --badge-9-default: hsla(25.4, 76.5%, 51.6%, 1);
  --badge-9-default-h: 25.4;
  --badge-9-default-s: 76.5%;
  --badge-9-default-l: 51.6%;
  --badge-9-default-a: 1;
  --graph-color-1: hsla(162.9, 100%, 17.8%, 1);
  --graph-color-1-h: 162.9;
  --graph-color-1-s: 100%;
  --graph-color-1-l: 17.8%;
  --graph-color-1-a: 1;
  --graph-color-2: hsla(34.3, 66.7%, 75.3%, 1);
  --graph-color-2-h: 34.3;
  --graph-color-2-s: 66.7%;
  --graph-color-2-l: 75.3%;
  --graph-color-2-a: 1;
  --graph-color-3: hsla(13.8, 64.6%, 41%, 1);
  --graph-color-3-h: 13.8;
  --graph-color-3-s: 64.6%;
  --graph-color-3-l: 41%;
  --graph-color-3-a: 1;
  --graph-color-4: hsla(175.7, 29.8%, 81.6%, 1);
  --graph-color-4-h: 175.7;
  --graph-color-4-s: 29.8%;
  --graph-color-4-l: 81.6%;
  --graph-color-4-a: 1;
  --graph-color-5: hsla(236.4, 50%, 67.1%, 1);
  --graph-color-5-h: 236.4;
  --graph-color-5-s: 50%;
  --graph-color-5-l: 67.1%;
  --graph-color-5-a: 1;
  --graph-color-6: hsla(121.5, 35%, 77.1%, 1);
  --graph-color-6-h: 121.5;
  --graph-color-6-s: 35%;
  --graph-color-6-l: 77.1%;
  --graph-color-6-a: 1;
  --graph-color-7: hsla(215.6, 65.9%, 59.8%, 1);
  --graph-color-7-h: 215.6;
  --graph-color-7-s: 65.9%;
  --graph-color-7-l: 59.8%;
  --graph-color-7-a: 1;
  --graph-color-8: hsla(183.5, 100%, 40.4%, 1);
  --graph-color-8-h: 183.5;
  --graph-color-8-s: 100%;
  --graph-color-8-l: 40.4%;
  --graph-color-8-a: 1;
  --graph-color-9: hsla(341.9, 60.2%, 34.5%, 1);
  --graph-color-9-h: 341.9;
  --graph-color-9-s: 60.2%;
  --graph-color-9-l: 34.5%;
  --graph-color-9-a: 1;
  --graph-color-10: hsla(207.5, 10.5%, 44.7%, 1);
  --graph-color-10-h: 207.5;
  --graph-color-10-s: 10.5%;
  --graph-color-10-l: 44.7%;
  --graph-color-10-a: 1;
  --graph-color-11: hsla(210, 14%, 83.1%, 1);
  --graph-color-11-h: 210;
  --graph-color-11-s: 14%;
  --graph-color-11-l: 83.1%;
  --graph-color-11-a: 1;
  --graph-color-12: hsla(210, 8.8%, 31.4%, 1);
  --graph-color-12-h: 210;
  --graph-color-12-s: 8.8%;
  --graph-color-12-l: 31.4%;
  --graph-color-12-a: 1;
  --badge-9-text: var(--neutral-white);
  --status-danger-hover: var(--badge-1-hover);
  --status-danger-tint: var(--badge-1-tint);
  --status-danger-default: var(--badge-1-default);
  --status-danger-text: var(--badge-1-text);
  --status-info-hover: var(--badge-2-hover);
  --status-info-tint: var(--badge-2-tint);
  --status-info-default: var(--badge-2-default);
  --status-info-text: var(--badge-2-text);
  --status-signed-hover: var(--badge-3-hover);
  --status-signed-tint: var(--badge-3-tint);
  --status-signed-default: var(--badge-3-default);
  --status-signed-text: var(--badge-3-text);
  --status-success-hover: var(--badge-4-hover);
  --status-success-tint: var(--badge-4-tint);
  --status-success-default: var(--badge-4-default);
  --status-success-text: var(--badge-4-text);
  --status-unread-hover: var(--badge-5-hover);
  --status-unread-tint: var(--badge-5-tint);
  --status-unread-default: var(--badge-5-default);
  --status-unread-text: var(--badge-5-text);
  --status-unsigned-hover: var(--badge-6-hover);
  --status-unsigned-tint: var(--badge-6-tint);
  --status-unsigned-default: var(--badge-6-default);
  --status-unsigned-text: var(--badge-6-text);
  --status-updated-hover: var(--badge-7-hover);
  --status-updated-tint: var(--badge-7-tint);
  --status-updated-default: var(--badge-7-default);
  --status-updated-text: var(--badge-7-text);
  --status-uploaded-hover: var(--badge-8-hover);
  --status-uploaded-tint: var(--badge-8-tint);
  --status-uploaded-default: var(--badge-8-default);
  --status-uploaded-text: var(--badge-8-text);
  --status-warning-hover: var(--badge-9-hover);
  --status-warning-tint: var(--badge-9-tint);
  --status-warning-default: var(--badge-9-default);
  --status-warning-text: var(--badge-9-text);
  --width-app-sidebar: 264px;
  --width-app-content: 1000px;
  --rounding-small-controls: 4px;
  --rounding-large-controls: 16px;
  --rounding-pill: 40px;
  --rounding-circle: 200px;
  --body-font:
    "Century Gothic",CenturyGothic,"Questrial",AppleGothic,sans-serif;
}
body {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
body.small {
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
body.lead {
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
h1 {
  font-family: var(--body-font);
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
}
h2 {
  font-family: var(--body-font);
  font-size: 22px;
  font-weight: 500;
  line-height: 38px;
}
h3 {
  font-family: var(--body-font);
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}
h4 {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
h5 {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
h6 {
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}
.badge {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.cc-btn {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none !important;
  padding: 0 16px !important;
  border-radius: 200px;
  border: solid 1px var(--palette-primary) !important;
  background-color: var(--palette-primary) !important;
  color: var(--neutral-white) !important;
}
.cc-dismiss {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  height: 32px !important;
}
.cookieContainerCls {
  width: 320px !important;
  height: 263px;
  background-color: #ffffff;
  border: solid 1px #ced4da;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.07);
}
.cookieContainerCls .compButtonContainerCls {
  display: flex;
  width: 100%;
  justify-content: right;
  padding-top: 9px;
  height: 32px !important;
  padding-right: 7px;
}
.cookieContainerCls .compButtonContainerCls .compButtonCls {
  width: 81px !important;
}
.cookieMessageCls {
  font-size: 14px;
  line-height: 20px;
}
.cookieMessageCls .headerCls {
  height: 38px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.73;
  color: var(--neutral-dark);
  text-align: left;
}
.cookieMessageCls .messageCls {
  padding-top: 16px;
  padding-bottom: 16px;
}
.cookieMessageCls .messageCls .readMoreCls {
  color: var(--palette-alternate-3);
  text-decoration: underline;
}
.teal {
  color: var(--palette-alternate-3);
}
.unstyled {
  margin-top: 8px;
}
.unstyled li {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.unstyled li .desc {
  position: relative;
  top: -1px;
}
.unstyled li:before {
  font-size: 26px;
}
.error:before {
  content: none !important;
}
.success:before {
  content: none !important;
}
.default-text:before {
  content: "\2022" !important;
}
.error-text {
  color: var(--palette-danger);
}
.valid-text {
  color: var(--status-success-default);
}
.match-txt {
  color: var(--status-success-default);
  margin: 0 32px;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin-top: 8px;
}
.default-text {
  color: #66737e;
}
.number-layout {
  display: grid;
  grid-template-columns: auto 3rem 1fr;
  grid-template-areas: "country-selection country-code-display number-input";
  width: 100%;
}
.number-layout .country-selection {
  grid-area: country-selection;
  min-width: 9rem;
  padding-right: 0;
  margin-right: 0;
}
.number-layout .number-input {
  grid-area: number-input;
  padding-left: 0;
  margin-left: 0;
}
.country-selector {
  width: 100px;
}
.no-otp {
  color: var(--palette-alternate-3);
  cursor: pointer;
}
.password-errors {
  color: #66737e;
}
.strengthBar {
  display: flex;
  gap: 6px;
}
.point:last-of-type {
  margin: 0 !important;
}
.point {
  background: #DDD;
  display: inline-block;
  height: 5px;
  width: 100%;
}
.success-msg .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  margin-top: 329.9px;
}
.success-msg h2 {
  align-self: stretch;
  flex-grow: 0;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: center;
}
.success-msg p {
  font-size: 20px;
}
.validationErr {
  position: relative;
  display: block;
  background-color: var(--badge-1-tint);
  border-radius: 8px;
  height: 42px;
  width: auto;
  margin-top: 5px;
}
.validationContainer {
  position: absolute;
  margin-right: 0.25rem;
  left: 0;
  line-height: 0.9rem;
}
small {
  color: var(--palette-danger);
  margin: 8px;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
}
.main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: center;
  width: 100%;
  min-width: 312px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.main .left-hlf {
  min-width: 312px;
  max-width: 456px;
  width: 100%;
}
.main .left-hlf .logo {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 24px !important;
}
.main .left-hlf .logo img {
  width: 94px;
  height: 40.3px;
}
.main .left-hlf .id-header {
  margin-bottom: 16px !important;
}
.main .left-hlf .id-header .welcome {
  height: 64px;
  align-self: stretch;
  font-size: 26px !important;
  line-height: 1.23 !important;
  flex-grow: 0;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
}
.main .left-hlf .id-header .welcome .dark {
  color: var(--neutral-dark);
}
.main .left-hlf .id-header .welcome .gold {
  color: var(--palette-alternate-1);
}
.main .left-hlf .id-header .subheader {
  margin-top: 24px;
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: var(--text-dark);
}
.main .left-hlf .id-header .paragraph {
  margin-top: 24px;
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #66737e;
}
.main .right-hlf {
  display: flex;
  flex-direction: column;
  justify-items: center;
  width: 100%;
  min-width: 312px;
}
.main .right-hlf img.logo {
  width: 144px;
  height: 61.7px;
  flex-grow: 0;
  object-fit: contain;
}
.main .right-hlf .right-hlf-header {
  text-align: center;
  margin-bottom: 32px;
  margin-top: 16px;
}
@media (max-width: 1279px) {
  .ds-app-layout {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 960px) {
  .main {
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    max-width: 100%;
    height: 100%;
    padding-top: 66px;
    padding-right: 0;
    margin-right: 0;
  }
  .main .left-hlf {
    width: 456px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100% !important;
  }
  .main .left-hlf .logo {
    height: 15%;
    margin-bottom: 12px;
  }
  .main .left-hlf .logo img {
    width: auto;
    height: 66px;
  }
  .main .left-hlf .id-header {
    justify-self: center;
    height: 85%;
    margin-top: 180.9px;
  }
  .main .right-hlf {
    width: 100%;
    align-items: center;
    margin-bottom: 32px;
  }
  .main .content {
    width: 504px;
  }
}
@media (min-width: 600px) and (max-width: 960px) {
  .left-hlf {
    max-width: 100% !important;
    width: 100%;
  }
  .left-hlf .logo {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
  }
  .left-hlf .logo img {
    justify-self: center !important;
    width: auto !important;
    height: 66px !important;
  }
  .right-hlf {
    align-items: center !important;
  }
  .right-hlf .right-hlf-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100%;
  }
}
.mt-24 {
  margin-top: 24px;
}
.mt-12 {
  margin-top: 12px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}
.mt-32 {
  margin-top: 32px;
}
.mb-32 {
  margin-bottom: 32px;
}
.p-32 {
  padding: 32px;
}
.font-11 {
  font-size: 11px;
}
.cursor-pointer {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
.success-text {
  color: var(--status-success);
}
citadel-phone-number-input {
  width: 100% !important;
}
citadel-button button.ds-btn.ds-ctl-primary {
  width: 100% !important;
}
citadel-button {
  width: 100%;
}
.ds-app-layout {
  padding: 0;
}
.ds-app-content {
  padding: 0 24px;
}
.ds-app-footer {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .ds-app-footer {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-banner {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 19.2px;
    font-size: 16px;
    padding: 0 24px;
    margin-bottom: 56px;
  }
  citadel-wizard-steps ul.wizard-step-container {
    width: 100% !important;
    margin-bottom: 32px !important;
  }
  citadel-wizard-steps ul.wizard-step-container li span.title {
    display: none;
  }
  li.wizard-step + li.wizard-step:after {
    width: 72% !important;
    top: 0 !important;
    margin: 15.5px 4px 15.5px 15.5px;
  }
  .mx-32 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .container {
    padding: 0 !important;
  }
  .form-header {
    border: solid thin;
    height: 22px !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: left !important;
    color: var(--text-dark) !important;
  }
  .form-header-extra {
    height: 100px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--text-dark);
  }
  .d-none-sm {
    display: none;
  }
  .radios label .label {
    margin-left: 40px;
  }
  .additional-security {
    font-size: 16px;
    text-align: left;
    color: var(--text-light);
    margin-bottom: -16px;
  }
  .Check-your-Whatsapp-for-an-OTP-one-time-PIN-and-enter-it-below {
    height: 99px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: left;
    color: var(--text-dark);
    margin-bottom: -32px;
  }
  .Didnt-receive-the-OTP {
    height: 20px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
  }
  .unstyled li {
    align-items: flex-start;
  }
  .success-msg {
    text-align: center;
  }
  .success-msg .text-light {
    font-size: 16px;
  }
}
.-mt-14 {
  margin-top: -14px;
}
small {
  color: var(--palette-danger);
  margin: 8px;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.invalid-feedback {
  position: relative;
  display: flex;
  background-color: var(--badge-1-tint);
  border-radius: 8px;
  height: 42px;
  width: auto;
  margin-top: 5px;
  align-items: center;
}
.invalid-feedback small {
  position: absolute;
  margin-right: 0.25rem;
  left: 0;
  line-height: 0.9rem;
}
.formHeader {
  align-self: stretch;
  flex-grow: 0;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--text-dark);
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

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