@charset "UTF-8";
@layer synapse-app, boto-components, boto-utils;
@layer boto-utils {
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/GraphikRegular.otf");
    font-weight: 300 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/GraphikSemibold.otf");
    font-weight: 600;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/GraphikBold.otf");
    font-weight: 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/GraphikMedium.otf");
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/Inter-Bold.woff2") format("woff2"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Bold.otf") format("otf"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/Inter-SemiBold.ttf");
    font-weight: 600;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Medium.otf") format("otf"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.synapse-medicine.com/boto/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Regular.otf") format("otf"), url("https://static.synapse-medicine.com/boto/fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 300 500;
    font-display: swap;
  }
  :root {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Graphik-regular;
    --font-family-tertiary: Graphik-regular;
    --text-25: calc(1 / 16 * 10rem);
    --text-50: calc(1 / 16 * 12rem);
    --text-75: calc(1 / 16 * 14rem);
    --text-100: 1rem;
    --text-125: calc(1 / 16 * 18rem);
    --text-150: calc(1 / 16 * 20rem);
    --text-175: calc(1 / 16 * 24rem);
    --text-200: calc(1 / 16 * 28rem);
    --h1-family: Graphik-regular;
    --h2-family: Graphik-regular;
    --h3-family: Graphik-regular;
    --h4-family: Graphik-regular;
    --h5-family: Graphik-regular;
    --h6-family: Graphik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h6-transform: none;
    --h1-size: calc(1 / 16 * 40rem);
    --h2-size: calc(1 / 16 * 32rem);
    --h3-size: calc(1 / 16 * 28rem);
    --h4-size: calc(1 / 16 * 24rem);
    --h5-size: calc(1 / 16 * 20rem);
    --h6-size: calc(1 / 16 * 18rem);
    --h1-weight: 600;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --h1-line-height: 1.15;
    --h2-line-height: 1.15;
    --h3-line-height: 1.15;
    --h4-line-height: 1.15;
    --h5-line-height: 1.25;
    --h6-line-height: 1.25;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --dp-copilot-25: 0px 1px 2px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-50: 0px 4px 13px 0px rgba(127, 44, 191, 0.09);
    --dp-copilot-100: 0px 1px 10px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-200: 0px 3px 17px 0px rgba(152, 53, 230, 0.25);
    --alert-0: #68daa0;
    --alert-0-h: 149.4736842105deg;
    --alert-0-s: 60.6382978723%;
    --alert-0-l: 63.137254902%;
    --alert-0-light: #e8faf2;
    --alert-0-light-h: 153.3333333333deg;
    --alert-0-light-s: 64.2857142857%;
    --alert-0-light-l: 94.5098039216%;
    --alert-0-medium: #c2f4db;
    --alert-0-medium-h: 150deg;
    --alert-0-medium-s: 69.4444444444%;
    --alert-0-medium-l: 85.8823529412%;
    --alert-0-dark: #5abe8b;
    --alert-0-dark-h: 149.4deg;
    --alert-0-dark-s: 43.4782608696%;
    --alert-0-dark-l: 54.9019607843%;
    --alert-25: #deef75;
    --alert-25-h: 68.3606557377deg;
    --alert-25-s: 79.2207792208%;
    --alert-25-l: 69.8039215686%;
    --alert-25-light: #feffed;
    --alert-25-light-h: 63.3333333333deg;
    --alert-25-light-s: 100%;
    --alert-25-light-l: 96.4705882353%;
    --alert-25-medium: #eef7b7;
    --alert-25-medium-h: 68.4375deg;
    --alert-25-medium-s: 80%;
    --alert-25-medium-l: 84.3137254902%;
    --alert-25-dark: #afc144;
    --alert-25-dark-h: 68.64deg;
    --alert-25-dark-s: 50.2008032129%;
    --alert-25-dark-l: 51.1764705882%;
    --alert-50: #fae15f;
    --alert-50-h: 50.3225806452deg;
    --alert-50-s: 93.9393939394%;
    --alert-50-l: 67.6470588235%;
    --alert-50-light: #fff9e7;
    --alert-50-light-h: 45deg;
    --alert-50-light-s: 100%;
    --alert-50-light-l: 95.2941176471%;
    --alert-50-medium: #fff2af;
    --alert-50-medium-h: 50.25deg;
    --alert-50-medium-s: 100%;
    --alert-50-medium-l: 84.3137254902%;
    --alert-50-dark: #eeb934;
    --alert-50-dark-h: 42.9032258065deg;
    --alert-50-dark-s: 84.5454545455%;
    --alert-50-dark-l: 56.862745098%;
    --alert-75: #fb7021;
    --alert-75-h: 21.7431192661deg;
    --alert-75-s: 96.4601769912%;
    --alert-75-l: 55.6862745098%;
    --alert-75-light: #ffefe6;
    --alert-75-light-h: 21.6deg;
    --alert-75-light-s: 100%;
    --alert-75-light-l: 95.0980392157%;
    --alert-75-medium: #fed2b8;
    --alert-75-medium-h: 22.2857142857deg;
    --alert-75-medium-s: 97.2222222222%;
    --alert-75-medium-l: 85.8823529412%;
    --alert-75-dark: #e75a08;
    --alert-75-dark-h: 22.0627802691deg;
    --alert-75-dark-s: 93.3054393305%;
    --alert-75-dark-l: 46.862745098%;
    --alert-100: #eb4343;
    --alert-100-h: 0deg;
    --alert-100-s: 80.7692307692%;
    --alert-100-l: 59.2156862745%;
    --alert-100-light: #fdecec;
    --alert-100-light-h: 0deg;
    --alert-100-light-s: 80.9523809524%;
    --alert-100-light-l: 95.8823529412%;
    --alert-100-medium: #ffc6c6;
    --alert-100-medium-h: 0deg;
    --alert-100-medium-s: 100%;
    --alert-100-medium-l: 88.8235294118%;
    --alert-100-dark: #da2c2c;
    --alert-100-dark-h: 0deg;
    --alert-100-dark-s: 70.1612903226%;
    --alert-100-dark-l: 51.3725490196%;
    --alert-125: #200303;
    --alert-125-h: 0deg;
    --alert-125-s: 82.8571428571%;
    --alert-125-l: 6.862745098%;
    --alert-125-light: #e9e6e6;
    --alert-125-light-h: 0deg;
    --alert-125-light-s: 6.3829787234%;
    --alert-125-light-l: 90.7843137255%;
    --alert-125-medium: #e1e1e1;
    --alert-125-medium-h: 0deg;
    --alert-125-medium-s: 0%;
    --alert-125-medium-l: 88.2352941176%;
    --alert-125-dark: #0b0101;
    --alert-125-dark-h: 0deg;
    --alert-125-dark-s: 83.3333333333%;
    --alert-125-dark-l: 2.3529411765%;
    --brand-primary: #00a0ff;
    --brand-primary-h: 202.3529411765deg;
    --brand-primary-s: 100%;
    --brand-primary-l: 50%;
    --brand-primary-light: #f2faff;
    --brand-primary-light-h: 203.0769230769deg;
    --brand-primary-light-s: 100%;
    --brand-primary-light-l: 97.4509803922%;
    --brand-primary-medium: #c3e9ff;
    --brand-primary-medium-h: 202deg;
    --brand-primary-medium-s: 100%;
    --brand-primary-medium-l: 88.2352941176%;
    --brand-primary-dark: #0080cc;
    --brand-primary-dark-h: 202.3529411765deg;
    --brand-primary-dark-s: 100%;
    --brand-primary-dark-l: 40%;
    --brand-secondary: #ff0099;
    --brand-secondary-h: 324deg;
    --brand-secondary-s: 100%;
    --brand-secondary-l: 50%;
    --brand-secondary-light: #fef2fa;
    --brand-secondary-light-h: 320deg;
    --brand-secondary-light-s: 85.7142857143%;
    --brand-secondary-light-l: 97.2549019608%;
    --brand-secondary-medium: #ffceeb;
    --brand-secondary-medium-h: 324.4897959184deg;
    --brand-secondary-medium-s: 100%;
    --brand-secondary-medium-l: 90.3921568627%;
    --brand-secondary-dark: #cc007a;
    --brand-secondary-dark-h: 324.1176470588deg;
    --brand-secondary-dark-s: 100%;
    --brand-secondary-dark-l: 40%;
    --brand-tertiary: #9835e6;
    --brand-tertiary-h: 273.5593220339deg;
    --brand-tertiary-s: 77.9735682819%;
    --brand-tertiary-l: 55.4901960784%;
    --brand-tertiary-light: #f6ebff;
    --brand-tertiary-light-h: 273deg;
    --brand-tertiary-light-s: 100%;
    --brand-tertiary-light-l: 96.0784313725%;
    --brand-tertiary-medium: #eaceff;
    --brand-tertiary-medium-h: 274.2857142857deg;
    --brand-tertiary-medium-s: 100%;
    --brand-tertiary-medium-l: 90.3921568627%;
    --brand-tertiary-dark: #7f2cbf;
    --brand-tertiary-dark-h: 273.8775510204deg;
    --brand-tertiary-dark-s: 62.5531914894%;
    --brand-tertiary-dark-l: 46.0784313725%;
    --additional-primary: #f5fbfe;
    --additional-primary-h: 200deg;
    --additional-primary-s: 81.8181818182%;
    --additional-primary-l: 97.8431372549%;
    --additional-secondary: #fdf7fb;
    --additional-secondary-h: 320deg;
    --additional-secondary-s: 60%;
    --additional-secondary-l: 98.0392156863%;
    --additional-tertiary: #faf7fd;
    --additional-tertiary-h: 270deg;
    --additional-tertiary-s: 60%;
    --additional-tertiary-l: 98.0392156863%;
    --additional-quaternary: #ffffff;
    --additional-quaternary-h: 0deg;
    --additional-quaternary-s: 0%;
    --additional-quaternary-l: 100%;
    --additional-fifth: #f8f9f9;
    --additional-fifth-h: 180deg;
    --additional-fifth-s: 7.6923076923%;
    --additional-fifth-l: 97.4509803922%;
    --additional-sixth: #222d39;
    --additional-sixth-h: 211.3043478261deg;
    --additional-sixth-s: 25.2747252747%;
    --additional-sixth-l: 17.8431372549%;
    --copilot-primary: linear-gradient(125deg, #9835e6 0%, #5e5eef 100%);
    --copilot-secondary: linear-gradient(125deg, #9835e6 0%, #c21fc7 100%);
    --white: #ffffff;
    --white-h: 0deg;
    --white-s: 0%;
    --white-l: 100%;
    --grey-0: #f5f5f5;
    --grey-0-h: 0deg;
    --grey-0-s: 0%;
    --grey-0-l: 96.0784313725%;
    --grey-25: #e1e1e1;
    --grey-25-h: 0deg;
    --grey-25-s: 0%;
    --grey-25-l: 88.2352941176%;
    --grey-50: #b6babe;
    --grey-50-h: 210deg;
    --grey-50-s: 5.7971014493%;
    --grey-50-l: 72.9411764706%;
    --grey-75: #6e7881;
    --grey-75-h: 208.4210526316deg;
    --grey-75-s: 7.949790795%;
    --grey-75-l: 46.862745098%;
    --grey-80: #49545e;
    --grey-80-h: 208.5714285714deg;
    --grey-80-s: 12.5748502994%;
    --grey-80-l: 32.7450980392%;
    --grey-100: #222d39;
    --grey-100-h: 211.3043478261deg;
    --grey-100-s: 25.2747252747%;
    --grey-100-l: 17.8431372549%;
    --border-width: 1px;
    --border-color: #e1e1e1;
    --border-color-h: 0deg;
    --border-color-s: 0%;
    --border-color-l: 88.2352941176%;
    --outline-primary: 3px solid rgba(0, 160, 255, 0.2);
    --z-0: 0;
    --z-1: 1;
    --z-2: 2;
    --z-3: 3;
    --z-cheating: 100;
    --weight-bold: 700;
    --weight-semibold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-normal: 400;
    --weight-light: 300;
  }

  /*!
    Cursor

    Utility classes used to control which cursor is shown when hovering.
    To see all possible values please go to: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

    Markup: 
    <div class="{{modifier_class}}">Hover me</div>

    .cursor-pointer - Show the pointer
    .cursor-auto - Let the OS decice
    .cursor-grab - Show the hand

    Styleguide Accessibility.Cursor
  */
  .cursor-alias {
    cursor: alias;
  }

  .cursor-all-scroll {
    cursor: all-scroll;
  }

  .cursor-auto {
    cursor: auto;
  }

  .cursor-cell {
    cursor: cell;
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-context-menu {
    cursor: context-menu;
  }

  .cursor-copy {
    cursor: copy;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-e-resize {
    cursor: e-resize;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-n-resize {
    cursor: n-resize;
  }

  .cursor-ne-resize {
    cursor: ne-resize;
  }

  .cursor-nesw-resize {
    cursor: nesw-resize;
  }

  .cursor-ns-resize {
    cursor: ns-resize;
  }

  .cursor-nw-resize {
    cursor: nw-resize;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-no-drop {
    cursor: no-drop;
  }

  .cursor-none {
    cursor: none;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-progress {
    cursor: progress;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-s-resize {
    cursor: s-resize;
  }

  .cursor-se-resize {
    cursor: se-resize;
  }

  .cursor-sw-resize {
    cursor: sw-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-w-resize {
    cursor: w-resize;
  }

  .cursor-wait {
    cursor: wait;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .cursor-zoom-out {
    cursor: zoom-out;
  }

  /*!
    Screenreaders

    Utility classes usefull to create screenreader-compatible features

    Markup:
    <div class="{{modifier_class}}" style="width: 50px; height: 20px"></div>

    .sr-only - Only 'visible' for screenreaders
    .sr-only-focusable - Only 'visible' for screenreaders, shown again when focused by keyboard-only user

    Styleguide Accessibility.Screenreaders
  */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
  }

  .sr-only.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /*!
    Selection

    Utility classes used to control how and if element can be selected

    Markup: 
    <div class="{{modifier_class}}">Select me</div>

    .user-select-none - The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.
    .user-select-auto - The used value of auto is determined automatically
    .user-select-text - The text can be selected by the user.
    .user-select-contain - Enables selection to start within the element; however, the selection will be contained by the bounds of that element.
    .user-select-all - The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants. If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.

    Styleguide Accessibility.Selection
  */
  .user-select-none {
    user-select: none;
  }

  .user-select-auto {
    user-select: auto;
  }

  .user-select-text {
    user-select: text;
  }

  .user-select-contain {
    user-select: contain;
  }

  .user-select-all {
    user-select: all;
  }

  /*!
    Sizes

    Available font sizes.

    Markup:
    <div class="{{modifier_class}}">Oh la belle typo !</div>

    .text-25 - Smallest text size {{font-size}}
    .text-50 - Smaller text size {{font-size}}
    .text-75 - Medium text size {{font-size}}
    .text-100 - Standard text size {{font-size}}
    .text-125 - Large text size {{font-size}}
    .text-150 - Bigger text size {{font-size}}
    .text-200 - Biggest text size {{font-size}}

    Styleguide Typography.Sizes
  */
  .text-25 {
    font-size: var(--text-25);
  }

  .text-50 {
    font-size: var(--text-50);
  }

  .text-75 {
    font-size: var(--text-75);
  }

  .text-100 {
    font-size: var(--text-100);
  }

  .text-125 {
    font-size: var(--text-125);
  }

  .text-150 {
    font-size: var(--text-150);
  }

  .text-175 {
    font-size: var(--text-175);
  }

  .text-200 {
    font-size: var(--text-200);
  }

  /*!
    Families

    Font families

    Weight: -1

    Markup:
    <div class="{{modifier_class}}">Oh la belle typo !</div>

    .font-family-primary - Use of the primary font, used for texts in particular
    .font-family-secondary - Secondary font usage, used for highlights
    .font-family-tertiary - Use tertiary font, used for highlights

    Styleguide Typography.families
  */
  .font-family-primary {
    font-family: var(--font-family-primary);
  }

  .font-family-secondary {
    font-family: var(--font-family-secondary);
  }

  .font-family-tertiary {
    font-family: var(--font-family-tertiary);
  }

  /*!
    Text color

    Utility classes for coloring text. <br />
    All available colors can be found here:
    * [Brand colors](Colors.Palet.Brand.html)
    * [Alert colors](Colors.Palet.Alert.html)
    * [Additional colors](Colors.Palet.Additional.html)
    * [Greys](Colors.Palet.Greys.html)

    Markup:
    <span class="{{modifier_class}}">Des chips !</span>

    .text-brand-primary - text in primary brand color
    .text-additional-primary - text in additional primary color
    .text-alert-50 - mid-level alert color text
    .text-grey-50 - Gray text

    Styleguide Typography.Colors
  */
  .text-alert-0 {
    color: var(--alert-0);
  }

  .text-alert-0-light {
    color: var(--alert-0-light);
  }

  .text-alert-0-medium {
    color: var(--alert-0-medium);
  }

  .text-alert-0-dark {
    color: var(--alert-0-dark);
  }

  .text-alert-25 {
    color: var(--alert-25);
  }

  .text-alert-25-light {
    color: var(--alert-25-light);
  }

  .text-alert-25-medium {
    color: var(--alert-25-medium);
  }

  .text-alert-25-dark {
    color: var(--alert-25-dark);
  }

  .text-alert-50 {
    color: var(--alert-50);
  }

  .text-alert-50-light {
    color: var(--alert-50-light);
  }

  .text-alert-50-medium {
    color: var(--alert-50-medium);
  }

  .text-alert-50-dark {
    color: var(--alert-50-dark);
  }

  .text-alert-75 {
    color: var(--alert-75);
  }

  .text-alert-75-light {
    color: var(--alert-75-light);
  }

  .text-alert-75-medium {
    color: var(--alert-75-medium);
  }

  .text-alert-75-dark {
    color: var(--alert-75-dark);
  }

  .text-alert-100 {
    color: var(--alert-100);
  }

  .text-alert-100-light {
    color: var(--alert-100-light);
  }

  .text-alert-100-medium {
    color: var(--alert-100-medium);
  }

  .text-alert-100-dark {
    color: var(--alert-100-dark);
  }

  .text-alert-125 {
    color: var(--alert-125);
  }

  .text-alert-125-light {
    color: var(--alert-125-light);
  }

  .text-alert-125-medium {
    color: var(--alert-125-medium);
  }

  .text-alert-125-dark {
    color: var(--alert-125-dark);
  }

  .text-brand-primary {
    color: var(--brand-primary);
  }

  .text-brand-primary-light {
    color: var(--brand-primary-light);
  }

  .text-brand-primary-medium {
    color: var(--brand-primary-medium);
  }

  .text-brand-primary-dark {
    color: var(--brand-primary-dark);
  }

  .text-brand-secondary {
    color: var(--brand-secondary);
  }

  .text-brand-secondary-light {
    color: var(--brand-secondary-light);
  }

  .text-brand-secondary-medium {
    color: var(--brand-secondary-medium);
  }

  .text-brand-secondary-dark {
    color: var(--brand-secondary-dark);
  }

  .text-brand-tertiary {
    color: var(--brand-tertiary);
  }

  .text-brand-tertiary-light {
    color: var(--brand-tertiary-light);
  }

  .text-brand-tertiary-medium {
    color: var(--brand-tertiary-medium);
  }

  .text-brand-tertiary-dark {
    color: var(--brand-tertiary-dark);
  }

  .text-additional-primary {
    color: var(--additional-primary);
  }

  .text-additional-secondary {
    color: var(--additional-secondary);
  }

  .text-additional-tertiary {
    color: var(--additional-tertiary);
  }

  .text-additional-quaternary {
    color: var(--additional-quaternary);
  }

  .text-additional-fifth {
    color: var(--additional-fifth);
  }

  .text-additional-sixth {
    color: var(--additional-sixth);
  }

  .text-copilot-primary {
    color: var(--copilot-primary);
  }

  .text-copilot-secondary {
    color: var(--copilot-secondary);
  }

  .text-white {
    color: var(--white);
  }

  .text-grey-0 {
    color: var(--grey-0);
  }

  .text-grey-25 {
    color: var(--grey-25);
  }

  .text-grey-50 {
    color: var(--grey-50);
  }

  .text-grey-75 {
    color: var(--grey-75);
  }

  .text-grey-80 {
    color: var(--grey-80);
  }

  .text-grey-100 {
    color: var(--grey-100);
  }

  /*!
    Weights and Styles

    Font weight and style

    Markup:
    <div class="font-aeonik {{modifier_class}}">Aeonik: Oh la belle typo !</div>
    <div class="font-inter {{modifier_class}}">Inter: Oh la belle typo !</div>

    .font-weight-bold - Bold font weight {{font-weight}}
    .font-weight-semibold - Semibold font weight {{font-weight}}
    .font-weight-medium - Medium font weight {{font-weight}}
    .font-weight-normal - Initial font weight {{font-weight}}
    .font-weight-light - Light font weight {{font-weight}}
    .font-style-italic - font in italic
    .text-lowercase - Lowercase text
    .text-uppercase - Uppercase text
    .text-capitalize - Capitalized text (first letter capitalized)
    .text-decoration-none - Remove decoration
    .text-decoration-underline - Underline the text

    Styleguide Typography.weight-and-style
  */
  .font-weight-bold {
    font-weight: var(--weight-bold);
  }

  .font-weight-semibold {
    font-weight: var(--weight-semibold);
  }

  .font-weight-medium {
    font-weight: var(--weight-medium);
  }

  .font-weight-regular {
    font-weight: var(--weight-regular);
  }

  .font-weight-normal {
    font-weight: var(--weight-normal);
  }

  .font-weight-light {
    font-weight: var(--weight-light);
  }

  .font-style-italic {
    font-style: italic;
  }

  .text-lowercase {
    text-transform: lowercase;
  }

  .text-uppercase {
    text-transform: uppercase;
  }

  .text-capitalize {
    text-transform: capitalize;
  }

  .text-decoration-none {
    text-decoration: none;
  }

  .text-decoration-underline {
    text-decoration: underline;
  }

  /*!
    Titles

    Different title size variants
    Titles can be mixed with other text-related utility classes
    such as .text-brand-primary

    Weight: 1

    Markup:
    <span class="{{modifier_class}}">Je suis un titre</span>

    .h1 - {{font-size}} title
    .h2 - {{font-size}} title
    .h3 - {{font-size}} title
    .h4 - {{font-size}} title
    .h5 - {{font-size}} title
    .h6 - {{font-size}} title

    Styleguide Typography.titles
  */
  h1,
.h1 {
    margin: 0;
    font-size: var(--h1-size);
    font-weight: var(--h1-weight);
    font-family: var(--h1-family);
    text-transform: var(--h1-transform);
    line-height: var(--h1-line-height);
  }

  h2,
.h2 {
    margin: 0;
    font-size: var(--h2-size);
    font-weight: var(--h2-weight);
    font-family: var(--h2-family);
    text-transform: var(--h2-transform);
    line-height: var(--h2-line-height);
  }

  h3,
.h3 {
    margin: 0;
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    font-family: var(--h3-family);
    text-transform: var(--h3-transform);
    line-height: var(--h3-line-height);
  }

  h4,
.h4 {
    margin: 0;
    font-size: var(--h4-size);
    font-weight: var(--h4-weight);
    font-family: var(--h4-family);
    text-transform: var(--h4-transform);
    line-height: var(--h4-line-height);
  }

  h5,
.h5 {
    margin: 0;
    font-size: var(--h5-size);
    font-weight: var(--h5-weight);
    font-family: var(--h5-family);
    text-transform: var(--h5-transform);
    line-height: var(--h5-line-height);
  }

  h6,
.h6 {
    margin: 0;
    font-size: var(--h6-size);
    font-weight: var(--h6-weight);
    font-family: var(--h6-family);
    text-transform: var(--h6-transform);
    line-height: var(--h6-line-height);
  }

  /*!
    Alignement

    Text alignment utility classes

    Markup:
    <div style="width: 100px;">
    <div class="{{modifier_class}}">Oh la belle typo !</div>
    </div>

    .text-wrap - Allow text to wrap automatically  
    .text-nowrap - Allow text to wrap automatically  
    .text-pre - Keep blanks, break on linebreak chars and br  
    .text-prewrap - Keep blanks, break on linebreak chars, autoline breaks and br  
    .text-preline - Merge blanks, break on linebreak chars, autoline breaks and br  
    .text-justify - Justify the text
    .text-truncate - Allow text to truncate with an ellispe
    .text-left - Align left
    .text-right - Align right
    .text-center - Center align

    Styleguide Typography.Alignement
  */
  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-center {
    text-align: center;
  }

  .text-justify {
    text-align: justify;
  }

  .text-nowrap {
    white-space: nowrap;
  }

  .text-pre {
    white-space: pre;
  }

  .text-pre-wrap {
    white-space: pre-wrap;
  }

  .text-pre-line {
    white-space: pre-line;
  }

  .text-break-spaces {
    white-space: break-spaces;
  }

  .text-wrap {
    white-space: normal;
  }

  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /*!
    Lists

    Modifications applicables sur les listes

    Markup:
    <ul class="{{modifier_class}}"><li>Item 1</li><li>Item 2</li></ul>

    .list-unstyled - Remove points before list items

    Styleguide Typography.Lists
  */
  .list-unstyled {
    list-style: none;
  }

  /*!
    --Variables

    Variables associated with fonts

    Weight: 7

    --font-family-primary - Use of the primary font, used for texts in particular
    --font-family-secondary - Secondary font usage, used for highlights
    --font-family-tertiary - Use tertiary font, used for highlights
    --text-25 - N/A
    --text-50 - Used for navigation bar
    --text-75 - Used for sources, map subtexts, map categories
    --text-100 - Used for default text, paragraphs
    --text-125 - N/A
    --text-150 - N/A
    --text-200 - N/A
    --h1-family - Family for h1 titles
    --h2-family - Family for h2 titles
    --h3-family - Family for h3 titles
    --h4-family - Family for h4 titles
    --h5-family - Family for h5 titles
    --h1-weight - Weight for h1 titles
    --h2-weight - Weight for h2 titles
    --h3-weight - Weight for h3 titles
    --h4-weight - Weight for h4 titles
    --h5-weight - Weight for h5 titles
    --h1-transform - Transform for h1 titles
    --h2-transform - Transform for h2 titles
    --h3-transform - Transform for h3 titles
    --h4-transform - Transform for h4 titles
    --h5-transform - Transform for h5 titles
    --h1-size - Size for h1 titles
    --h2-size - Size for h2 titles
    --h3-size - Size for h3 titles
    --h4-size - Size for h4 titles
    --h5-size - Size for h5 titles
    --weight-bold - Bold weight
    --weight-semibold - Bold semibold
    --weight-medium - Bold medium
    --weight-normal - Bold normal
    --weight-light - Bold light

    Styleguide Typography.variables
  */
  .caption-100 {
    line-height: 1.25;
    font-size: var(--text-50);
  }

  .caption-75 {
    font-size: var(--text-25);
    line-height: 1.25;
  }

  .article-75 {
    font-size: var(--text-75);
    line-height: 1.25;
  }

  .article-100 {
    font-size: var(--text-100);
    line-height: 1.25;
  }

  /*!
    Padding

    The spaces established below must be respected<br>

    Markup:
    <div class="{{modifier_class}}" style="background-color: #E6EBEE; color: #003753;">
      spacing
    </div>

    .p-0 - Remove padding
    .p-1 - To be used on small cards, on a card placed in a larger card or on certain top/bottom paddings (ex: feature cards)
    .p-2 - To be used without moderation for all cards, droppanels, popIn type blocks
    .p-25 - Use as little as possible and only when space does not allow for higher padding.
    .p-3 - To be used on small cards, on a card placed in a larger card or on certain top/bottom paddings (ex: feature cards)
    .p-4 - To be used without moderation for all cards, droppanels, popIn type blocks
    .p-45 - No description
    .p-5 - No description

    Styleguide Spacings.padding
  */
  .p-0 {
    padding: var(--spacing-0);
  }

  .pt-0 {
    padding-top: var(--spacing-0);
  }

  .pb-0 {
    padding-bottom: var(--spacing-0);
  }

  .pr-0 {
    padding-right: var(--spacing-0);
  }

  .pl-0 {
    padding-left: var(--spacing-0);
  }

  .py-0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
  }

  .px-0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
  }

  .p-1 {
    padding: var(--spacing-1);
  }

  .pt-1 {
    padding-top: var(--spacing-1);
  }

  .pb-1 {
    padding-bottom: var(--spacing-1);
  }

  .pr-1 {
    padding-right: var(--spacing-1);
  }

  .pl-1 {
    padding-left: var(--spacing-1);
  }

  .py-1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
  }

  .px-1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }

  .p-2 {
    padding: var(--spacing-2);
  }

  .pt-2 {
    padding-top: var(--spacing-2);
  }

  .pb-2 {
    padding-bottom: var(--spacing-2);
  }

  .pr-2 {
    padding-right: var(--spacing-2);
  }

  .pl-2 {
    padding-left: var(--spacing-2);
  }

  .py-2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
  }

  .px-2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .p-25 {
    padding: var(--spacing-25);
  }

  .pt-25 {
    padding-top: var(--spacing-25);
  }

  .pb-25 {
    padding-bottom: var(--spacing-25);
  }

  .pr-25 {
    padding-right: var(--spacing-25);
  }

  .pl-25 {
    padding-left: var(--spacing-25);
  }

  .py-25 {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }

  .px-25 {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }

  .p-3 {
    padding: var(--spacing-3);
  }

  .pt-3 {
    padding-top: var(--spacing-3);
  }

  .pb-3 {
    padding-bottom: var(--spacing-3);
  }

  .pr-3 {
    padding-right: var(--spacing-3);
  }

  .pl-3 {
    padding-left: var(--spacing-3);
  }

  .py-3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
  }

  .px-3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }

  .p-4 {
    padding: var(--spacing-4);
  }

  .pt-4 {
    padding-top: var(--spacing-4);
  }

  .pb-4 {
    padding-bottom: var(--spacing-4);
  }

  .pr-4 {
    padding-right: var(--spacing-4);
  }

  .pl-4 {
    padding-left: var(--spacing-4);
  }

  .py-4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .px-4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .p-45 {
    padding: var(--spacing-45);
  }

  .pt-45 {
    padding-top: var(--spacing-45);
  }

  .pb-45 {
    padding-bottom: var(--spacing-45);
  }

  .pr-45 {
    padding-right: var(--spacing-45);
  }

  .pl-45 {
    padding-left: var(--spacing-45);
  }

  .py-45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .px-45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .p-5 {
    padding: var(--spacing-5);
  }

  .pt-5 {
    padding-top: var(--spacing-5);
  }

  .pb-5 {
    padding-bottom: var(--spacing-5);
  }

  .pr-5 {
    padding-right: var(--spacing-5);
  }

  .pl-5 {
    padding-left: var(--spacing-5);
  }

  .py-5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .px-5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  /*!
    Margin

    The spaces established below must be respected<br>

    Markup:
    <div class="{{modifier_class}}" style="background-color: #E6EBEE; color: #003753;">
      spacing
    </div>

    .m-0 - Remove margin
    .m-1 - To be used as little as possible, can be used to space the subtitle from its title or in exceptional cases requiring the use of this spacing level 6.
    .m-2 - To be used to separate a picto from its text in restricted space, in padding for “small” buttons when there is little space.
    .m-25 - To be used to separate a picto from its text, in padding for “small” buttons when there is little space.
    .m-3 - Use to separate contents within the same pargraph/block.
    .m-4 - Use to separate content within the same section.
    .m-45 - Use to separate two sections.
    .m-5 - To be used to separate two contents that have nothing to do with each other (little used).
    .mx-auto - Auto Side Margin
    .my-auto - Automatic vertical margin
    .m-auto - Auto Margin
    .ml-auto - Auto Left Margin
    .mr-auto - Automatic right margin
    .mt-auto - Auto top margin
    .mb-auto - Automatic bottom margin

    Styleguide Spacings.margin
  */
  .m-0 {
    margin: var(--spacing-0);
  }

  .mt-0 {
    margin-top: var(--spacing-0);
  }

  .mb-0 {
    margin-bottom: var(--spacing-0);
  }

  .mr-0 {
    margin-right: var(--spacing-0);
  }

  .ml-0 {
    margin-left: var(--spacing-0);
  }

  .my-0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
  }

  .mx-0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
  }

  .m-1 {
    margin: var(--spacing-1);
  }

  .mt-1 {
    margin-top: var(--spacing-1);
  }

  .mb-1 {
    margin-bottom: var(--spacing-1);
  }

  .mr-1 {
    margin-right: var(--spacing-1);
  }

  .ml-1 {
    margin-left: var(--spacing-1);
  }

  .my-1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
  }

  .mx-1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

  .m-2 {
    margin: var(--spacing-2);
  }

  .mt-2 {
    margin-top: var(--spacing-2);
  }

  .mb-2 {
    margin-bottom: var(--spacing-2);
  }

  .mr-2 {
    margin-right: var(--spacing-2);
  }

  .ml-2 {
    margin-left: var(--spacing-2);
  }

  .my-2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
  }

  .mx-2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
  }

  .m-25 {
    margin: var(--spacing-25);
  }

  .mt-25 {
    margin-top: var(--spacing-25);
  }

  .mb-25 {
    margin-bottom: var(--spacing-25);
  }

  .mr-25 {
    margin-right: var(--spacing-25);
  }

  .ml-25 {
    margin-left: var(--spacing-25);
  }

  .my-25 {
    margin-top: var(--spacing-25);
    margin-bottom: var(--spacing-25);
  }

  .mx-25 {
    margin-left: var(--spacing-25);
    margin-right: var(--spacing-25);
  }

  .m-3 {
    margin: var(--spacing-3);
  }

  .mt-3 {
    margin-top: var(--spacing-3);
  }

  .mb-3 {
    margin-bottom: var(--spacing-3);
  }

  .mr-3 {
    margin-right: var(--spacing-3);
  }

  .ml-3 {
    margin-left: var(--spacing-3);
  }

  .my-3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
  }

  .mx-3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
  }

  .m-4 {
    margin: var(--spacing-4);
  }

  .mt-4 {
    margin-top: var(--spacing-4);
  }

  .mb-4 {
    margin-bottom: var(--spacing-4);
  }

  .mr-4 {
    margin-right: var(--spacing-4);
  }

  .ml-4 {
    margin-left: var(--spacing-4);
  }

  .my-4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .mx-4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

  .m-45 {
    margin: var(--spacing-45);
  }

  .mt-45 {
    margin-top: var(--spacing-45);
  }

  .mb-45 {
    margin-bottom: var(--spacing-45);
  }

  .mr-45 {
    margin-right: var(--spacing-45);
  }

  .ml-45 {
    margin-left: var(--spacing-45);
  }

  .my-45 {
    margin-top: var(--spacing-45);
    margin-bottom: var(--spacing-45);
  }

  .mx-45 {
    margin-left: var(--spacing-45);
    margin-right: var(--spacing-45);
  }

  .m-5 {
    margin: var(--spacing-5);
  }

  .mt-5 {
    margin-top: var(--spacing-5);
  }

  .mb-5 {
    margin-bottom: var(--spacing-5);
  }

  .mr-5 {
    margin-right: var(--spacing-5);
  }

  .ml-5 {
    margin-left: var(--spacing-5);
  }

  .my-5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
  }

  .mx-5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mb-auto {
    margin-bottom: auto;
  }

  .ml-auto {
    margin-left: auto;
  }

  .mr-auto {
    margin-right: auto;
  }

  .mx-auto {
    margin-right: auto;
    margin-left: auto;
  }

  .my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .m-auto {
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  /*!
    Gap

    The spaces established below must be respected<br>

    Markup:
    <div class="d-flex {{modifier_class}}">
        <div class="bg-brand-primary">Davy</div>
        <div class="bg-brand-secondary">Crocket</div>
    </div>

    .gap-0 - Remove margin
    .gap-1 - To be used as little as possible, can be used to space the subtitle from its title or in exceptional cases requiring the use of this spacing level 6.
    .gap-2 - To be used to separate a picto from its text in restricted space, in padding for “small” buttons when there is little space.
    .gap-25 - To be used to separate a picto from its text, in padding for “small” buttons when there is little space.
    .gap-3 - Use to separate contents within the same pargraph/block.
    .gap-4 - Use to separate content within the same section.
    .gap-45 - Use to separate two sections.
    .gap-5 - To be used to separate two contents that have nothing to do with each other (little used).

    Styleguide Spacings.gap
  */
  .gap-0 {
    gap: var(--spacing-0);
  }

  .gap-1 {
    gap: var(--spacing-1);
  }

  .gap-2 {
    gap: var(--spacing-2);
  }

  .gap-25 {
    gap: var(--spacing-25);
  }

  .gap-3 {
    gap: var(--spacing-3);
  }

  .gap-4 {
    gap: var(--spacing-4);
  }

  .gap-45 {
    gap: var(--spacing-45);
  }

  .gap-5 {
    gap: var(--spacing-5);
  }

  /*!
    --Variables

    The available sizes are:

    --spacing-0 - Spacing of 0px
    --spacing-1 - Small space
    --spacing-2 - Reduced space
    --spacing-25 - Intermediate reduced space
    --spacing-3 - Standard space
    --spacing-4 - Spacing medium
    --spacing-45 - Wide space
    --spacing-5 - Large space

    Styleguide Spacings.Variables
  */
  /*!
    Alignement

    Grid and flex elements can be horizontally and vertically aligned.

    Weight: 5

    .align-items-baseline - .col are aligned at the ligne
    .align-items-start - .col are aligned at the top of the container
    .align-items-center - .col are aligned in the middle (vertically) of the container
    .align-items-stretch - .col take up all vertical space
    .align-items-end - .col are aligned at the bottom of the container
    .align-self-start - Self is aligned at the top of the container
    .align-self-center -  Self is aligned in the middle (vertically) of the container
    .align-self-stretch -  Self is take up all vertical space
    .align-self-end -  Self is aligned at the bottom of the container
    .justify-content-start - .cols are aligned to the left of the container
    .justify-content-center - .cols are aligned in the middle (horizontally) of the container
    .justify-content-around - The .col are aligned on either side of the container, while remaining centered
    .justify-content-between - .col are aligned on either side of the container
    .justify-content-end - .col are aligned to the right of the container

    Styleguide Layouts.alignment
  */
  .align-items-baseline {
    align-items: baseline;
  }

  .align-items-start {
    align-items: start;
  }

  .align-items-center {
    align-items: center;
  }

  .align-items-stretch {
    align-items: stretch;
  }

  .align-items-end {
    align-items: end;
  }

  .align-self-baseline {
    align-self: baseline;
  }

  .align-self-start {
    align-self: start;
  }

  .align-self-center {
    align-self: center;
  }

  .align-self-stretch {
    align-self: stretch;
  }

  .align-self-end {
    align-self: end;
  }

  .justify-content-start {
    justify-content: start;
  }

  .justify-content-center {
    justify-content: center;
  }

  .justify-content-stretch {
    justify-content: stretch;
  }

  .justify-content-end {
    justify-content: end;
  }

  .justify-content-between {
    justify-content: space-between;
  }

  .justify-content-around {
    justify-content: space-around;
  }

  .justify-content-evenly {
    justify-content: space-evenly;
  }

  .justify-self-baseline {
    justify-self: baseline;
  }

  .justify-self-start {
    justify-self: start;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .justify-self-end {
    justify-self: end;
  }

  /*!
    Cols

    The .col class is used to define a cell in a grid.  
    Several variants exist with specific characteristics.  
    The use of .col and .col-auto is strongly recommended, as it allows you to obtain a simple code.  
    It is possible to set maximum and minimum sizes for .col.  
    If a .col can no longer be reduced, it will generate the appearance of a new line.  

    Weight: 4

    .col - The cell will try to take up as much space as possible
    .col-auto - The cell will try to take up minimal space

    Styleguide Layouts.Cols
  */
  /*!
    Display

    Utility classes used to modify the display mode of an element

    .d-none - Don't display
    .d-block - Block display
    .d-inline - Displays inline
    .d-inline-block - Displays inline/block
    .d-flex - Displays flex
    .d-inline-flex Displays inline flex

    Styleguide Layouts.Display
  */
  .d-none {
    display: none;
  }

  .d-block {
    display: block;
  }

  .d-flex {
    display: flex;
  }

  .d-inline {
    display: inline;
  }

  .d-inline-block {
    display: inline-block;
  }

  .d-inline-flex {
    display: inline-flex;
  }

  /*!
    Flexbox

    Utility classes used to manage flex layouts

    .d-flex - Create a flexbox container
    .flex-column - Set flex direction in column (vertical)
    .flex-column-reverse - Set flex direction in column, reverse order (vertical)
    .flex-row - Set flex direction in row (horizontal, default)
    .flex-row-reverse - Set flex direction in row, reverse order (horizontal)
    .flex-grow-0 - Do not grow
    .flex-grow-1 - Grow as much as possible
    .flex-shrink-0 - Do not shrink
    .flex-shrink-1 - Shrink if needed
    .flex-wrap - Wrap when items overflow container
    .flex-nowrap - Wrap when items overflow container
    .flex-wrap-reverse - Wrap in reverse order

    Styleguide Layouts.Flexbox
  */
  .flex-column {
    flex-direction: column;
  }

  .flex-column-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-grow-0 {
    flex-grow: 0;
  }

  .flex-grow-1 {
    flex-grow: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .flex-shrink-1 {
    flex-shrink: 1;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  /*!
    Float

    Utility classes used to modify how an element floats around content

    .float-none - The element must not float.
    .float-right - The element must float on the right side of its containing block.
    .float-left - The element must float on the left side of its containing block.
    .float-inline-start - The element must float on the start side of its containing block. That is the left side with ltr scripts, and the right side with rtl scripts.
    .float-inline-end - The element must float on the end side of its containing block. That is the right side with ltr scripts, and the left side with rtl scripts.

    Styleguide Layouts.Float
  */
  .float-none {
    float: none;
  }

  .float-right {
    float: right;
  }

  .float-left {
    float: left;
  }

  .float-inline-start {
    float: inline-start;
  }

  .float-inline-start {
    float: inline-start;
  }

  /*!
  Overflow

  Utility classes used to manage how element handles overflowing

  .overflow-auto - Overflow auto
  .overflow-scroll - Overflow scroll
  .overflow-visible - Overflow visble
  .overflow-hidden - Overflow hidden

  Styleguide Layouts.Overflow
  */
  .overflow-auto {
    overflow: auto;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  /*!
    Rows

    The .row class is used to define a row in a grid. <br>
    By default, .row will set negative margins on each side of its body. <br>
    A .row is intended to contain .col to display a responsive grid. <br>

    Weight: 3

    .row - Defines a grid row
    .no-gutters - Removes negative margins on either side of the .row

    Styleguide Layouts.Rows
  */
  .container,
.container-fluid,
.synapse-app .container-xl,
.synapse-app .container-lg,
.synapse-app .container-md,
.synapse-app .container-sm,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 576px) {
    .synapse-app .container-sm, .synapse-app .container, .container-sm, .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container, .container-md, .container-sm, .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .synapse-app .container-lg, .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container, .container-lg, .container-md, .container-sm, .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .synapse-app .container-xl, .synapse-app .container-lg, .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1140px;
    }
  }
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }

  .synapse-app .col-xl,
.synapse-app .col-xl-auto, .synapse-app .col-xl-12, .synapse-app .col-xl-11, .synapse-app .col-xl-10, .synapse-app .col-xl-9, .synapse-app .col-xl-8, .synapse-app .col-xl-7, .synapse-app .col-xl-6, .synapse-app .col-xl-5, .synapse-app .col-xl-4, .synapse-app .col-xl-3, .synapse-app .col-xl-2, .synapse-app .col-xl-1, .synapse-app .col-lg,
.synapse-app .col-lg-auto, .synapse-app .col-lg-12, .synapse-app .col-lg-11, .synapse-app .col-lg-10, .synapse-app .col-lg-9, .synapse-app .col-lg-8, .synapse-app .col-lg-7, .synapse-app .col-lg-6, .synapse-app .col-lg-5, .synapse-app .col-lg-4, .synapse-app .col-lg-3, .synapse-app .col-lg-2, .synapse-app .col-lg-1, .synapse-app .col-md,
.synapse-app .col-md-auto, .synapse-app .col-md-12, .synapse-app .col-md-11, .synapse-app .col-md-10, .synapse-app .col-md-9, .synapse-app .col-md-8, .synapse-app .col-md-7, .synapse-app .col-md-6, .synapse-app .col-md-5, .synapse-app .col-md-4, .synapse-app .col-md-3, .synapse-app .col-md-2, .synapse-app .col-md-1, .synapse-app .col-sm,
.synapse-app .col-sm-auto, .synapse-app .col-sm-12, .synapse-app .col-sm-11, .synapse-app .col-sm-10, .synapse-app .col-sm-9, .synapse-app .col-sm-8, .synapse-app .col-sm-7, .synapse-app .col-sm-6, .synapse-app .col-sm-5, .synapse-app .col-sm-4, .synapse-app .col-sm-3, .synapse-app .col-sm-2, .synapse-app .col-sm-1, .synapse-app .col,
.synapse-app .col-auto, .synapse-app .col-12, .synapse-app .col-11, .synapse-app .col-10, .synapse-app .col-9, .synapse-app .col-8, .synapse-app .col-7, .synapse-app .col-6, .synapse-app .col-5, .synapse-app .col-4, .synapse-app .col-3, .synapse-app .col-2, .synapse-app .col-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-1 > * {
    flex: 0 0 divide(100%, 1);
    max-width: divide(100%, 1);
  }

  .row-cols-2 > * {
    flex: 0 0 divide(100%, 2);
    max-width: divide(100%, 2);
  }

  .row-cols-3 > * {
    flex: 0 0 divide(100%, 3);
    max-width: divide(100%, 3);
  }

  .row-cols-4 > * {
    flex: 0 0 divide(100%, 4);
    max-width: divide(100%, 4);
  }

  .row-cols-5 > * {
    flex: 0 0 divide(100%, 5);
    max-width: divide(100%, 5);
  }

  .row-cols-6 > * {
    flex: 0 0 divide(100%, 6);
    max-width: divide(100%, 6);
  }

  .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-first {
    order: -1;
  }

  .order-last {
    order: 13;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .offset-1 {
    margin-left: 8.3333333333%;
  }

  .offset-2 {
    margin-left: 16.6666666667%;
  }

  .offset-3 {
    margin-left: 25%;
  }

  .offset-4 {
    margin-left: 33.3333333333%;
  }

  .offset-5 {
    margin-left: 41.6666666667%;
  }

  .offset-6 {
    margin-left: 50%;
  }

  .offset-7 {
    margin-left: 58.3333333333%;
  }

  .offset-8 {
    margin-left: 66.6666666667%;
  }

  .offset-9 {
    margin-left: 75%;
  }

  .offset-10 {
    margin-left: 83.3333333333%;
  }

  .offset-11 {
    margin-left: 91.6666666667%;
  }

  @media (min-width: 576px) {
    .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .row-cols-sm-1 > * {
      flex: 0 0 divide(100%, 1);
      max-width: divide(100%, 1);
    }

    .row-cols-sm-2 > * {
      flex: 0 0 divide(100%, 2);
      max-width: divide(100%, 2);
    }

    .row-cols-sm-3 > * {
      flex: 0 0 divide(100%, 3);
      max-width: divide(100%, 3);
    }

    .row-cols-sm-4 > * {
      flex: 0 0 divide(100%, 4);
      max-width: divide(100%, 4);
    }

    .row-cols-sm-5 > * {
      flex: 0 0 divide(100%, 5);
      max-width: divide(100%, 5);
    }

    .row-cols-sm-6 > * {
      flex: 0 0 divide(100%, 6);
      max-width: divide(100%, 6);
    }

    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-sm-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .col-sm-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-sm-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .col-sm-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-sm-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .col-sm-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-sm-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .col-sm-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-sm-first {
      order: -1;
    }

    .order-sm-last {
      order: 13;
    }

    .order-sm-0 {
      order: 0;
    }

    .order-sm-1 {
      order: 1;
    }

    .order-sm-2 {
      order: 2;
    }

    .order-sm-3 {
      order: 3;
    }

    .order-sm-4 {
      order: 4;
    }

    .order-sm-5 {
      order: 5;
    }

    .order-sm-6 {
      order: 6;
    }

    .order-sm-7 {
      order: 7;
    }

    .order-sm-8 {
      order: 8;
    }

    .order-sm-9 {
      order: 9;
    }

    .order-sm-10 {
      order: 10;
    }

    .order-sm-11 {
      order: 11;
    }

    .order-sm-12 {
      order: 12;
    }

    .offset-sm-0 {
      margin-left: 0;
    }

    .offset-sm-1 {
      margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
      margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
      margin-left: 25%;
    }

    .offset-sm-4 {
      margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
      margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
      margin-left: 50%;
    }

    .offset-sm-7 {
      margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
      margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
      margin-left: 75%;
    }

    .offset-sm-10 {
      margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .row-cols-md-1 > * {
      flex: 0 0 divide(100%, 1);
      max-width: divide(100%, 1);
    }

    .row-cols-md-2 > * {
      flex: 0 0 divide(100%, 2);
      max-width: divide(100%, 2);
    }

    .row-cols-md-3 > * {
      flex: 0 0 divide(100%, 3);
      max-width: divide(100%, 3);
    }

    .row-cols-md-4 > * {
      flex: 0 0 divide(100%, 4);
      max-width: divide(100%, 4);
    }

    .row-cols-md-5 > * {
      flex: 0 0 divide(100%, 5);
      max-width: divide(100%, 5);
    }

    .row-cols-md-6 > * {
      flex: 0 0 divide(100%, 6);
      max-width: divide(100%, 6);
    }

    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-md-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .col-md-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-md-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .col-md-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-md-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .col-md-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-md-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .col-md-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-md-first {
      order: -1;
    }

    .order-md-last {
      order: 13;
    }

    .order-md-0 {
      order: 0;
    }

    .order-md-1 {
      order: 1;
    }

    .order-md-2 {
      order: 2;
    }

    .order-md-3 {
      order: 3;
    }

    .order-md-4 {
      order: 4;
    }

    .order-md-5 {
      order: 5;
    }

    .order-md-6 {
      order: 6;
    }

    .order-md-7 {
      order: 7;
    }

    .order-md-8 {
      order: 8;
    }

    .order-md-9 {
      order: 9;
    }

    .order-md-10 {
      order: 10;
    }

    .order-md-11 {
      order: 11;
    }

    .order-md-12 {
      order: 12;
    }

    .offset-md-0 {
      margin-left: 0;
    }

    .offset-md-1 {
      margin-left: 8.3333333333%;
    }

    .offset-md-2 {
      margin-left: 16.6666666667%;
    }

    .offset-md-3 {
      margin-left: 25%;
    }

    .offset-md-4 {
      margin-left: 33.3333333333%;
    }

    .offset-md-5 {
      margin-left: 41.6666666667%;
    }

    .offset-md-6 {
      margin-left: 50%;
    }

    .offset-md-7 {
      margin-left: 58.3333333333%;
    }

    .offset-md-8 {
      margin-left: 66.6666666667%;
    }

    .offset-md-9 {
      margin-left: 75%;
    }

    .offset-md-10 {
      margin-left: 83.3333333333%;
    }

    .offset-md-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .row-cols-lg-1 > * {
      flex: 0 0 divide(100%, 1);
      max-width: divide(100%, 1);
    }

    .row-cols-lg-2 > * {
      flex: 0 0 divide(100%, 2);
      max-width: divide(100%, 2);
    }

    .row-cols-lg-3 > * {
      flex: 0 0 divide(100%, 3);
      max-width: divide(100%, 3);
    }

    .row-cols-lg-4 > * {
      flex: 0 0 divide(100%, 4);
      max-width: divide(100%, 4);
    }

    .row-cols-lg-5 > * {
      flex: 0 0 divide(100%, 5);
      max-width: divide(100%, 5);
    }

    .row-cols-lg-6 > * {
      flex: 0 0 divide(100%, 6);
      max-width: divide(100%, 6);
    }

    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-lg-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .col-lg-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-lg-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .col-lg-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-lg-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .col-lg-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-lg-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .col-lg-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-lg-first {
      order: -1;
    }

    .order-lg-last {
      order: 13;
    }

    .order-lg-0 {
      order: 0;
    }

    .order-lg-1 {
      order: 1;
    }

    .order-lg-2 {
      order: 2;
    }

    .order-lg-3 {
      order: 3;
    }

    .order-lg-4 {
      order: 4;
    }

    .order-lg-5 {
      order: 5;
    }

    .order-lg-6 {
      order: 6;
    }

    .order-lg-7 {
      order: 7;
    }

    .order-lg-8 {
      order: 8;
    }

    .order-lg-9 {
      order: 9;
    }

    .order-lg-10 {
      order: 10;
    }

    .order-lg-11 {
      order: 11;
    }

    .order-lg-12 {
      order: 12;
    }

    .offset-lg-0 {
      margin-left: 0;
    }

    .offset-lg-1 {
      margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
      margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
      margin-left: 25%;
    }

    .offset-lg-4 {
      margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
      margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
      margin-left: 50%;
    }

    .offset-lg-7 {
      margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
      margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
      margin-left: 75%;
    }

    .offset-lg-10 {
      margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }

    .row-cols-xl-1 > * {
      flex: 0 0 divide(100%, 1);
      max-width: divide(100%, 1);
    }

    .row-cols-xl-2 > * {
      flex: 0 0 divide(100%, 2);
      max-width: divide(100%, 2);
    }

    .row-cols-xl-3 > * {
      flex: 0 0 divide(100%, 3);
      max-width: divide(100%, 3);
    }

    .row-cols-xl-4 > * {
      flex: 0 0 divide(100%, 4);
      max-width: divide(100%, 4);
    }

    .row-cols-xl-5 > * {
      flex: 0 0 divide(100%, 5);
      max-width: divide(100%, 5);
    }

    .row-cols-xl-6 > * {
      flex: 0 0 divide(100%, 6);
      max-width: divide(100%, 6);
    }

    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }

    .col-xl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }

    .col-xl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }

    .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }

    .col-xl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }

    .col-xl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }

    .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .col-xl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }

    .col-xl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }

    .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }

    .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }

    .col-xl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }

    .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .order-xl-first {
      order: -1;
    }

    .order-xl-last {
      order: 13;
    }

    .order-xl-0 {
      order: 0;
    }

    .order-xl-1 {
      order: 1;
    }

    .order-xl-2 {
      order: 2;
    }

    .order-xl-3 {
      order: 3;
    }

    .order-xl-4 {
      order: 4;
    }

    .order-xl-5 {
      order: 5;
    }

    .order-xl-6 {
      order: 6;
    }

    .order-xl-7 {
      order: 7;
    }

    .order-xl-8 {
      order: 8;
    }

    .order-xl-9 {
      order: 9;
    }

    .order-xl-10 {
      order: 10;
    }

    .order-xl-11 {
      order: 11;
    }

    .order-xl-12 {
      order: 12;
    }

    .offset-xl-0 {
      margin-left: 0;
    }

    .offset-xl-1 {
      margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
      margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
      margin-left: 25%;
    }

    .offset-xl-4 {
      margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
      margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
      margin-left: 50%;
    }

    .offset-xl-7 {
      margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
      margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
      margin-left: 75%;
    }

    .offset-xl-10 {
      margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
      margin-left: 91.6666666667%;
    }
  }
  /*!
    Alert colors

    All alert colors are listed in the `$alert-colors` map.

    Weight: -2 

    --alert-0 - N/A
    --alert-0-light - N/A
    --alert-0-medium - N/A
    --alert-0-dark - N/A
    --alert-25 - N/A
    --alert-25-light - N/A
    --alert-25-medium - N/A
    --alert-25-dark - N/A
    --alert-50 - N/A
    --alert-50-light - N/A
    --alert-50-medium - N/A
    --alert-50-dark - N/A
    --alert-75 - N/A
    --alert-75-light - N/A
    --alert-75-medium - N/A
    --alert-75-dark - N/A
    --alert-100 - N/A
    --alert-100-light - N/A
    --alert-100-medium - N/A
    --alert-100-dark - N/A
    --alert-125 - N/A
    --alert-125-light - N/A
    --alert-125-dark - N/A

    Styleguide Colors.Alert
  */
  /*!
    Brand colors

    All brand colors are listed in the `$brand-colors` map.

    Weight: -4

    --brand-primary - N/A
    --brand-primary-light - N/A
    --brand-primary-medium - N/A
    --brand-primary-dark - N/A
    --brand-secondary - N/A
    --brand-secondary-light - N/A
    --brand-secondary-medium - N/A
    --brand-secondary-dark - N/A
    --brand-tertiary - N/A
    --brand-tertiary-light - N/A
    --brand-tertiary-medium - N/A
    --brand-tertiary-dark - N/A
    --brand-quaternary - N/A
    --brand-quaternary-light - N/A
    --brand-quaternary-medium - N/A
    --brand-quaternary-dark - N/A
    --brand-fifth - N/A
    --brand-fifth-light - N/A
    --brand-fifth-medium - N/A
    --brand-fifth-dark - N/A
    --brand-sixth - N/A
    --brand-sixth-light - N/A
    --brand-sixth-medium - N/A
    --brand-sixth-dark - N/A
    --brand-seventh - N/A
    --brand-seventh-light - N/A
    --brand-seventh-medium - N/A
    --brand-seventh-dark - N/A

    Styleguide Colors.Brand
  */
  /*!
    Greys color

    All neutral colors are listed in the `$grey-colors` map. <br />
    <h4 class="text-125 text-grey-100">Note</h4> <br/> Do not forget to check the contrast when you write on a color to respect the accessibility norm AAA.


    Weight: -1

    --white - Background, text over main and dark colors.
    --grey-0 - Discrete elements.
    --grey-25 - Disabled states.
    --grey-50 - Dividers, disabled states.
    --grey-75 - Text, mention, sources.
    --grey-80 - Current text
    --grey-100 - Texts, titles

    Styleguide Colors.Greys
  */
  /*!
    Additional colors

    All additional colors are listed in the `$additional-colors` map.

    Weight: -3

    --additional-primary - N/A
    --additional-primary-light - N/A
    --additional-primary-medium - N/A
    --additional-primary-dark - N/A
    --additional-secondary - N/A
    --additional-secondary-light - N/A
    --additional-secondary-medium - N/A
    --additional-secondary-dark - N/A
    --additional-tertiary - N/A
    --additional-tertiary-light - N/A
    --additional-tertiary-medium - N/A
    --additional-tertiary-dark - N/A
    --additional-quaternary - N/A
    --additional-quaternary-light - N/A
    --additional-quaternary-medium - N/A
    --additional-quaternary-dark - N/A
    --additional-fifth - N/A
    --additional-fifth-light - N/A
    --additional-fifth-medium - N/A
    --additional-fifth-dark - N/A
    --additional-sixth - N/A
    --additional-sixth-light - N/A
    --additional-sixth-medium - N/A
    --additional-sixth-dark - N/A

    Styleguide Colors.Additional
  */
  /*!
    Color Manipulation

    In our design system, each color is accompanied by three specific suffixes: -h, -s, and -l. These suffixes correspond to the hue, saturation, and lightness components of the HSL (Hue, Saturation, Lightness) color model. This unique approach allows for effortless color manipulation and reconstitution within your CSS styles.
    Here's a brief example to illustrate how these suffixes work:
    Let's say we have a color defined as `--brand-primary`, and we want to adjust its opacity to 15%. To achieve this, we can utilize the HSL notation with the provided suffixes:
    ```css
    background-color: hsla(var(--brand-primary-h), var(--brand-primary-s), var(--brand-primary-l), 0.15);
    ```

    Weight: -1

    Styleguide Colors.Color-Manipulation
  */
  /*!
    Background color

    Utility classes for coloring the background of an element <br />
    All available colors can be found here:
    * [Brand colors](Colors.Palet.Brand.html)
    * [Alert colors](Colors.Palet.Alert.html)
    * [Additional colors](Colors.Palet.Additional.html)
    * [Greys](Colors.Palet.Greys.html)

    Markup:
    <div class="{{modifier_class}}" style="width: 50px; height: 20px"></div>

    .bg-brand-primary - Primary brand background color
    .bg-alert-50 - Level 50 alert color
    .bg-additional-primary - Primary additional background color
    .bg-grey-50 - Level 50 gray background color

    Styleguide Decoration.Background-Color
  */
  .bg-alert-0 {
    background-color: var(--alert-0);
  }

  .bg-alert-0-light {
    background-color: var(--alert-0-light);
  }

  .bg-alert-0-medium {
    background-color: var(--alert-0-medium);
  }

  .bg-alert-0-dark {
    background-color: var(--alert-0-dark);
  }

  .bg-alert-25 {
    background-color: var(--alert-25);
  }

  .bg-alert-25-light {
    background-color: var(--alert-25-light);
  }

  .bg-alert-25-medium {
    background-color: var(--alert-25-medium);
  }

  .bg-alert-25-dark {
    background-color: var(--alert-25-dark);
  }

  .bg-alert-50 {
    background-color: var(--alert-50);
  }

  .bg-alert-50-light {
    background-color: var(--alert-50-light);
  }

  .bg-alert-50-medium {
    background-color: var(--alert-50-medium);
  }

  .bg-alert-50-dark {
    background-color: var(--alert-50-dark);
  }

  .bg-alert-75 {
    background-color: var(--alert-75);
  }

  .bg-alert-75-light {
    background-color: var(--alert-75-light);
  }

  .bg-alert-75-medium {
    background-color: var(--alert-75-medium);
  }

  .bg-alert-75-dark {
    background-color: var(--alert-75-dark);
  }

  .bg-alert-100 {
    background-color: var(--alert-100);
  }

  .bg-alert-100-light {
    background-color: var(--alert-100-light);
  }

  .bg-alert-100-medium {
    background-color: var(--alert-100-medium);
  }

  .bg-alert-100-dark {
    background-color: var(--alert-100-dark);
  }

  .bg-alert-125 {
    background-color: var(--alert-125);
  }

  .bg-alert-125-light {
    background-color: var(--alert-125-light);
  }

  .bg-alert-125-medium {
    background-color: var(--alert-125-medium);
  }

  .bg-alert-125-dark {
    background-color: var(--alert-125-dark);
  }

  .bg-brand-primary {
    background-color: var(--brand-primary);
  }

  .bg-brand-primary-light {
    background-color: var(--brand-primary-light);
  }

  .bg-brand-primary-medium {
    background-color: var(--brand-primary-medium);
  }

  .bg-brand-primary-dark {
    background-color: var(--brand-primary-dark);
  }

  .bg-brand-secondary {
    background-color: var(--brand-secondary);
  }

  .bg-brand-secondary-light {
    background-color: var(--brand-secondary-light);
  }

  .bg-brand-secondary-medium {
    background-color: var(--brand-secondary-medium);
  }

  .bg-brand-secondary-dark {
    background-color: var(--brand-secondary-dark);
  }

  .bg-brand-tertiary {
    background-color: var(--brand-tertiary);
  }

  .bg-brand-tertiary-light {
    background-color: var(--brand-tertiary-light);
  }

  .bg-brand-tertiary-medium {
    background-color: var(--brand-tertiary-medium);
  }

  .bg-brand-tertiary-dark {
    background-color: var(--brand-tertiary-dark);
  }

  .bg-additional-primary {
    background-color: var(--additional-primary);
  }

  .bg-additional-secondary {
    background-color: var(--additional-secondary);
  }

  .bg-additional-tertiary {
    background-color: var(--additional-tertiary);
  }

  .bg-additional-quaternary {
    background-color: var(--additional-quaternary);
  }

  .bg-additional-fifth {
    background-color: var(--additional-fifth);
  }

  .bg-additional-sixth {
    background-color: var(--additional-sixth);
  }

  .bg-copilot-primary {
    background-color: var(--copilot-primary);
  }

  .bg-copilot-secondary {
    background-color: var(--copilot-secondary);
  }

  .bg-white {
    background-color: var(--white);
  }

  .bg-grey-0 {
    background-color: var(--grey-0);
  }

  .bg-grey-25 {
    background-color: var(--grey-25);
  }

  .bg-grey-50 {
    background-color: var(--grey-50);
  }

  .bg-grey-75 {
    background-color: var(--grey-75);
  }

  .bg-grey-80 {
    background-color: var(--grey-80);
  }

  .bg-grey-100 {
    background-color: var(--grey-100);
  }

  .bg-transparent {
    background-color: transparent;
  }

  /*!
    Border

    Utility classes for affecting borders.
    As for the .border classes to change the border color, all colors
    available can be found here:
    * [Brand colors](Colors.Palet.Brand.html)
    * [Alert colors](Colors.Palet.Alert.html)
    * [Additional colors](Colors.Palet.Additional.html)
    * [Greys](Colors.Palet.Greys.html)

    Weight: -2

    Markup:
    <div class="{{modifier_class}}" style="width: 50px; height: 50px; background-color: #f5f5f5;"></div>

    .border - Add a border on all sides
    .border-top - Add a border to the top side
    .border-bottom - Add a border to the bottom side
    .border-left - Add a border to the left side
    .border-right - Add a border to the right side
    .border-0 - Remove border on all sides
    .border-top-0 - Remove a border from the top side
    .border-bottom-0 - Remove a border from the bottom side
    .border-left-0 - Remove a border from the left side
    .border-right-0 - Remove a border from the right side
    .border-brand-primary - Band-primary color borders
    .rounded-0 - Remove radius from corners
    .rounded-25 - Use very rarely (alerts)
    .rounded-50 - To be used only very rarely and only on small elements that the CTA “Small” tags...
    .rounded-75 - To be used on “Medium” CTAs as well as small size elements (small card, alert, feedbacks...)
    .rounded-100 - For “Big” CTAs or any other large component
    .rounded-150 - large radius
    .rounded-200 - Maximum radius
    .rounded-circle - Rounded edges

    Styleguide Decoration.Border
  */
  .border {
    border: var(--border-width) solid var(--border-color);
  }

  .border-top {
    border-top: var(--border-width) solid var(--border-color);
  }

  .border-right {
    border-right: var(--border-width) solid var(--border-color);
  }

  .border-bottom {
    border-bottom: var(--border-width) solid var(--border-color);
  }

  .border-left {
    border-left: var(--border-width) solid var(--border-color);
  }

  .border-0 {
    border: none;
  }

  .border-top-0 {
    border-top: none;
  }

  .border-right-0 {
    border-right: none;
  }

  .border-bottom-0 {
    border-bottom: none;
  }

  .border-left-0 {
    border-left: none;
  }

  .border-alert-0 {
    border-color: var(--alert-0);
  }

  .border-alert-0-light {
    border-color: var(--alert-0-light);
  }

  .border-alert-0-medium {
    border-color: var(--alert-0-medium);
  }

  .border-alert-0-dark {
    border-color: var(--alert-0-dark);
  }

  .border-alert-25 {
    border-color: var(--alert-25);
  }

  .border-alert-25-light {
    border-color: var(--alert-25-light);
  }

  .border-alert-25-medium {
    border-color: var(--alert-25-medium);
  }

  .border-alert-25-dark {
    border-color: var(--alert-25-dark);
  }

  .border-alert-50 {
    border-color: var(--alert-50);
  }

  .border-alert-50-light {
    border-color: var(--alert-50-light);
  }

  .border-alert-50-medium {
    border-color: var(--alert-50-medium);
  }

  .border-alert-50-dark {
    border-color: var(--alert-50-dark);
  }

  .border-alert-75 {
    border-color: var(--alert-75);
  }

  .border-alert-75-light {
    border-color: var(--alert-75-light);
  }

  .border-alert-75-medium {
    border-color: var(--alert-75-medium);
  }

  .border-alert-75-dark {
    border-color: var(--alert-75-dark);
  }

  .border-alert-100 {
    border-color: var(--alert-100);
  }

  .border-alert-100-light {
    border-color: var(--alert-100-light);
  }

  .border-alert-100-medium {
    border-color: var(--alert-100-medium);
  }

  .border-alert-100-dark {
    border-color: var(--alert-100-dark);
  }

  .border-alert-125 {
    border-color: var(--alert-125);
  }

  .border-alert-125-light {
    border-color: var(--alert-125-light);
  }

  .border-alert-125-medium {
    border-color: var(--alert-125-medium);
  }

  .border-alert-125-dark {
    border-color: var(--alert-125-dark);
  }

  .border-brand-primary {
    border-color: var(--brand-primary);
  }

  .border-brand-primary-light {
    border-color: var(--brand-primary-light);
  }

  .border-brand-primary-medium {
    border-color: var(--brand-primary-medium);
  }

  .border-brand-primary-dark {
    border-color: var(--brand-primary-dark);
  }

  .border-brand-secondary {
    border-color: var(--brand-secondary);
  }

  .border-brand-secondary-light {
    border-color: var(--brand-secondary-light);
  }

  .border-brand-secondary-medium {
    border-color: var(--brand-secondary-medium);
  }

  .border-brand-secondary-dark {
    border-color: var(--brand-secondary-dark);
  }

  .border-brand-tertiary {
    border-color: var(--brand-tertiary);
  }

  .border-brand-tertiary-light {
    border-color: var(--brand-tertiary-light);
  }

  .border-brand-tertiary-medium {
    border-color: var(--brand-tertiary-medium);
  }

  .border-brand-tertiary-dark {
    border-color: var(--brand-tertiary-dark);
  }

  .border-additional-primary {
    border-color: var(--additional-primary);
  }

  .border-additional-secondary {
    border-color: var(--additional-secondary);
  }

  .border-additional-tertiary {
    border-color: var(--additional-tertiary);
  }

  .border-additional-quaternary {
    border-color: var(--additional-quaternary);
  }

  .border-additional-fifth {
    border-color: var(--additional-fifth);
  }

  .border-additional-sixth {
    border-color: var(--additional-sixth);
  }

  .border-copilot-primary {
    border-color: var(--copilot-primary);
  }

  .border-copilot-secondary {
    border-color: var(--copilot-secondary);
  }

  .border-white {
    border-color: var(--white);
  }

  .border-grey-0 {
    border-color: var(--grey-0);
  }

  .border-grey-25 {
    border-color: var(--grey-25);
  }

  .border-grey-50 {
    border-color: var(--grey-50);
  }

  .border-grey-75 {
    border-color: var(--grey-75);
  }

  .border-grey-80 {
    border-color: var(--grey-80);
  }

  .border-grey-100 {
    border-color: var(--grey-100);
  }

  .rounded-circle {
    border-radius: 100%;
  }

  .rounded {
    border-radius: var(--rounded-100);
  }

  .rounded-top {
    border-top-left-radius: var(--rounded-100);
    border-top-right-radius: var(--rounded-100);
  }

  .rounded-bottom {
    border-bottom-left-radius: var(--rounded-100);
    border-bottom-right-radius: var(--rounded-100);
  }

  .rounded-left {
    border-top-left-radius: var(--rounded-100);
    border-bottom-left-radius: var(--rounded-100);
  }

  .rounded-right {
    border-top-right-radius: var(--rounded-100);
    border-bottom-right-radius: var(--rounded-100);
  }

  .rounded-0 {
    border-radius: var(--rounded-0);
  }

  .rounded-top-0 {
    border-top-left-radius: var(--rounded-0);
    border-top-right-radius: var(--rounded-0);
  }

  .rounded-bottom-0 {
    border-bottom-left-radius: var(--rounded-0);
    border-bottom-right-radius: var(--rounded-0);
  }

  .rounded-left-0 {
    border-top-left-radius: var(--rounded-0);
    border-bottom-left-radius: var(--rounded-0);
  }

  .rounded-right-0 {
    border-top-right-radius: var(--rounded-0);
    border-bottom-right-radius: var(--rounded-0);
  }

  .rounded-25 {
    border-radius: var(--rounded-25);
  }

  .rounded-top-25 {
    border-top-left-radius: var(--rounded-25);
    border-top-right-radius: var(--rounded-25);
  }

  .rounded-bottom-25 {
    border-bottom-left-radius: var(--rounded-25);
    border-bottom-right-radius: var(--rounded-25);
  }

  .rounded-left-25 {
    border-top-left-radius: var(--rounded-25);
    border-bottom-left-radius: var(--rounded-25);
  }

  .rounded-right-25 {
    border-top-right-radius: var(--rounded-25);
    border-bottom-right-radius: var(--rounded-25);
  }

  .rounded-50 {
    border-radius: var(--rounded-50);
  }

  .rounded-top-50 {
    border-top-left-radius: var(--rounded-50);
    border-top-right-radius: var(--rounded-50);
  }

  .rounded-bottom-50 {
    border-bottom-left-radius: var(--rounded-50);
    border-bottom-right-radius: var(--rounded-50);
  }

  .rounded-left-50 {
    border-top-left-radius: var(--rounded-50);
    border-bottom-left-radius: var(--rounded-50);
  }

  .rounded-right-50 {
    border-top-right-radius: var(--rounded-50);
    border-bottom-right-radius: var(--rounded-50);
  }

  .rounded-75 {
    border-radius: var(--rounded-75);
  }

  .rounded-top-75 {
    border-top-left-radius: var(--rounded-75);
    border-top-right-radius: var(--rounded-75);
  }

  .rounded-bottom-75 {
    border-bottom-left-radius: var(--rounded-75);
    border-bottom-right-radius: var(--rounded-75);
  }

  .rounded-left-75 {
    border-top-left-radius: var(--rounded-75);
    border-bottom-left-radius: var(--rounded-75);
  }

  .rounded-right-75 {
    border-top-right-radius: var(--rounded-75);
    border-bottom-right-radius: var(--rounded-75);
  }

  .rounded-100 {
    border-radius: var(--rounded-100);
  }

  .rounded-top-100 {
    border-top-left-radius: var(--rounded-100);
    border-top-right-radius: var(--rounded-100);
  }

  .rounded-bottom-100 {
    border-bottom-left-radius: var(--rounded-100);
    border-bottom-right-radius: var(--rounded-100);
  }

  .rounded-left-100 {
    border-top-left-radius: var(--rounded-100);
    border-bottom-left-radius: var(--rounded-100);
  }

  .rounded-right-100 {
    border-top-right-radius: var(--rounded-100);
    border-bottom-right-radius: var(--rounded-100);
  }

  .rounded-125 {
    border-radius: var(--rounded-125);
  }

  .rounded-top-125 {
    border-top-left-radius: var(--rounded-125);
    border-top-right-radius: var(--rounded-125);
  }

  .rounded-bottom-125 {
    border-bottom-left-radius: var(--rounded-125);
    border-bottom-right-radius: var(--rounded-125);
  }

  .rounded-left-125 {
    border-top-left-radius: var(--rounded-125);
    border-bottom-left-radius: var(--rounded-125);
  }

  .rounded-right-125 {
    border-top-right-radius: var(--rounded-125);
    border-bottom-right-radius: var(--rounded-125);
  }

  .rounded-150 {
    border-radius: var(--rounded-150);
  }

  .rounded-top-150 {
    border-top-left-radius: var(--rounded-150);
    border-top-right-radius: var(--rounded-150);
  }

  .rounded-bottom-150 {
    border-bottom-left-radius: var(--rounded-150);
    border-bottom-right-radius: var(--rounded-150);
  }

  .rounded-left-150 {
    border-top-left-radius: var(--rounded-150);
    border-bottom-left-radius: var(--rounded-150);
  }

  .rounded-right-150 {
    border-top-right-radius: var(--rounded-150);
    border-bottom-right-radius: var(--rounded-150);
  }

  .rounded-200 {
    border-radius: var(--rounded-200);
  }

  .rounded-top-200 {
    border-top-left-radius: var(--rounded-200);
    border-top-right-radius: var(--rounded-200);
  }

  .rounded-bottom-200 {
    border-bottom-left-radius: var(--rounded-200);
    border-bottom-right-radius: var(--rounded-200);
  }

  .rounded-left-200 {
    border-top-left-radius: var(--rounded-200);
    border-bottom-left-radius: var(--rounded-200);
  }

  .rounded-right-200 {
    border-top-right-radius: var(--rounded-200);
    border-bottom-right-radius: var(--rounded-200);
  }

  /*!
    Shadows

    Shadows and elevations

    Markup: 
    <div class="dp {{modifier_class}}" style="width: 50px; height: 50px; background-color: #f5f5f5;"></div>

    .dp-0 - Remove shadows
    .dp-25 - Add light shadow
    .dp-50 - Add medium shadow
    .dp-75 - Add strong shadow
    .dp-100 - Add very strong shadow
    .dp-copilot-25 - Add light copilot shadow
    .dp-copilot-50 - Add medium copilot shadow
    .dp-copilot-75 - Add strong copilot shadow
    .dp-copilot-100 - Add very strong copilot shadow

    Styleguide Decoration.Shadows
  */
  .dp {
    transition: box-shadow 0.25s ease-in-out;
  }

  .dp-0 {
    box-shadow: var(--dp-0);
  }

  .dp-25 {
    box-shadow: var(--dp-25);
  }

  .dp-50 {
    box-shadow: var(--dp-50);
  }

  .dp-75 {
    box-shadow: var(--dp-75);
  }

  .dp-100 {
    box-shadow: var(--dp-100);
  }

  .dp-copilot-25 {
    box-shadow: var(--dp-copilot-25);
  }

  .dp-copilot-50 {
    box-shadow: var(--dp-copilot-50);
  }

  .dp-copilot-100 {
    box-shadow: var(--dp-copilot-100);
  }

  .dp-copilot-200 {
    box-shadow: var(--dp-copilot-200);
  }

  /*!
    Separator

    Html tag used to identity sections

    Markup:
    <hr class="{{modifier_class}}" />

    .hr - Horizontal separator

    Styleguide Decoration.Separator
  */
  hr {
    border: none;
    border-bottom: 1px solid var(--grey-25);
  }

  /*!
    --Variables

    Variables associated with utility classes

    Weight: 5

    --rounded-0 - No radius
    --rounded-50 - Light Radius
    --rounded-75 - Medium Radius
    --rounded-100 - standard radius
    --rounded-150 - large radius
    --rounded-200 - Maximum radius
    --border-width - Default border width
    --border-color - Default border colors
    --dp-0 - Remove shadows
    --dp-25 - a light shadow
    --dp-50 - a light shade
    --dp-75 - a light shadow
    --dp-100 - a shadow

    Styleguide Decoration.variables
  */
  /*!
    Show and Hide

    Utility classes used to display or hide an element

    Markup:
    <div class="{{modifier_class}}">Coucou je suis visible</div>

    .visible - Make an element visible
    .invisible - Make an element invisible

    Styleguide Visibility.Show_Hide
  */
  .visible {
    visibility: visible;
  }

  .invisible {
    visibility: hidden;
  }

  /*!
    Opacity

    Utility classes used to change element's opacity

    Markup:
    <div class="{{modifier_class}}">Coucou je suis visible</div>

    .opacity-0 - Make transparent
    .opacity-25 - Make it very translucent
    .opacity-50 - Make it translucent
    .opacity-75 - Makes slightly translucent
    .opacity-100 - Make opaque

    Styleguide Visibility.Opacity
  */
  .opacity-0 {
    opacity: var(--opacity-0);
  }

  .opacity-25 {
    opacity: var(--opacity-25);
  }

  .opacity-50 {
    opacity: var(--opacity-50);
  }

  .opacity-75 {
    opacity: var(--opacity-75);
  }

  .opacity-100 {
    opacity: var(--opacity-100);
  }

  /*!
    --Variables

    Variables associated with visibility classes

    Weight: 5

    --opacity-0 - Invisible
    --opacity-25 - Inconspicuous
    --opacity-50 - Moderately visible
    --opacity-75 - Low opacity
    --opacity-100 - Solid

    Styleguide Visibility.variables
  */
  /*!
    Type

    Utility classes used to control position type

    .position-static - Position static
    .position-relative - Position relative
    .position-absolute - Position absolute
    .position-fixed - Position fixed
    .position-sticky - Position sticky

    Styleguide Position_Size.Positioning-Type
  */
  .position-static {
    position: static;
  }

  .position-relative {
    position: relative;
  }

  .position-absolute {
    position: absolute;
  }

  .position-fixed {
    position: fixed;
  }

  .position-sticky {
    position: sticky;
  }

  /*!
    Placement

    Utility classes used to control elements coordinates

    .top-0 - Top 0px
    .top-100 - Top 100%
    .left-0 - Left 0px
    .left-100 - Left 100%
    .right-0 - Right 0px
    .right-100 - Right 100%
    .bottom-0 - Bottom 0px
    .bottom-100 - Bottom 100%

    Styleguide Position_Size.Position-Placement
  */
  .top-0 {
    top: 0;
  }

  .top-100 {
    top: 100%;
  }

  .left-0 {
    left: 0;
  }

  .left-100 {
    left: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-100 {
    right: 100%;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-100 {
    bottom: 100%;
  }

  /*!
    Alignement

    Utility classes used to control elements line alignment

    .align-top - Line align top
    .align-middle - Line align middle
    .align-bottom - Line align bottom
    .align-baseline - Line align baseline
    .align-text-top - Line align text top
    .align-text-bottom - Line align text bottom

    Styleguide Position_Size.Position-Alignment
  */
  .align-top {
    vertical-align: top;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  /*!
    Z axis

    Utility classes used to control elements position on the z axis

    .z-0 - z-axis order 0
    .z-1 - z-axis order 1
    .z-2 - z-axis order 2
    .z-3 - z-axis order 3
    .z-cheating - z-axis order cheating, should only be used in extrem scenarios
    .isolation-isolate - création d'un nouveau stacking context

    Styleguide Position_Size.Position-Z
  */
  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-3 {
    z-index: 3;
  }

  .z-cheating {
    z-index: 100;
  }

  .isolation-isolate {
    isolation: isolate;
  }

  /*!
    Width

    Utility classes used to control the width of elements

    Markup: 
    <div class="bg-grey-75" style="height: 30px; width: 30px">
      <div class="{{modifier_class}} h-100 bg-brand-primary"></div>
    </div>

    .w-25 - Width 25%
    .w-50 - Width 50%
    .w-75 - Width 75%
    .w-100 - Width 100%
    .max-w-100 - Maximum width 100%
    .min-w-100 - Minimum width 100%
    .vw-100 - Width 100vw

    Styleguide Position_Size.Width
  */
  .mxw-100 {
    max-width: 100%;
  }

  .mnw-100 {
    min-width: 100%;
  }

  .w-auto {
    width: auto;
  }

  .min-w-auto {
    width: auto;
  }

  .max-w-auto {
    width: auto;
  }

  .w-0 {
    width: 0%;
  }

  .w-25 {
    width: 25%;
  }

  .w-50 {
    width: 50%;
  }

  .w-75 {
    width: 75%;
  }

  .w-100 {
    width: 100%;
  }

  .vw-0 {
    width: 0vw;
  }

  .vw-25 {
    width: 25vw;
  }

  .vw-50 {
    width: 50vw;
  }

  .vw-75 {
    width: 75vw;
  }

  .vw-100 {
    width: 100vw;
  }

  .min-w-0 {
    min-width: 0%;
  }

  .min-w-25 {
    min-width: 25%;
  }

  .min-w-50 {
    min-width: 50%;
  }

  .min-w-75 {
    min-width: 75%;
  }

  .min-w-100 {
    min-width: 100%;
  }

  .min-vw-0 {
    min-width: 0vw;
  }

  .min-vw-25 {
    min-width: 25vw;
  }

  .min-vw-50 {
    min-width: 50vw;
  }

  .min-vw-75 {
    min-width: 75vw;
  }

  .min-vw-100 {
    min-width: 100vw;
  }

  .max-w-0 {
    max-width: 0%;
  }

  .max-w-25 {
    max-width: 25%;
  }

  .max-w-50 {
    max-width: 50%;
  }

  .max-w-75 {
    max-width: 75%;
  }

  .max-w-100 {
    max-width: 100%;
  }

  .max-vw-0 {
    max-width: 0vw;
  }

  .max-vw-25 {
    max-width: 25vw;
  }

  .max-vw-50 {
    max-width: 50vw;
  }

  .max-vw-75 {
    max-width: 75vw;
  }

  .max-vw-100 {
    max-width: 100vw;
  }

  /*!
    Height

    Utility classes used to control the height of elements

    Markup: 
    <div class="bg-grey-75" style="height: 30px">
      <div class="{{modifier_class}} w-100 bg-brand-primary"></div>
    </div>

    .h-25 - Height 25%
    .h-50 - Height 50%
    .h-75 - Height 75%
    .h-100 - Height 100%
    .max-h-100 - Maximum height 100%
    .min-h-100 - Minimum height 100%
    .vh-100 - height 100vh

    Styleguide Position_Size.Height
  */
  .mxh-100 {
    max-height: 100%;
  }

  .mnh-100 {
    min-height: 100%;
  }

  .h-auto {
    width: auto;
  }

  .min-h-auto {
    width: auto;
  }

  .max-h-auto {
    width: auto;
  }

  .h-0 {
    height: 0%;
  }

  .h-25 {
    height: 25%;
  }

  .h-50 {
    height: 50%;
  }

  .h-75 {
    height: 75%;
  }

  .h-100 {
    height: 100%;
  }

  .vh-0 {
    height: 0vh;
  }

  .vh-25 {
    height: 25vh;
  }

  .vh-50 {
    height: 50vh;
  }

  .vh-75 {
    height: 75vh;
  }

  .vh-100 {
    height: 100vh;
  }

  .min-h-0 {
    min-height: 0%;
  }

  .min-h-25 {
    min-height: 25%;
  }

  .min-h-50 {
    min-height: 50%;
  }

  .min-h-75 {
    min-height: 75%;
  }

  .min-h-100 {
    min-height: 100%;
  }

  .min-vh-0 {
    min-height: 0vh;
  }

  .min-vh-25 {
    min-height: 25vh;
  }

  .min-vh-50 {
    min-height: 50vh;
  }

  .min-vh-75 {
    min-height: 75vh;
  }

  .min-vh-100 {
    min-height: 100vh;
  }

  .max-h-0 {
    max-height: 0%;
  }

  .max-h-25 {
    max-height: 25%;
  }

  .max-h-50 {
    max-height: 50%;
  }

  .max-h-75 {
    max-height: 75%;
  }

  .max-h-100 {
    max-height: 100%;
  }

  .max-vh-0 {
    max-height: 0vh;
  }

  .max-vh-25 {
    max-height: 25vh;
  }

  .max-vh-50 {
    max-height: 50vh;
  }

  .max-vh-75 {
    max-height: 75vh;
  }

  .max-vh-100 {
    max-height: 100vh;
  }

  /*!
    Box-sizing

    Utility classes used to control how the total width and height of an element is calculated

    Markup:
    <div
      class="{{modifier_class}} w-100 bg-brand-primary-light p-4 border border-brand-primary"
      style="height: 90px; width: 160px; border-width: 16px"
    ></div>

    .box-sizing-border - width and height include the content, border, margin and padding of the box
    .box-sizing-content - width and height only include the content of the box

    Styleguide Position_Size.Box-sizing
  */
  .box-sizing-border {
    box-sizing: border-box;
  }

  .box-sizing-content {
    box-sizing: content-box;
  }

  /*!
    Aspect-ratio

    Utility classes used to define the width-to-height ratio of an element's box.

    Markup:
    <div style="height: 100px; width:100px" class="bg-brand-primary-light">
      <img
        src="https://dogsbestlife.com/wp-content/uploads/2020/05/German-shepherd-puppy-floppy-ears-scaled.jpeg"
        alt="puppy dawg"
        class="h-100 border {{modifier_class}}"
      />
    </div>

    .aspect-ratio-1-1 - width and height ratio is 1/1 (square)
    .aspect-ratio-1-2 - width and height ratio is 1/2
    .aspect-ratio-1-3 - width and height ratio is 1/3
    .aspect-ratio-1-4 - width and height ratio is 1/4
    .aspect-ratio-2-1 - width and height ratio is 2/1 (1/0.5)
    .aspect-ratio-2-3 - width and height ratio is 2/3
    .aspect-ratio-16-9 - width and height ratio is 16/9

    Styleguide Position_Size.Aspect-ratio
  */
  .aspect-ratio-1-1 {
    aspect-ratio: 1/1;
  }

  .aspect-ratio-1-2 {
    aspect-ratio: 1/2;
  }

  .aspect-ratio-1-3 {
    aspect-ratio: 1/3;
  }

  .aspect-ratio-1-4 {
    aspect-ratio: 1/4;
  }

  .aspect-ratio-1-9 {
    aspect-ratio: 1/9;
  }

  .aspect-ratio-2-1 {
    aspect-ratio: 2/1;
  }

  .aspect-ratio-2-2 {
    aspect-ratio: 2/2;
  }

  .aspect-ratio-2-3 {
    aspect-ratio: 2/3;
  }

  .aspect-ratio-2-4 {
    aspect-ratio: 2/4;
  }

  .aspect-ratio-2-9 {
    aspect-ratio: 2/9;
  }

  .aspect-ratio-16-1 {
    aspect-ratio: 16/1;
  }

  .aspect-ratio-16-2 {
    aspect-ratio: 16/2;
  }

  .aspect-ratio-16-3 {
    aspect-ratio: 16/3;
  }

  .aspect-ratio-16-4 {
    aspect-ratio: 16/4;
  }

  .aspect-ratio-16-9 {
    aspect-ratio: 16/9;
  }

  /*!
    --Variables

    Variables associated with fonts

    Weight: 7

    --z-0 - Page-level position
    --z-1 - Level 1 position
    --z-2 - Level 2 position
    --z-3 - Level 3 position
    --z-cheating - Over all position, use with caution

    Styleguide Position_Size.variables
  */
  body {
    margin: 0;
  }

  .boto-3 {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Graphik-regular;
    --font-family-tertiary: Graphik-regular;
    --text-25: calc(1 / 16 * 10rem);
    --text-50: calc(1 / 16 * 12rem);
    --text-75: calc(1 / 16 * 14rem);
    --text-100: 1rem;
    --text-125: calc(1 / 16 * 18rem);
    --text-150: calc(1 / 16 * 20rem);
    --text-175: calc(1 / 16 * 24rem);
    --text-200: calc(1 / 16 * 28rem);
    --h1-family: Graphik-regular;
    --h2-family: Graphik-regular;
    --h3-family: Graphik-regular;
    --h4-family: Graphik-regular;
    --h5-family: Graphik-regular;
    --h6-family: Graphik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h6-transform: none;
    --h1-size: calc(1 / 16 * 40rem);
    --h2-size: calc(1 / 16 * 32rem);
    --h3-size: calc(1 / 16 * 28rem);
    --h4-size: calc(1 / 16 * 24rem);
    --h5-size: calc(1 / 16 * 20rem);
    --h6-size: calc(1 / 16 * 18rem);
    --h1-weight: 600;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --h1-line-height: 1.15;
    --h2-line-height: 1.15;
    --h3-line-height: 1.15;
    --h4-line-height: 1.15;
    --h5-line-height: 1.25;
    --h6-line-height: 1.25;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --dp-copilot-25: 0px 1px 2px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-50: 0px 4px 13px 0px rgba(127, 44, 191, 0.09);
    --dp-copilot-100: 0px 1px 10px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-200: 0px 3px 17px 0px rgba(152, 53, 230, 0.25);
    --alert-0: #68daa0;
    --alert-0-h: 149.4736842105deg;
    --alert-0-s: 60.6382978723%;
    --alert-0-l: 63.137254902%;
    --alert-0-light: #e8faf2;
    --alert-0-light-h: 153.3333333333deg;
    --alert-0-light-s: 64.2857142857%;
    --alert-0-light-l: 94.5098039216%;
    --alert-0-medium: #c2f4db;
    --alert-0-medium-h: 150deg;
    --alert-0-medium-s: 69.4444444444%;
    --alert-0-medium-l: 85.8823529412%;
    --alert-0-dark: #5abe8b;
    --alert-0-dark-h: 149.4deg;
    --alert-0-dark-s: 43.4782608696%;
    --alert-0-dark-l: 54.9019607843%;
    --alert-25: #deef75;
    --alert-25-h: 68.3606557377deg;
    --alert-25-s: 79.2207792208%;
    --alert-25-l: 69.8039215686%;
    --alert-25-light: #feffed;
    --alert-25-light-h: 63.3333333333deg;
    --alert-25-light-s: 100%;
    --alert-25-light-l: 96.4705882353%;
    --alert-25-medium: #eef7b7;
    --alert-25-medium-h: 68.4375deg;
    --alert-25-medium-s: 80%;
    --alert-25-medium-l: 84.3137254902%;
    --alert-25-dark: #afc144;
    --alert-25-dark-h: 68.64deg;
    --alert-25-dark-s: 50.2008032129%;
    --alert-25-dark-l: 51.1764705882%;
    --alert-50: #fae15f;
    --alert-50-h: 50.3225806452deg;
    --alert-50-s: 93.9393939394%;
    --alert-50-l: 67.6470588235%;
    --alert-50-light: #fff9e7;
    --alert-50-light-h: 45deg;
    --alert-50-light-s: 100%;
    --alert-50-light-l: 95.2941176471%;
    --alert-50-medium: #fff2af;
    --alert-50-medium-h: 50.25deg;
    --alert-50-medium-s: 100%;
    --alert-50-medium-l: 84.3137254902%;
    --alert-50-dark: #eeb934;
    --alert-50-dark-h: 42.9032258065deg;
    --alert-50-dark-s: 84.5454545455%;
    --alert-50-dark-l: 56.862745098%;
    --alert-75: #fb7021;
    --alert-75-h: 21.7431192661deg;
    --alert-75-s: 96.4601769912%;
    --alert-75-l: 55.6862745098%;
    --alert-75-light: #ffefe6;
    --alert-75-light-h: 21.6deg;
    --alert-75-light-s: 100%;
    --alert-75-light-l: 95.0980392157%;
    --alert-75-medium: #fed2b8;
    --alert-75-medium-h: 22.2857142857deg;
    --alert-75-medium-s: 97.2222222222%;
    --alert-75-medium-l: 85.8823529412%;
    --alert-75-dark: #e75a08;
    --alert-75-dark-h: 22.0627802691deg;
    --alert-75-dark-s: 93.3054393305%;
    --alert-75-dark-l: 46.862745098%;
    --alert-100: #eb4343;
    --alert-100-h: 0deg;
    --alert-100-s: 80.7692307692%;
    --alert-100-l: 59.2156862745%;
    --alert-100-light: #fdecec;
    --alert-100-light-h: 0deg;
    --alert-100-light-s: 80.9523809524%;
    --alert-100-light-l: 95.8823529412%;
    --alert-100-medium: #ffc6c6;
    --alert-100-medium-h: 0deg;
    --alert-100-medium-s: 100%;
    --alert-100-medium-l: 88.8235294118%;
    --alert-100-dark: #da2c2c;
    --alert-100-dark-h: 0deg;
    --alert-100-dark-s: 70.1612903226%;
    --alert-100-dark-l: 51.3725490196%;
    --alert-125: #200303;
    --alert-125-h: 0deg;
    --alert-125-s: 82.8571428571%;
    --alert-125-l: 6.862745098%;
    --alert-125-light: #e9e6e6;
    --alert-125-light-h: 0deg;
    --alert-125-light-s: 6.3829787234%;
    --alert-125-light-l: 90.7843137255%;
    --alert-125-medium: #e1e1e1;
    --alert-125-medium-h: 0deg;
    --alert-125-medium-s: 0%;
    --alert-125-medium-l: 88.2352941176%;
    --alert-125-dark: #0b0101;
    --alert-125-dark-h: 0deg;
    --alert-125-dark-s: 83.3333333333%;
    --alert-125-dark-l: 2.3529411765%;
    --brand-primary: #00a0ff;
    --brand-primary-h: 202.3529411765deg;
    --brand-primary-s: 100%;
    --brand-primary-l: 50%;
    --brand-primary-light: #f2faff;
    --brand-primary-light-h: 203.0769230769deg;
    --brand-primary-light-s: 100%;
    --brand-primary-light-l: 97.4509803922%;
    --brand-primary-medium: #c3e9ff;
    --brand-primary-medium-h: 202deg;
    --brand-primary-medium-s: 100%;
    --brand-primary-medium-l: 88.2352941176%;
    --brand-primary-dark: #0080cc;
    --brand-primary-dark-h: 202.3529411765deg;
    --brand-primary-dark-s: 100%;
    --brand-primary-dark-l: 40%;
    --brand-secondary: #ff0099;
    --brand-secondary-h: 324deg;
    --brand-secondary-s: 100%;
    --brand-secondary-l: 50%;
    --brand-secondary-light: #fef2fa;
    --brand-secondary-light-h: 320deg;
    --brand-secondary-light-s: 85.7142857143%;
    --brand-secondary-light-l: 97.2549019608%;
    --brand-secondary-medium: #ffceeb;
    --brand-secondary-medium-h: 324.4897959184deg;
    --brand-secondary-medium-s: 100%;
    --brand-secondary-medium-l: 90.3921568627%;
    --brand-secondary-dark: #cc007a;
    --brand-secondary-dark-h: 324.1176470588deg;
    --brand-secondary-dark-s: 100%;
    --brand-secondary-dark-l: 40%;
    --brand-tertiary: #9835e6;
    --brand-tertiary-h: 273.5593220339deg;
    --brand-tertiary-s: 77.9735682819%;
    --brand-tertiary-l: 55.4901960784%;
    --brand-tertiary-light: #f6ebff;
    --brand-tertiary-light-h: 273deg;
    --brand-tertiary-light-s: 100%;
    --brand-tertiary-light-l: 96.0784313725%;
    --brand-tertiary-medium: #eaceff;
    --brand-tertiary-medium-h: 274.2857142857deg;
    --brand-tertiary-medium-s: 100%;
    --brand-tertiary-medium-l: 90.3921568627%;
    --brand-tertiary-dark: #7f2cbf;
    --brand-tertiary-dark-h: 273.8775510204deg;
    --brand-tertiary-dark-s: 62.5531914894%;
    --brand-tertiary-dark-l: 46.0784313725%;
    --additional-primary: #f5fbfe;
    --additional-primary-h: 200deg;
    --additional-primary-s: 81.8181818182%;
    --additional-primary-l: 97.8431372549%;
    --additional-secondary: #fdf7fb;
    --additional-secondary-h: 320deg;
    --additional-secondary-s: 60%;
    --additional-secondary-l: 98.0392156863%;
    --additional-tertiary: #faf7fd;
    --additional-tertiary-h: 270deg;
    --additional-tertiary-s: 60%;
    --additional-tertiary-l: 98.0392156863%;
    --additional-quaternary: #ffffff;
    --additional-quaternary-h: 0deg;
    --additional-quaternary-s: 0%;
    --additional-quaternary-l: 100%;
    --additional-fifth: #f8f9f9;
    --additional-fifth-h: 180deg;
    --additional-fifth-s: 7.6923076923%;
    --additional-fifth-l: 97.4509803922%;
    --additional-sixth: #222d39;
    --additional-sixth-h: 211.3043478261deg;
    --additional-sixth-s: 25.2747252747%;
    --additional-sixth-l: 17.8431372549%;
    --copilot-primary: linear-gradient(125deg, #9835e6 0%, #5e5eef 100%);
    --copilot-secondary: linear-gradient(125deg, #9835e6 0%, #c21fc7 100%);
    --white: #ffffff;
    --white-h: 0deg;
    --white-s: 0%;
    --white-l: 100%;
    --grey-0: #f5f5f5;
    --grey-0-h: 0deg;
    --grey-0-s: 0%;
    --grey-0-l: 96.0784313725%;
    --grey-25: #e1e1e1;
    --grey-25-h: 0deg;
    --grey-25-s: 0%;
    --grey-25-l: 88.2352941176%;
    --grey-50: #b6babe;
    --grey-50-h: 210deg;
    --grey-50-s: 5.7971014493%;
    --grey-50-l: 72.9411764706%;
    --grey-75: #6e7881;
    --grey-75-h: 208.4210526316deg;
    --grey-75-s: 7.949790795%;
    --grey-75-l: 46.862745098%;
    --grey-80: #49545e;
    --grey-80-h: 208.5714285714deg;
    --grey-80-s: 12.5748502994%;
    --grey-80-l: 32.7450980392%;
    --grey-100: #222d39;
    --grey-100-h: 211.3043478261deg;
    --grey-100-s: 25.2747252747%;
    --grey-100-l: 17.8431372549%;
    --border-width: 1px;
    --border-color: #e1e1e1;
    --border-color-h: 0deg;
    --border-color-s: 0%;
    --border-color-l: 88.2352941176%;
    --outline-primary: 3px solid rgba(0, 160, 255, 0.2);
    --z-0: 0;
    --z-1: 1;
    --z-2: 2;
    --z-3: 3;
    --z-cheating: 100;
    --weight-bold: 700;
    --weight-semibold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-normal: 400;
    --weight-light: 300;
  }
}
.synapse-app :root,
.synapse-app :root body {
  font-size: 16px;
  color: var(--brand-primary);
  font-family: var(--font-family-primary);
}
.synapse-app :root,
.synapse-app :root body {
  font-size: 16px;
  color: var(--brand-primary);
  font-family: var(--font-family-primary);
}
@font-face {
  font-family: "Aeonik-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff") format("woff");
  font-weight: 600 700;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stolzl";
  src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Regular.otf");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stolzl";
  src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Bold.otf");
  font-weight: 600 700;
  font-display: swap;
}
@font-face {
  font-family: "Stolzl";
  src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Light.otf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Stolzl";
  src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Medium.otf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 300 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 600 700;
  font-display: swap;
}
@font-face {
  font-family: "Inter-regular";
  src: url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
.synapse-app :root {
  --font-family-primary: Inter-regular;
  --font-family-secondary: Inter-regular;
  --font-family-tertiary: Aeonik-regular;
  --text-25: 0.5rem;
  --text-50: 0.75rem;
  --text-75: 0.9rem;
  --text-100: 1rem;
  --text-125: 1.14rem;
  --text-150: 1.2rem;
  --text-175: 1.7rem;
  --text-200: 2.28rem;
  --h1-weight: 500;
  --h2-weight: 500;
  --h3-weight: 700;
  --h4-weight: 500;
  --h5-weight: 500;
  --h1-family: Aeonik-regular;
  --h2-family: Aeonik-regular;
  --h3-family: Aeonik-regular;
  --h4-family: Aeonik-regular;
  --h5-family: Aeonik-regular;
  --h1-transform: none;
  --h2-transform: none;
  --h3-transform: none;
  --h4-transform: none;
  --h5-transform: none;
  --h1-size: 2.28rem;
  --h2-size: 1.7rem;
  --h3-size: 1.2rem;
  --h4-size: 1.14rem;
  --h5-size: 1.14rem;
  --opacity-0: 0;
  --opacity-25: 0.25;
  --opacity-50: 0.5;
  --opacity-75: 0.75;
  --opacity-100: 1;
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-25: 12px;
  --spacing-3: 16px;
  --spacing-4: 24px;
  --spacing-45: 32px;
  --spacing-5: 48px;
  --rounded-0: 0px;
  --rounded-25: 2px;
  --rounded-50: 4px;
  --rounded-75: 6px;
  --rounded-100: 8px;
  --rounded-125: 12px;
  --rounded-150: 16px;
  --rounded-200: 32px;
  --dp-0: none;
  --dp-25: unset;
  --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
  --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
  --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
  --alert-0: #68daa0;
  --alert-0-light: #f0fbf6;
  --alert-0-medium: white;
  --alert-0-dark: #5abe8b;
  --alert-25: #deef75;
  --alert-25-light: #fcfdf1;
  --alert-25-medium: white;
  --alert-25-dark: #c8db56;
  --alert-50: #ffc83d;
  --alert-50-light: #fffaec;
  --alert-50-medium: white;
  --alert-50-dark: #eeb934;
  --alert-75: #ff8a48;
  --alert-75-light: #fff3ed;
  --alert-75-medium: white;
  --alert-75-dark: #ea712d;
  --alert-100: #eb4343;
  --alert-100-light: #fdecec;
  --alert-100-medium: white;
  --alert-100-dark: #da2c2c;
  --alert-125: #200303;
  --alert-125-light: #e9e6e6;
  --alert-125-medium: #ec3636;
  --alert-125-dark: #0b0101;
  --brand-primary: #003753;
  --brand-primary-light: #e8f0f5;
  --brand-primary-medium: #00547e;
  --brand-primary-dark: #002031;
  --brand-secondary: #97eddd;
  --brand-secondary-light: #effcfa;
  --brand-secondary-medium: #9ff8e8;
  --brand-secondary-dark: #50cdb7;
  --brand-tertiary: #a954eb;
  --brand-tertiary-light: #f5eaff;
  --brand-tertiary-medium: #c79be9;
  --brand-tertiary-dark: #9749d3;
  --brand-quaternary: #2fb5e8;
  --brand-quaternary-light: #eef9fd;
  --brand-quaternary-medium: #aee2f6;
  --brand-quaternary-dark: #1aa0d3;
  --white: white;
  --grey-0: #f8f8f8;
  --grey-25: #e5e5e5;
  --grey-50: #b9b9b9;
  --grey-75: #9b9b9b;
  --grey-100: #171717;
  --border-width: 1px;
  --border-color: #e5e5e5;
}
.synapse-app .slider-panels {
  white-space: nowrap;
  word-break: keep-all;
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}
.synapse-app .slider-panels > div {
  transition: all 0.2s ease;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-left: 0;
  white-space: normal;
  word-break: break-word;
  opacity: 1;
}
.synapse-app .slider-panels.edit > div:first-of-type, .synapse-app .slider-panels.slide > div:first-of-type {
  margin-left: -100%;
  opacity: 0;
}
.synapse-app .edit .slider-panels > div:first-of-type {
  margin-left: -100%;
}
.synapse-app .drawer-down, .synapse-app .card-sub {
  transform: scaleY(0);
  transition: max-height 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  transform-origin: 50% 0;
  max-height: 0;
}
.synapse-app .drawer-down.drawer-down-do, .synapse-app .drawer-down-do.card-sub, .synapse-app .card-sub.show {
  max-height: 1500px;
  transform: scaleY(1);
  opacity: 1;
}
.synapse-app .slider-down {
  transition: all 0.2s ease;
  transform: translateY(-100%);
  opacity: 0;
}
.synapse-app .slider-down.slider-down-do {
  transform: translateY(0);
  opacity: 1;
}
@keyframes up-and-down {
  from {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes left-and-right {
  from {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
  }
  to {
    transform: translateX(0);
  }
}
.synapse-app .hover--rotate-90 .hover--rotate-90__target {
  transition: transform 0.2s ease;
}
.synapse-app .hover--rotate-90:hover .hover--rotate-90__target {
  transform: rotateZ(90deg);
}
.synapse-app .hover--rotate-minus-90 .hover--rotate-minus-90__target,
.synapse-app .hover--rotate-minus-90 .hover--rotate-90__target,
.synapse-app .hover--rotate-90--left .hover--rotate-minus-90__target,
.synapse-app .hover--rotate-90--left .hover--rotate-90__target {
  transition: transform 0.2s ease;
}
.synapse-app .hover--rotate-minus-90:hover .hover--rotate-minus-90__target,
.synapse-app .hover--rotate-minus-90:hover .hover--rotate-90__target,
.synapse-app .hover--rotate-90--left:hover .hover--rotate-minus-90__target,
.synapse-app .hover--rotate-90--left:hover .hover--rotate-90__target {
  transform: rotateZ(-90deg) !important;
}
.synapse-app .card {
  border-collapse: collapse;
  box-shadow: none;
  border: 0;
}
.synapse-app .card.card--grey .card-header, .synapse-app .card.card--gray .card-header {
  border: 0;
  background-color: #b9b9b9;
}
.synapse-app .card.card--blue .card-header, .synapse-app .card.card--brand-primary .card-header {
  border: 0;
  background-color: #003753;
}
.synapse-app .card.card--green .card-header, .synapse-app .card.card--brand-secondary .card-header {
  border: 0;
  background-color: #97eddd;
  color: #003753;
}
.synapse-app .card.card--color-100 .card-header {
  border: 0;
  background-color: #eef9fd;
  color: #003753;
  box-shadow: none;
}
.synapse-app .card.card--color-100 .card-footer {
  padding: 8px 0 8px 0 !important;
  background-color: white;
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
.synapse-app .card.card--brand-tertiary .card-header {
  border: 0;
  background-color: #a954eb;
}
.synapse-app .card.card--red .card-header, .synapse-app .card.card--alert-100 .card-header {
  border: 0;
  background-color: #eb4343;
}
.synapse-app .card.card--orange .card-header, .synapse-app .card.card--alert-75 .card-header {
  border: 0;
  background-color: #ff8a48;
}
.synapse-app .card.card--yellow .card-header, .synapse-app .card.card--alert-50 .card-header {
  border: 0;
  background-color: #ffc83d;
}
.synapse-app .card-sub {
  width: 95%;
  margin: auto;
  margin-top: -1px !important;
  position: relative;
  z-index: 1;
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.125);
  background-color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 5px 5px rgba(0, 2, 6, 0.1);
  height: auto;
  overflow: hidden;
}
.synapse-app .card-sub .card-body {
  width: 100%;
}
.synapse-app .card-sub .card-subpanel {
  min-width: 430px;
}
@media screen and (max-width: 600px) {
  .synapse-app .card-sub .card-subpanel {
    min-width: 100%;
    margin-bottom: 10px;
  }
}
.synapse-app .card-sub .card-subpanel + .card-subpanel {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 1010px) {
  .synapse-app .card-sub .card-subpanel + .card-subpanel {
    border-left: 0px;
  }
}
.synapse-app .synapse-app ~ div.modal-backdrop,
.synapse-app #synapse-app ~ div.modal-backdrop {
  display: none !important;
}
.synapse-app .synapse-app ~ div.modal-backdrop.show,
.synapse-app #synapse-app ~ div.modal-backdrop.show {
  display: none !important;
}
.synapse-app .modal .modal-header {
  background-color: #003753;
  color: white;
  border-radius: 0;
}
.synapse-app .modal .close {
  font-size: 2rem;
  color: white !important;
  opacity: 1 !important;
}
.synapse-app .modal .close span:hover {
  color: white !important;
}
.synapse-app .border {
  border: 1px solid #e5e5e5 !important;
}
.synapse-app .border-top {
  border-top: 1px solid #e5e5e5 !important;
}
.synapse-app .border-right {
  border-right: 1px solid #e5e5e5 !important;
}
.synapse-app .border-bottom {
  border-bottom: 1px solid #e5e5e5 !important;
}
.synapse-app .border-left {
  border-left: 1px solid #e5e5e5 !important;
}
.synapse-app .border-0 {
  border: none !important;
}
.synapse-app .border-top-0 {
  border-top: none !important;
}
.synapse-app .border-right-0 {
  border-right: none !important;
}
.synapse-app .border-bottom-0 {
  border-bottom: none !important;
}
.synapse-app .border-left-0 {
  border-left: none !important;
}
.synapse-app .border-blue {
  border-color: var(--blue) !important;
}
.synapse-app .border-indigo {
  border-color: var(--indigo) !important;
}
.synapse-app .border-purple {
  border-color: var(--purple) !important;
}
.synapse-app .border-pink {
  border-color: var(--pink) !important;
}
.synapse-app .border-red {
  border-color: var(--red) !important;
}
.synapse-app .border-orange {
  border-color: var(--orange) !important;
}
.synapse-app .border-yellow {
  border-color: var(--yellow) !important;
}
.synapse-app .border-green {
  border-color: var(--green) !important;
}
.synapse-app .border-teal {
  border-color: var(--teal) !important;
}
.synapse-app .border-cyan {
  border-color: var(--cyan) !important;
}
.synapse-app .border-white {
  border-color: var(--white) !important;
}
.synapse-app .border-gray {
  border-color: var(--gray) !important;
}
.synapse-app .border-gray-dark {
  border-color: var(--gray-dark) !important;
}
.synapse-app .border-alert-0 {
  border-color: var(--alert-0) !important;
}
.synapse-app .border-alert-0-light {
  border-color: var(--alert-0-light) !important;
}
.synapse-app .border-alert-0-medium {
  border-color: var(--alert-0-medium) !important;
}
.synapse-app .border-alert-0-dark {
  border-color: var(--alert-0-dark) !important;
}
.synapse-app .border-alert-25 {
  border-color: var(--alert-25) !important;
}
.synapse-app .border-alert-25-light {
  border-color: var(--alert-25-light) !important;
}
.synapse-app .border-alert-25-medium {
  border-color: var(--alert-25-medium) !important;
}
.synapse-app .border-alert-25-dark {
  border-color: var(--alert-25-dark) !important;
}
.synapse-app .border-alert-50 {
  border-color: var(--alert-50) !important;
}
.synapse-app .border-alert-50-light {
  border-color: var(--alert-50-light) !important;
}
.synapse-app .border-alert-50-medium {
  border-color: var(--alert-50-medium) !important;
}
.synapse-app .border-alert-50-dark {
  border-color: var(--alert-50-dark) !important;
}
.synapse-app .border-alert-75 {
  border-color: var(--alert-75) !important;
}
.synapse-app .border-alert-75-light {
  border-color: var(--alert-75-light) !important;
}
.synapse-app .border-alert-75-medium {
  border-color: var(--alert-75-medium) !important;
}
.synapse-app .border-alert-75-dark {
  border-color: var(--alert-75-dark) !important;
}
.synapse-app .border-alert-100 {
  border-color: var(--alert-100) !important;
}
.synapse-app .border-alert-100-light {
  border-color: var(--alert-100-light) !important;
}
.synapse-app .border-alert-100-medium {
  border-color: var(--alert-100-medium) !important;
}
.synapse-app .border-alert-100-dark {
  border-color: var(--alert-100-dark) !important;
}
.synapse-app .border-alert-125 {
  border-color: var(--alert-125) !important;
}
.synapse-app .border-alert-125-light {
  border-color: var(--alert-125-light) !important;
}
.synapse-app .border-alert-125-medium {
  border-color: var(--alert-125-medium) !important;
}
.synapse-app .border-alert-125-dark {
  border-color: var(--alert-125-dark) !important;
}
.synapse-app .border-brand-primary {
  border-color: var(--brand-primary) !important;
}
.synapse-app .border-brand-primary-light {
  border-color: var(--brand-primary-light) !important;
}
.synapse-app .border-brand-primary-medium {
  border-color: var(--brand-primary-medium) !important;
}
.synapse-app .border-brand-primary-dark {
  border-color: var(--brand-primary-dark) !important;
}
.synapse-app .border-brand-secondary {
  border-color: var(--brand-secondary) !important;
}
.synapse-app .border-brand-secondary-light {
  border-color: var(--brand-secondary-light) !important;
}
.synapse-app .border-brand-secondary-medium {
  border-color: var(--brand-secondary-medium) !important;
}
.synapse-app .border-brand-secondary-dark {
  border-color: var(--brand-secondary-dark) !important;
}
.synapse-app .border-brand-tertiary {
  border-color: var(--brand-tertiary) !important;
}
.synapse-app .border-brand-tertiary-light {
  border-color: var(--brand-tertiary-light) !important;
}
.synapse-app .border-brand-tertiary-medium {
  border-color: var(--brand-tertiary-medium) !important;
}
.synapse-app .border-brand-tertiary-dark {
  border-color: var(--brand-tertiary-dark) !important;
}
.synapse-app .border-brand-quaternary {
  border-color: var(--brand-quaternary) !important;
}
.synapse-app .border-brand-quaternary-light {
  border-color: var(--brand-quaternary-light) !important;
}
.synapse-app .border-brand-quaternary-medium {
  border-color: var(--brand-quaternary-medium) !important;
}
.synapse-app .border-brand-quaternary-dark {
  border-color: var(--brand-quaternary-dark) !important;
}
.synapse-app .border-grey-0 {
  border-color: var(--grey-0) !important;
}
.synapse-app .border-grey-25 {
  border-color: var(--grey-25) !important;
}
.synapse-app .border-grey-50 {
  border-color: var(--grey-50) !important;
}
.synapse-app .border-grey-75 {
  border-color: var(--grey-75) !important;
}
.synapse-app .border-grey-100 {
  border-color: var(--grey-100) !important;
}
.synapse-app .rounded-circle {
  border-radius: 100%;
}
.synapse-app .rounded {
  border-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-top {
  border-top-left-radius: var(--rounded-100) !important;
  border-top-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-bottom {
  border-bottom-left-radius: var(--rounded-100) !important;
  border-bottom-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-left {
  border-top-left-radius: var(--rounded-100) !important;
  border-bottom-left-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-right {
  border-top-right-radius: var(--rounded-100) !important;
  border-bottom-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-0 {
  border-radius: var(--rounded-0) !important;
}
.synapse-app .rounded-top-0 {
  border-top-left-radius: var(--rounded-0) !important;
  border-top-right-radius: var(--rounded-0) !important;
}
.synapse-app .rounded-bottom-0 {
  border-bottom-left-radius: var(--rounded-0) !important;
  border-bottom-right-radius: var(--rounded-0) !important;
}
.synapse-app .rounded-left-0 {
  border-top-left-radius: var(--rounded-0) !important;
  border-bottom-left-radius: var(--rounded-0) !important;
}
.synapse-app .rounded-right-0 {
  border-top-right-radius: var(--rounded-0) !important;
  border-bottom-right-radius: var(--rounded-0) !important;
}
.synapse-app .rounded-25 {
  border-radius: var(--rounded-25) !important;
}
.synapse-app .rounded-top-25 {
  border-top-left-radius: var(--rounded-25) !important;
  border-top-right-radius: var(--rounded-25) !important;
}
.synapse-app .rounded-bottom-25 {
  border-bottom-left-radius: var(--rounded-25) !important;
  border-bottom-right-radius: var(--rounded-25) !important;
}
.synapse-app .rounded-left-25 {
  border-top-left-radius: var(--rounded-25) !important;
  border-bottom-left-radius: var(--rounded-25) !important;
}
.synapse-app .rounded-right-25 {
  border-top-right-radius: var(--rounded-25) !important;
  border-bottom-right-radius: var(--rounded-25) !important;
}
.synapse-app .rounded-50 {
  border-radius: var(--rounded-50) !important;
}
.synapse-app .rounded-top-50 {
  border-top-left-radius: var(--rounded-50) !important;
  border-top-right-radius: var(--rounded-50) !important;
}
.synapse-app .rounded-bottom-50 {
  border-bottom-left-radius: var(--rounded-50) !important;
  border-bottom-right-radius: var(--rounded-50) !important;
}
.synapse-app .rounded-left-50 {
  border-top-left-radius: var(--rounded-50) !important;
  border-bottom-left-radius: var(--rounded-50) !important;
}
.synapse-app .rounded-right-50 {
  border-top-right-radius: var(--rounded-50) !important;
  border-bottom-right-radius: var(--rounded-50) !important;
}
.synapse-app .rounded-75 {
  border-radius: var(--rounded-75) !important;
}
.synapse-app .rounded-top-75 {
  border-top-left-radius: var(--rounded-75) !important;
  border-top-right-radius: var(--rounded-75) !important;
}
.synapse-app .rounded-bottom-75 {
  border-bottom-left-radius: var(--rounded-75) !important;
  border-bottom-right-radius: var(--rounded-75) !important;
}
.synapse-app .rounded-left-75 {
  border-top-left-radius: var(--rounded-75) !important;
  border-bottom-left-radius: var(--rounded-75) !important;
}
.synapse-app .rounded-right-75 {
  border-top-right-radius: var(--rounded-75) !important;
  border-bottom-right-radius: var(--rounded-75) !important;
}
.synapse-app .rounded-100 {
  border-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-top-100 {
  border-top-left-radius: var(--rounded-100) !important;
  border-top-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-bottom-100 {
  border-bottom-left-radius: var(--rounded-100) !important;
  border-bottom-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-left-100 {
  border-top-left-radius: var(--rounded-100) !important;
  border-bottom-left-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-right-100 {
  border-top-right-radius: var(--rounded-100) !important;
  border-bottom-right-radius: var(--rounded-100) !important;
}
.synapse-app .rounded-125 {
  border-radius: var(--rounded-125) !important;
}
.synapse-app .rounded-top-125 {
  border-top-left-radius: var(--rounded-125) !important;
  border-top-right-radius: var(--rounded-125) !important;
}
.synapse-app .rounded-bottom-125 {
  border-bottom-left-radius: var(--rounded-125) !important;
  border-bottom-right-radius: var(--rounded-125) !important;
}
.synapse-app .rounded-left-125 {
  border-top-left-radius: var(--rounded-125) !important;
  border-bottom-left-radius: var(--rounded-125) !important;
}
.synapse-app .rounded-right-125 {
  border-top-right-radius: var(--rounded-125) !important;
  border-bottom-right-radius: var(--rounded-125) !important;
}
.synapse-app .rounded-150 {
  border-radius: var(--rounded-150) !important;
}
.synapse-app .rounded-top-150 {
  border-top-left-radius: var(--rounded-150) !important;
  border-top-right-radius: var(--rounded-150) !important;
}
.synapse-app .rounded-bottom-150 {
  border-bottom-left-radius: var(--rounded-150) !important;
  border-bottom-right-radius: var(--rounded-150) !important;
}
.synapse-app .rounded-left-150 {
  border-top-left-radius: var(--rounded-150) !important;
  border-bottom-left-radius: var(--rounded-150) !important;
}
.synapse-app .rounded-right-150 {
  border-top-right-radius: var(--rounded-150) !important;
  border-bottom-right-radius: var(--rounded-150) !important;
}
.synapse-app .rounded-200 {
  border-radius: var(--rounded-200) !important;
}
.synapse-app .rounded-top-200 {
  border-top-left-radius: var(--rounded-200) !important;
  border-top-right-radius: var(--rounded-200) !important;
}
.synapse-app .rounded-bottom-200 {
  border-bottom-left-radius: var(--rounded-200) !important;
  border-bottom-right-radius: var(--rounded-200) !important;
}
.synapse-app .rounded-left-200 {
  border-top-left-radius: var(--rounded-200) !important;
  border-bottom-left-radius: var(--rounded-200) !important;
}
.synapse-app .rounded-right-200 {
  border-top-right-radius: var(--rounded-200) !important;
  border-bottom-right-radius: var(--rounded-200) !important;
}
.synapse-app .nav-tabs--inline__wrapper {
  position: relative;
}
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__left {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 25px;
  height: 25px;
  background-color: blue;
  z-index: 1;
}
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__left::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
}
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__right {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 25px;
  height: 25px;
  z-index: 1;
}
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__right::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
}
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__right,
.synapse-app .nav-tabs--inline__wrapper .nav-tabs--inline__left {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e5e5e5 !important;
  padding-top: 4px;
  text-align: center;
  color: #b9b9b9;
  border-radius: 100%;
  margin-top: -15px;
  animation: left-and-right 2s infinite;
  box-shadow: 0px 5px 10px rgba(0, 2, 6, 0.1);
}
.synapse-app .nav-tabs.nav-tabs--inline {
  scroll-behavior: smooth;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  word-break: keep-all;
  display: block;
  position: relative;
}
.synapse-app .nav-tabs.nav-tabs--inline .nav-item {
  display: inline-block;
  vertical-align: bottom;
}
.synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link {
  transition: all 0.2s ease;
  text-align: center;
  color: #003753;
  cursor: pointer;
}
.synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link.nav-link--multiline {
  word-break: break-word;
  white-space: normal;
}
.synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link.active, .synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link:hover {
  background-color: #003753;
  color: white;
  position: relative;
  overflow: hidden;
}
.synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link.active::after, .synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link:hover::after {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  bottom: -7px;
  left: 0;
  height: 10px;
  width: 100%;
}
.synapse-app .nav-tabs:not(.nav-tabs--secondary) .nav-item .nav-link:not(.active) {
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-bottom: 0;
}
.synapse-app .nav-tabs .nav-item .nav-link.nav-link--multiline {
  word-break: break-word;
  white-space: normal;
}
.synapse-app .nav-tabs.nav-tabs--secondary {
  border: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item {
  display: inline-block;
  white-space: nowrap;
  word-break: keep-all;
  padding-bottom: 10px;
  background-color: transparent;
  transition: all 0.2s ease;
  text-align: center;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item.active, .synapse-app .nav-tabs.nav-tabs--secondary .nav-item:hover {
  background-color: #003753;
  color: white;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item .nav-link {
  position: relative;
  border: 0;
  border-right: 1px solid #e5e5e5 !important;
  background-color: transparent;
  /*
  max-width: 150px;
  white-space: normal;
  word-break: break-word;
  */
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item .nav-link.disabled {
  opacity: 0.3;
  cursor: initial;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item .nav-link.active::after {
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item:last-of-type .nav-link {
  border: 0 !important;
}
.synapse-app .nav-tabs.nav-tabs--secondary .nav-item:not(.active) .nav-link {
  color: #b9b9b9;
}
.synapse-app .m-0 {
  margin: var(--spacing-0) !important;
}
.synapse-app .mt-0 {
  margin-top: var(--spacing-0) !important;
}
.synapse-app .mb-0 {
  margin-bottom: var(--spacing-0) !important;
}
.synapse-app .mr-0 {
  margin-right: var(--spacing-0) !important;
}
.synapse-app .ml-0 {
  margin-left: var(--spacing-0) !important;
}
.synapse-app .my-0 {
  margin-top: var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
}
.synapse-app .mx-0 {
  margin-left: var(--spacing-0) !important;
  margin-right: var(--spacing-0) !important;
}
.synapse-app .m-1 {
  margin: var(--spacing-1) !important;
}
.synapse-app .mt-1 {
  margin-top: var(--spacing-1) !important;
}
.synapse-app .mb-1 {
  margin-bottom: var(--spacing-1) !important;
}
.synapse-app .mr-1 {
  margin-right: var(--spacing-1) !important;
}
.synapse-app .ml-1 {
  margin-left: var(--spacing-1) !important;
}
.synapse-app .my-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}
.synapse-app .mx-1 {
  margin-left: var(--spacing-1) !important;
  margin-right: var(--spacing-1) !important;
}
.synapse-app .m-2 {
  margin: var(--spacing-2) !important;
}
.synapse-app .mt-2 {
  margin-top: var(--spacing-2) !important;
}
.synapse-app .mb-2 {
  margin-bottom: var(--spacing-2) !important;
}
.synapse-app .mr-2 {
  margin-right: var(--spacing-2) !important;
}
.synapse-app .ml-2 {
  margin-left: var(--spacing-2) !important;
}
.synapse-app .my-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}
.synapse-app .mx-2 {
  margin-left: var(--spacing-2) !important;
  margin-right: var(--spacing-2) !important;
}
.synapse-app .m-25 {
  margin: var(--spacing-25) !important;
}
.synapse-app .mt-25 {
  margin-top: var(--spacing-25) !important;
}
.synapse-app .mb-25 {
  margin-bottom: var(--spacing-25) !important;
}
.synapse-app .mr-25 {
  margin-right: var(--spacing-25) !important;
}
.synapse-app .ml-25 {
  margin-left: var(--spacing-25) !important;
}
.synapse-app .my-25 {
  margin-top: var(--spacing-25) !important;
  margin-bottom: var(--spacing-25) !important;
}
.synapse-app .mx-25 {
  margin-left: var(--spacing-25) !important;
  margin-right: var(--spacing-25) !important;
}
.synapse-app .m-3 {
  margin: var(--spacing-3) !important;
}
.synapse-app .mt-3 {
  margin-top: var(--spacing-3) !important;
}
.synapse-app .mb-3 {
  margin-bottom: var(--spacing-3) !important;
}
.synapse-app .mr-3 {
  margin-right: var(--spacing-3) !important;
}
.synapse-app .ml-3 {
  margin-left: var(--spacing-3) !important;
}
.synapse-app .my-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}
.synapse-app .mx-3 {
  margin-left: var(--spacing-3) !important;
  margin-right: var(--spacing-3) !important;
}
.synapse-app .m-4 {
  margin: var(--spacing-4) !important;
}
.synapse-app .mt-4 {
  margin-top: var(--spacing-4) !important;
}
.synapse-app .mb-4 {
  margin-bottom: var(--spacing-4) !important;
}
.synapse-app .mr-4 {
  margin-right: var(--spacing-4) !important;
}
.synapse-app .ml-4 {
  margin-left: var(--spacing-4) !important;
}
.synapse-app .my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}
.synapse-app .mx-4, .synapse-app .breadcrumb .breadcrumb__item::before {
  margin-left: var(--spacing-4) !important;
  margin-right: var(--spacing-4) !important;
}
.synapse-app .m-45 {
  margin: var(--spacing-45) !important;
}
.synapse-app .mt-45 {
  margin-top: var(--spacing-45) !important;
}
.synapse-app .mb-45 {
  margin-bottom: var(--spacing-45) !important;
}
.synapse-app .mr-45 {
  margin-right: var(--spacing-45) !important;
}
.synapse-app .ml-45 {
  margin-left: var(--spacing-45) !important;
}
.synapse-app .my-45 {
  margin-top: var(--spacing-45) !important;
  margin-bottom: var(--spacing-45) !important;
}
.synapse-app .mx-45 {
  margin-left: var(--spacing-45) !important;
  margin-right: var(--spacing-45) !important;
}
.synapse-app .m-5 {
  margin: var(--spacing-5) !important;
}
.synapse-app .mt-5 {
  margin-top: var(--spacing-5) !important;
}
.synapse-app .mb-5 {
  margin-bottom: var(--spacing-5) !important;
}
.synapse-app .mr-5 {
  margin-right: var(--spacing-5) !important;
}
.synapse-app .ml-5 {
  margin-left: var(--spacing-5) !important;
}
.synapse-app .my-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}
.synapse-app .mx-5 {
  margin-left: var(--spacing-5) !important;
  margin-right: var(--spacing-5) !important;
}
.synapse-app .mt-auto {
  margin-top: auto;
}
.synapse-app .mb-auto {
  margin-bottom: auto;
}
.synapse-app .ml-auto {
  margin-left: auto;
}
.synapse-app .mr-auto {
  margin-right: auto;
}
.synapse-app .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.synapse-app .my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.synapse-app .m-auto {
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.synapse-app .p-0 {
  padding: var(--spacing-0) !important;
}
.synapse-app .pt-0 {
  padding-top: var(--spacing-0) !important;
}
.synapse-app .pb-0 {
  padding-bottom: var(--spacing-0) !important;
}
.synapse-app .pr-0 {
  padding-right: var(--spacing-0) !important;
}
.synapse-app .pl-0 {
  padding-left: var(--spacing-0) !important;
}
.synapse-app .py-0 {
  padding-top: var(--spacing-0) !important;
  padding-bottom: var(--spacing-0) !important;
}
.synapse-app .px-0 {
  padding-left: var(--spacing-0) !important;
  padding-right: var(--spacing-0) !important;
}
.synapse-app .p-1 {
  padding: var(--spacing-1) !important;
}
.synapse-app .pt-1 {
  padding-top: var(--spacing-1) !important;
}
.synapse-app .pb-1 {
  padding-bottom: var(--spacing-1) !important;
}
.synapse-app .pr-1 {
  padding-right: var(--spacing-1) !important;
}
.synapse-app .pl-1 {
  padding-left: var(--spacing-1) !important;
}
.synapse-app .py-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}
.synapse-app .px-1 {
  padding-left: var(--spacing-1) !important;
  padding-right: var(--spacing-1) !important;
}
.synapse-app .p-2 {
  padding: var(--spacing-2) !important;
}
.synapse-app .pt-2 {
  padding-top: var(--spacing-2) !important;
}
.synapse-app .pb-2 {
  padding-bottom: var(--spacing-2) !important;
}
.synapse-app .pr-2 {
  padding-right: var(--spacing-2) !important;
}
.synapse-app .pl-2 {
  padding-left: var(--spacing-2) !important;
}
.synapse-app .py-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}
.synapse-app .px-2 {
  padding-left: var(--spacing-2) !important;
  padding-right: var(--spacing-2) !important;
}
.synapse-app .p-25 {
  padding: var(--spacing-25) !important;
}
.synapse-app .pt-25 {
  padding-top: var(--spacing-25) !important;
}
.synapse-app .pb-25 {
  padding-bottom: var(--spacing-25) !important;
}
.synapse-app .pr-25 {
  padding-right: var(--spacing-25) !important;
}
.synapse-app .pl-25 {
  padding-left: var(--spacing-25) !important;
}
.synapse-app .py-25 {
  padding-top: var(--spacing-25) !important;
  padding-bottom: var(--spacing-25) !important;
}
.synapse-app .px-25 {
  padding-left: var(--spacing-25) !important;
  padding-right: var(--spacing-25) !important;
}
.synapse-app .p-3 {
  padding: var(--spacing-3) !important;
}
.synapse-app .pt-3 {
  padding-top: var(--spacing-3) !important;
}
.synapse-app .pb-3 {
  padding-bottom: var(--spacing-3) !important;
}
.synapse-app .pr-3 {
  padding-right: var(--spacing-3) !important;
}
.synapse-app .pl-3 {
  padding-left: var(--spacing-3) !important;
}
.synapse-app .py-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}
.synapse-app .px-3 {
  padding-left: var(--spacing-3) !important;
  padding-right: var(--spacing-3) !important;
}
.synapse-app .p-4 {
  padding: var(--spacing-4) !important;
}
.synapse-app .pt-4 {
  padding-top: var(--spacing-4) !important;
}
.synapse-app .pb-4 {
  padding-bottom: var(--spacing-4) !important;
}
.synapse-app .pr-4 {
  padding-right: var(--spacing-4) !important;
}
.synapse-app .pl-4 {
  padding-left: var(--spacing-4) !important;
}
.synapse-app .py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}
.synapse-app .px-4 {
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-4) !important;
}
.synapse-app .p-45 {
  padding: var(--spacing-45) !important;
}
.synapse-app .pt-45 {
  padding-top: var(--spacing-45) !important;
}
.synapse-app .pb-45 {
  padding-bottom: var(--spacing-45) !important;
}
.synapse-app .pr-45 {
  padding-right: var(--spacing-45) !important;
}
.synapse-app .pl-45 {
  padding-left: var(--spacing-45) !important;
}
.synapse-app .py-45 {
  padding-top: var(--spacing-45) !important;
  padding-bottom: var(--spacing-45) !important;
}
.synapse-app .px-45 {
  padding-left: var(--spacing-45) !important;
  padding-right: var(--spacing-45) !important;
}
.synapse-app .p-5 {
  padding: var(--spacing-5) !important;
}
.synapse-app .pt-5 {
  padding-top: var(--spacing-5) !important;
}
.synapse-app .pb-5 {
  padding-bottom: var(--spacing-5) !important;
}
.synapse-app .pr-5 {
  padding-right: var(--spacing-5) !important;
}
.synapse-app .pl-5 {
  padding-left: var(--spacing-5) !important;
}
.synapse-app .py-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}
.synapse-app .px-5 {
  padding-left: var(--spacing-5) !important;
  padding-right: var(--spacing-5) !important;
}
.synapse-app .pt-auto {
  padding-top: auto;
}
.synapse-app .pb-auto {
  padding-bottom: auto;
}
.synapse-app .pl-auto {
  padding-left: auto;
}
.synapse-app .pr-auto {
  padding-right: auto;
}
.synapse-app .px-auto {
  padding-right: auto;
  padding-left: auto;
}
.synapse-app .py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
.synapse-app .p-auto {
  padding-right: auto;
  padding-left: auto;
  padding-top: auto;
  padding-bottom: auto;
}
@keyframes loading {
  0% {
    left: -300px;
    background-color: #003753;
  }
  50% {
    background-color: #97eddd;
    left: 100%;
  }
  100% {
    background-color: #a954eb;
    left: -300px;
  }
}
.synapse-app #loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1s ease;
  visibility: hidden;
  opacity: 0;
}
.synapse-app #loading.show {
  opacity: 1;
  visibility: visible;
}
.synapse-app #loading:before {
  content: "";
  display: block;
  width: 300px;
  height: 10px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  background-color: #003753;
  animation: loading 3s infinite;
}
.synapse-app .loading-line {
  white-space: nowrap;
  word-break: keep-all;
  max-width: 100%;
  overflow: hidden;
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
  display: inline-block;
  color: transparent;
  animation: loading-line-pulse 1s infinite ease-in-out;
}
@keyframes loading-line-pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
.synapse-app .block {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
  background: white;
  box-shadow: 0px 5px 10px rgba(0, 2, 6, 0.1);
  padding: 2rem;
}
.synapse-app .block.block--border-light {
  border: 1px solid rgba(222, 226, 230, 0) !important;
}
.synapse-app .table, .synapse-app .rcpcard-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.synapse-app .table th, .synapse-app .rcpcard-table th,
.synapse-app .table td,
.synapse-app .rcpcard-table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.synapse-app .table thead th, .synapse-app .rcpcard-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.synapse-app .table tbody + tbody, .synapse-app .rcpcard-table tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.synapse-app .table-sm th,
.synapse-app .table-sm td {
  padding: 0.3rem;
}
.synapse-app .table-bordered {
  border: 1px solid #e5e5e5;
}
.synapse-app .table-bordered th,
.synapse-app .table-bordered td {
  border: 1px solid #e5e5e5;
}
.synapse-app .table-bordered thead th,
.synapse-app .table-bordered thead td {
  border-bottom-width: 2px;
}
.synapse-app .table-borderless th,
.synapse-app .table-borderless td,
.synapse-app .table-borderless thead th,
.synapse-app .table-borderless tbody + tbody {
  border: 0;
}
.synapse-app .table-striped tbody tr:nth-of-type(odd), .synapse-app .rcpcard-table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.synapse-app .table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.synapse-app .table-primary,
.synapse-app .table-primary > th,
.synapse-app .table-primary > td {
  background-color: #b8daff;
}
.synapse-app .table-primary th,
.synapse-app .table-primary td,
.synapse-app .table-primary thead th,
.synapse-app .table-primary tbody + tbody {
  border-color: #7abaff;
}
.synapse-app .table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.synapse-app .table-hover .table-primary:hover > td,
.synapse-app .table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.synapse-app .table-secondary,
.synapse-app .table-secondary > th,
.synapse-app .table-secondary > td {
  background-color: #d6d8db;
}
.synapse-app .table-secondary th,
.synapse-app .table-secondary td,
.synapse-app .table-secondary thead th,
.synapse-app .table-secondary tbody + tbody {
  border-color: #b3b7bb;
}
.synapse-app .table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.synapse-app .table-hover .table-secondary:hover > td,
.synapse-app .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.synapse-app .table-success,
.synapse-app .table-success > th,
.synapse-app .table-success > td {
  background-color: #c3e6cb;
}
.synapse-app .table-success th,
.synapse-app .table-success td,
.synapse-app .table-success thead th,
.synapse-app .table-success tbody + tbody {
  border-color: #8fd19e;
}
.synapse-app .table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.synapse-app .table-hover .table-success:hover > td,
.synapse-app .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.synapse-app .table-info,
.synapse-app .table-info > th,
.synapse-app .table-info > td {
  background-color: #bee5eb;
}
.synapse-app .table-info th,
.synapse-app .table-info td,
.synapse-app .table-info thead th,
.synapse-app .table-info tbody + tbody {
  border-color: #86cfda;
}
.synapse-app .table-hover .table-info:hover {
  background-color: #abdde5;
}
.synapse-app .table-hover .table-info:hover > td,
.synapse-app .table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.synapse-app .table-warning,
.synapse-app .table-warning > th,
.synapse-app .table-warning > td {
  background-color: #ffeeba;
}
.synapse-app .table-warning th,
.synapse-app .table-warning td,
.synapse-app .table-warning thead th,
.synapse-app .table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.synapse-app .table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.synapse-app .table-hover .table-warning:hover > td,
.synapse-app .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.synapse-app .table-danger,
.synapse-app .table-danger > th,
.synapse-app .table-danger > td {
  background-color: #f5c6cb;
}
.synapse-app .table-danger th,
.synapse-app .table-danger td,
.synapse-app .table-danger thead th,
.synapse-app .table-danger tbody + tbody {
  border-color: #ed969e;
}
.synapse-app .table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.synapse-app .table-hover .table-danger:hover > td,
.synapse-app .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.synapse-app .table-light,
.synapse-app .table-light > th,
.synapse-app .table-light > td {
  background-color: #fdfdfe;
}
.synapse-app .table-light th,
.synapse-app .table-light td,
.synapse-app .table-light thead th,
.synapse-app .table-light tbody + tbody {
  border-color: #fbfcfc;
}
.synapse-app .table-hover .table-light:hover {
  background-color: #ececf6;
}
.synapse-app .table-hover .table-light:hover > td,
.synapse-app .table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.synapse-app .table-dark,
.synapse-app .table-dark > th,
.synapse-app .table-dark > td {
  background-color: #c6c8ca;
}
.synapse-app .table-dark th,
.synapse-app .table-dark td,
.synapse-app .table-dark thead th,
.synapse-app .table-dark tbody + tbody {
  border-color: #95999c;
}
.synapse-app .table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.synapse-app .table-hover .table-dark:hover > td,
.synapse-app .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.synapse-app .table-active,
.synapse-app .table-active > th,
.synapse-app .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.synapse-app .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.synapse-app .table-hover .table-active:hover > td,
.synapse-app .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.synapse-app .table .thead-dark th, .synapse-app .rcpcard-table .thead-dark th {
  color: white;
  background-color: #343a40;
  border-color: #454d55;
}
.synapse-app .table .thead-light th, .synapse-app .rcpcard-table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #e5e5e5;
}
.synapse-app .table-dark {
  color: white;
  background-color: #343a40;
}
.synapse-app .table-dark th,
.synapse-app .table-dark td,
.synapse-app .table-dark thead th {
  border-color: #454d55;
}
.synapse-app .table-dark.table-bordered {
  border: 0;
}
.synapse-app .table-dark.table-striped tbody tr:nth-of-type(odd), .synapse-app .table-dark.rcpcard-table tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.synapse-app .table-dark.table-hover tbody tr:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .synapse-app .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .synapse-app .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .synapse-app .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .synapse-app .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .synapse-app .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .synapse-app .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .synapse-app .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .synapse-app .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.synapse-app .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.synapse-app .table-responsive > .table-bordered {
  border: 0;
}
.synapse-app .rcpcard-table tr:first-of-type td {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.synapse-app .rcpcard-table table {
  margin-left: 0 !important;
}
.synapse-app .table.table--scrollable, .synapse-app .table--scrollable.rcpcard-table {
  overflow: auto;
  display: block;
  table-layout: fixed;
}
.synapse-app .table.table--scrollable tr, .synapse-app .table--scrollable.rcpcard-table tr,
.synapse-app .table.table--scrollable td:not(.table--scrollable__auto),
.synapse-app .table--scrollable.rcpcard-table td:not(.table--scrollable__auto) {
  width: 100%;
}
.synapse-app .table.table--header-orange thead, .synapse-app .table--header-orange.rcpcard-table thead {
  border: none !important;
  color: white;
}
.synapse-app .table.table--header-orange thead tr th, .synapse-app .table--header-orange.rcpcard-table thead tr th {
  height: 5rem;
  border-top: none;
  border-bottom: 0;
  font-weight: bold;
  background-color: #97eddd;
  position: relative;
}
.synapse-app .table.table--header-orange thead tr th:first-child, .synapse-app .table--header-orange.rcpcard-table thead tr th:first-child {
  background-color: #97eddd;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 58px;
}
.synapse-app .table.table--header-orange thead tr th:last-child, .synapse-app .table--header-orange.rcpcard-table thead tr th:last-child {
  background-color: #97eddd;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 58px;
}
.synapse-app .table.table--header-orange thead tr th:not(:last-child):after, .synapse-app .table--header-orange.rcpcard-table thead tr th:not(:last-child):after {
  content: "";
  width: 3px;
  height: 50%;
  position: absolute;
  background-color: white;
  right: 0;
  top: 1.4rem;
  border-radius: 8px;
}
.synapse-app .table.table--header-orange tbody tr td:not(:last-child), .synapse-app .table--header-orange.rcpcard-table tbody tr td:not(:last-child) {
  position: relative;
}
.synapse-app .table.table--header-orange tbody tr td:not(:last-child):after, .synapse-app .table--header-orange.rcpcard-table tbody tr td:not(:last-child):after {
  content: "";
  width: 2px;
  height: 33%;
  top: 33%;
  position: absolute;
  background-color: black;
  right: 0;
  border-radius: 8px;
}
.synapse-app .table.table--header-color-100 thead, .synapse-app .table--header-color-100.rcpcard-table thead {
  border: none !important;
  color: #003753;
}
.synapse-app .table.table--header-color-100 thead tr th, .synapse-app .table--header-color-100.rcpcard-table thead tr th {
  height: 5rem;
  border-top: none;
  border-bottom: 0;
  font-weight: bold;
  background-color: #eef9fd;
  position: relative;
}
.synapse-app .table.table--header-color-100 thead tr th:first-child, .synapse-app .table--header-color-100.rcpcard-table thead tr th:first-child {
  background-color: #eef9fd;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 58px;
}
.synapse-app .table.table--header-color-100 thead tr th:last-child, .synapse-app .table--header-color-100.rcpcard-table thead tr th:last-child {
  background-color: #eef9fd;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 58px;
}
.synapse-app .table.table--header-color-100 thead tr th:not(:last-child):after, .synapse-app .table--header-color-100.rcpcard-table thead tr th:not(:last-child):after {
  content: "";
  width: 3px;
  height: 50%;
  position: absolute;
  background-color: #003753;
  right: 0;
  top: 1.4rem;
  border-radius: 8px;
}
.synapse-app .table.table--header-color-100 tbody tr td:not(:last-child), .synapse-app .table--header-color-100.rcpcard-table tbody tr td:not(:last-child) {
  position: relative;
}
.synapse-app .table.table--header-color-100 tbody tr td:not(:last-child):after, .synapse-app .table--header-color-100.rcpcard-table tbody tr td:not(:last-child):after {
  content: "";
  width: 2px;
  height: 33%;
  top: 33%;
  position: absolute;
  background-color: black;
  right: 0;
  border-radius: 8px;
}
.synapse-app table.synapse-table {
  text-align: center;
}
.synapse-app table.synapse-table th {
  padding: var(--spacing-3) !important;
}
.synapse-app table.synapse-table td {
  padding: var(--spacing-3) !important;
}
.synapse-app table.synapse-table td:first-of-type {
  border-left: none !important;
}
.synapse-app table.synapse-table td hr {
  width: 70px;
  border-width: 2px;
}
.synapse-app .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Inter-regular";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8rem;
  word-wrap: break-word;
  opacity: 0;
}
.synapse-app .tooltip.show {
  opacity: 0.9;
}
.synapse-app .tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.synapse-app .tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.synapse-app .bs-tooltip-top, .synapse-app .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.synapse-app .bs-tooltip-top .arrow, .synapse-app .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.synapse-app .bs-tooltip-top .arrow::before, .synapse-app .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.synapse-app .bs-tooltip-right, .synapse-app .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.synapse-app .bs-tooltip-right .arrow, .synapse-app .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.synapse-app .bs-tooltip-right .arrow::before, .synapse-app .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.synapse-app .bs-tooltip-bottom, .synapse-app .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.synapse-app .bs-tooltip-bottom .arrow, .synapse-app .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.synapse-app .bs-tooltip-bottom .arrow::before, .synapse-app .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.synapse-app .bs-tooltip-left, .synapse-app .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.synapse-app .bs-tooltip-left .arrow, .synapse-app .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.synapse-app .bs-tooltip-left .arrow::before, .synapse-app .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.synapse-app .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: white;
  text-align: center;
  background-color: #000;
  border-radius: var(--rounded-100);
}
.synapse-app .synapse-popup--small > .title {
  max-width: 1000px;
}
.synapse-app .synapse-popup--small > .title .row {
  max-width: 1000px;
}
.synapse-app .synapse-popup {
  background-color: white;
  z-index: 150;
  margin-top: 70px;
}
.synapse-app .synapse-popup > .title {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  cursor: initial;
}
.synapse-app .synapse-popup > .title .row {
  margin: auto;
  height: 50px;
  position: relative;
}
.synapse-app .synapse-popup > .title h6 {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 !important;
}
.synapse-app .synapse-popup > .title .fa-times {
  cursor: pointer;
  font-size: 20px;
}
.synapse-app .synapse-popup > .title .cls {
  cursor: pointer;
}
.synapse-app .synapse-popup > .content {
  max-width: 1000px;
  margin: auto;
}
.synapse-app .synapse-popup.synapse-popup--small {
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.synapse-app .synapse-popup.synapse-popup--small > .content {
  border-bottom-left-radius: var(--rounded-100) !important;
  border-bottom-right-radius: var(--rounded-100) !important;
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  overflow: auto;
  padding: var(--spacing-2) !important;
  border: 0 !important;
  max-height: 90%;
}
.synapse-app .synapse-popup.synapse-popup--small > .title {
  border-top-left-radius: var(--rounded-100) !important;
  border-top-right-radius: var(--rounded-100) !important;
  top: 10%;
  transform: translate(-50%, -100%);
  width: 50%;
  left: 50%;
}
.synapse-app .synapse-popup.synapse-popup--small > .title h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.synapse-app .synapse-popup.synapse-popup--drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 0;
}
.synapse-app .synapse-popup.synapse-popup--drawer > .title {
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  width: 80%;
  transform: translateX(100%);
  transition: transform 0.2s ease;
  box-shadow: 0px 10px 10px rgba(0, 2, 6, 0.1);
  min-height: 54px;
  z-index: 1;
}
.synapse-app .synapse-popup.synapse-popup--drawer > .title > .row {
  max-width: none;
}
.synapse-app .synapse-popup.synapse-popup--drawer > .content {
  max-width: none;
  z-index: 0;
  margin-top: 54px;
  background-color: white;
  height: calc(100% - 54px);
  position: fixed;
  top: 0;
  left: initial;
  right: 0;
  width: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: transform 0.2s ease;
  transform: translateX(100%);
  box-shadow: 0px 5px 10px rgba(0, 2, 6, 0.1);
}
.synapse-app .synapse-popup.synapse-popup--drawer.synapse-popup--drawer-do .title,
.synapse-app .synapse-popup.synapse-popup--drawer.synapse-popup--drawer-do .content {
  transform: translateX(0);
}
.synapse-app .synapse-popup.synapse-popup--raw, .synapse-app .synapse-popup.synapse-popup--conciliation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 0;
}
.synapse-app .synapse-popup.synapse-popup--raw .title, .synapse-app .synapse-popup.synapse-popup--conciliation .title {
  display: none;
}
.synapse-app .synapse-popup.synapse-popup--raw > .content, .synapse-app .synapse-popup.synapse-popup--conciliation > .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: var(--rounded-200) !important;
  background-color: white;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-height: 95vh;
  max-width: 95vw;
  overflow-y: auto;
}
@media screen and (max-width: 480px) {
  .synapse-app .synapse-popup.synapse-popup--raw > .content, .synapse-app .synapse-popup.synapse-popup--conciliation > .content {
    width: 100% !important;
  }
}
@keyframes awn-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes awn-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes awn-slide-right {
  0% {
    opacity: 0;
    left: 100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes awn-slide-left {
  0% {
    opacity: 0;
    right: 100%;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes awn-slide-top {
  0% {
    opacity: 0;
    bottom: 100%;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes awn-bar {
  0% {
    right: 100%;
  }
  to {
    right: 0;
  }
}
.synapse-app .awn-popup-loading-dots,
.synapse-app .awn-popup-loading-dots:after,
.synapse-app .awn-popup-loading-dots:before {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation-fill-mode: both;
  background: #fff;
  animation: awn-loading-dots 1s ease-in-out infinite;
}
.synapse-app .awn-popup-loading-dots {
  position: relative;
  margin-left: 24px;
  display: inline-block;
  color: #fff;
  animation-delay: -0.16s;
}
.synapse-app .awn-popup-loading-dots:after,
.synapse-app .awn-popup-loading-dots:before {
  content: "";
  position: absolute;
  top: 0;
}
.synapse-app .awn-popup-loading-dots:before {
  left: -16px;
  animation-delay: -0.32s;
}
.synapse-app .awn-popup-loading-dots:after {
  left: 16px;
}
@keyframes awn-loading-dots {
  0%, 80%, to {
    box-shadow: 0 0 0 0;
  }
  40% {
    box-shadow: 0 0 0 2px;
  }
}
.synapse-app #awn-popup-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  opacity: 0;
  animation-name: awn-fade-in;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.synapse-app #awn-popup-wrapper.awn-hiding {
  animation-name: awn-fade-out;
}
.synapse-app #awn-popup-wrapper .awn-popup-body {
  position: relative;
  word-break: break-word;
  background: #fff;
  padding: 24px;
  min-width: 320px;
  font-size: 14px;
  max-width: 500px;
}
.synapse-app #awn-popup-wrapper .awn-popup-body .fa {
  font-size: 44px;
  color: #c26700;
}
.synapse-app #awn-popup-wrapper .awn-popup-body.awn-popup-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.synapse-app #awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
  background: transparent;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.synapse-app #awn-popup-wrapper .awn-popup-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 8px;
}
.synapse-app #awn-popup-wrapper .awn-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.synapse-app #awn-popup-wrapper .awn-buttons .awn-btn {
  border-radius: 4px;
  border: 0;
  font-weight: 700;
  transition: background 0.2s linear;
  font-size: 14px;
  width: 45%;
  line-height: 32px;
  color: #fff;
}
.synapse-app #awn-popup-wrapper .awn-buttons .awn-btn-success {
  background: #40871d;
}
.synapse-app #awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
  background: #367218;
}
.synapse-app #awn-popup-wrapper .awn-buttons .awn-btn-cancel {
  background: #1c76a6;
}
.synapse-app #awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
  background: #186690;
}
.synapse-app #awn-toast-container {
  position: fixed;
  z-index: 99998;
  box-sizing: border-box;
}
.synapse-app #awn-toast-container.awn-top-center {
  top: 0;
  width: 100%;
  margin: auto;
  margin-top: 0;
  height: 55px;
  overflow: hidden;
}
.synapse-app #awn-toast-container.awn-bottom-right {
  bottom: 24px;
  right: 24px;
}
.synapse-app #awn-toast-container:empty {
  z-index: -1;
}
.synapse-app #awn-toast-container.awn-top-center .awn-toast {
  animation-name: awn-slide-top;
  width: 100%;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.synapse-app #awn-toast-container.awn-top-left,
.synapse-app #awn-toast-container.awn-top-right {
  top: 24px;
  bottom: auto;
}
.synapse-app #awn-toast-container.awn-top-left .awn-toast:first-child,
.synapse-app #awn-toast-container.awn-top-right .awn-toast:first-child {
  margin-top: 16px;
}
.synapse-app #awn-toast-container.awn-bottom-left,
.synapse-app #awn-toast-container.awn-top-left {
  left: 24px;
  right: auto;
}
.synapse-app #awn-toast-container.awn-bottom-left .awn-toast,
.synapse-app #awn-toast-container.awn-top-left .awn-toast {
  right: 100%;
  animation-name: awn-slide-left;
}
.synapse-app #awn-toast-container.awn-bottom-left .awn-toast.awn-hiding,
.synapse-app #awn-toast-container.awn-top-left .awn-toast.awn-hiding {
  right: 0;
}
.synapse-app #awn-toast-container.awn-bottom-right .awn-toast,
.synapse-app #awn-toast-container.awn-top-right .awn-toast {
  left: 100%;
  animation-name: awn-slide-right;
}
.synapse-app #awn-toast-container.awn-bottom-right .awn-toast.awn-hiding,
.synapse-app #awn-toast-container.awn-top-right .awn-toast.awn-hiding {
  left: 0;
}
.synapse-app .awn-toast {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  width: 320px;
  background: #ebebeb;
  color: grey;
  font-size: 14px;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.synapse-app .awn-toast-content {
  word-break: break-word;
}
.synapse-app .awn-toast-label {
  display: block;
  text-transform: uppercase;
  color: grey;
  font-size: 18px;
}
.synapse-app .awn-toast-icon {
  position: absolute;
  right: 16px;
  top: 0px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.synapse-app .awn-toast-icon .fa {
  font-size: 44px;
  color: grey;
}
.synapse-app .awn-toast-wrapper {
  padding: 18px 88px 16px 16px;
  border: 2px solid #d1d1d1;
}
.synapse-app .awn-toast-progress-bar {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
}
.synapse-app .awn-toast-progress-bar:after {
  content: " ";
  background: grey;
  position: absolute;
  width: 100%;
  right: 100%;
  top: 0;
  height: 6px;
  animation-name: awn-bar;
  animation-duration: inherit;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.synapse-app .awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after {
  animation-play-state: paused;
}
.synapse-app .awn-toast.awn-hiding {
  animation-name: awn-fade-out !important;
}
.synapse-app .awn-toast.awn-toast-async {
  border: 0;
}
.synapse-app .awn-toast.awn-toast-async .awn-toast-wrapper {
  border-color: transparent !important;
}
.synapse-app #awn-toast-container.awn-top-center .awn-toast.awn-toast-async .awn-toast-icon {
  margin-top: -5px;
}
.synapse-app .awn-toast.awn-toast-async .awn-toast-label {
  display: none;
}
.synapse-app .awn-toast.awn-toast-success {
  background: #97eddd;
  color: white;
}
.synapse-app .awn-toast.awn-toast-success .awn-toast-wrapper {
  border-color: #97eddd;
}
.synapse-app .awn-toast.awn-toast-success .fa,
.synapse-app .awn-toast.awn-toast-success b {
  color: white;
}
.synapse-app .awn-toast.awn-toast-success .awn-toast-progress-bar:after {
  background: rgba(255, 255, 255, 0.7);
}
.synapse-app .awn-toast.awn-toast-info {
  background: #d3ebf8;
  color: #1c76a6;
}
.synapse-app .awn-toast.awn-toast-info .awn-toast-wrapper {
  border-color: #9fd3ef;
}
.synapse-app .awn-toast.awn-toast-info .fa,
.synapse-app .awn-toast.awn-toast-info b {
  color: #1c76a6;
}
.synapse-app .awn-toast.awn-toast-info .awn-toast-progress-bar:after {
  background: #1c76a6;
}
.synapse-app .awn-toast.awn-toast-alert {
  background: #a954eb;
  color: white;
}
.synapse-app .awn-toast.awn-toast-alert .awn-toast-wrapper {
  border-color: #a954eb;
}
.synapse-app .awn-toast.awn-toast-alert b {
  color: white;
}
.synapse-app .awn-toast.awn-toast-alert b {
  display: none;
}
.synapse-app .awn-toast.awn-toast-alert .awn-toast-progress-bar:after {
  background: rgba(255, 255, 255, 0.7);
}
.synapse-app .awn-toast.awn-toast-warning {
  background: #ffe7cc;
  color: #c26700;
}
.synapse-app .awn-toast.awn-toast-warning .awn-toast-wrapper {
  border-color: #ffc480;
}
.synapse-app .awn-toast.awn-toast-warning .fa,
.synapse-app .awn-toast.awn-toast-warning b {
  color: #c26700;
}
.synapse-app .awn-toast.awn-toast-warning .awn-toast-progress-bar:after {
  background: #c26700;
}
.synapse-app [class^=awn-] {
  box-sizing: border-box;
}
.synapse-app .dp-2,
.synapse-app .dp-light {
  box-shadow: 2px 2px 5px rgba(51, 51, 51, 0.1);
}
.synapse-app .dp-6,
.synapse-app .dp-base {
  box-shadow: 0px 16px 48px rgba(0, 55, 83, 0.1);
}
.synapse-app .dp-12,
.synapse-app .dp-heavy {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.synapse-app .dp-thick {
  box-shadow: 4px 4px 0px #003753;
}
.synapse-app .dp {
  transition: box-shadow 0.25s ease-in-out;
}
.synapse-app .dp-0 {
  box-shadow: var(--dp-0) !important;
}
.synapse-app .dp-25 {
  box-shadow: var(--dp-25) !important;
}
.synapse-app .dp-50 {
  box-shadow: var(--dp-50) !important;
}
.synapse-app .dp-75 {
  box-shadow: var(--dp-75) !important;
}
.synapse-app .dp-100 {
  box-shadow: var(--dp-100) !important;
}
.synapse-app .nav.nav--alt .nav-item {
  display: flex;
  background-color: white;
  color: #003753;
  margin-left: var(--spacing-2) !important;
  margin-right: var(--spacing-2) !important;
  padding: var(--spacing-2) !important;
  box-shadow: var(--dp-50) !important;
  border-radius: 8px;
  align-items: center;
  position: relative;
}
.synapse-app .nav.nav--alt .nav-item.active .nav-link::after, .synapse-app .nav.nav--alt .nav-item:hover .nav-link::after,
.synapse-app .nav.nav--alt .nav-item .nav-link.active::after {
  transform: scaleX(1);
  transition: transform 0.2s ease;
}
.synapse-app .nav.nav--alt .nav-item .nav-link {
  color: #003753;
  flex-grow: 1;
}
.synapse-app .nav.nav--alt .nav-item .nav-link.disabled {
  color: #b9b9b9;
}
.synapse-app .nav.nav--alt .nav-item .nav-link::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  background-color: #003753;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform: scaleX(0);
}
.synapse-app .nav.nav--alt .nav-item .notification {
  margin-left: var(--spacing-1) !important;
  margin-right: var(--spacing-1) !important;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-table;
  min-width: 10px;
}
.synapse-app .nav.nav--alt.nav--alt-mobile {
  display: block;
  white-space: nowrap;
  word-break: normal;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory;
}
.synapse-app .nav.nav--alt.nav--alt-mobile .nav-item {
  display: inline-block;
  height: 100%;
  padding: 0 !important;
  white-space: normal;
  word-break: break-word;
  scroll-snap-align: center;
}
.synapse-app .nav.nav--alt.nav--alt-mobile .nav-item .nav-link {
  margin: 0;
  min-height: 100%;
  padding: var(--spacing-2) !important;
  white-space: normal;
  word-break: break-word;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.synapse-app .nav-steps {
  display: inline-block;
}
.synapse-app .nav-steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: steps;
  white-space: nowrap;
  word-break: keep-all;
}
.synapse-app .nav-steps ul li {
  vertical-align: middle;
  width: 70px;
  white-space: normal;
  word-break: initial;
}
.synapse-app .nav-steps ul li:not(.no-hover) {
  cursor: pointer;
}
.synapse-app .nav-steps ul li.nav-steps__top {
  vertical-align: top;
}
.synapse-app .nav-steps ul li.active, .synapse-app .nav-steps ul li:not(.no-hover):hover {
  color: #003753;
}
.synapse-app .nav-steps ul li.active > span::before, .synapse-app .nav-steps ul li:not(.no-hover):hover > span::before {
  background-color: #003753;
  border: none !important;
  color: white !important;
  width: 35px !important;
  height: 35px !important;
}
.synapse-app .nav-steps ul li.nav-steps__separator {
  display: inline-block;
  width: 15px;
  height: 5px;
  border-radius: 5px;
  background-color: #b9b9b9;
}
.synapse-app .nav-steps ul li:not(.nav-steps__separator) {
  display: inline-block;
  font-size: 0.7rem;
  counter-increment: steps;
  text-align: center;
}
.synapse-app .nav-steps ul li:not(.nav-steps__separator):not(.no-f)::before {
  color: rgba(185, 185, 185, 0.5);
  content: "F" counter(steps);
  display: block;
  text-align: center;
  margin-bottom: 0.3rem;
}
.synapse-app .nav-steps ul li:not(.nav-steps__separator) > span::before {
  transition: all 0.2s ease;
  content: counter(steps);
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #b9b9b9;
  border-radius: 100%;
  color: #b9b9b9;
  text-align: center;
  margin: auto;
  margin-bottom: 0.3rem;
}
.synapse-app .breadcrumb {
  padding: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  counter-reset: breadcrumb;
}
.synapse-app .breadcrumb .breadcrumb__item {
  cursor: pointer;
  counter-increment: breadcrumb;
}
.synapse-app .breadcrumb .breadcrumb__item .icn {
  display: inline-block;
  vertical-align: middle;
}
.synapse-app .breadcrumb .breadcrumb__item span {
  display: inline-block;
  vertical-align: middle;
  color: #003753;
  position: relative;
}
.synapse-app .breadcrumb .breadcrumb__item span::after {
  position: absolute;
  left: -10px;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.75rem;
  transform: translateY(100%);
  color: rgba(185, 185, 185, 0.7);
  content: "F" counter(breadcrumb);
}
.synapse-app .breadcrumb .breadcrumb__item.active span, .synapse-app .breadcrumb .breadcrumb__item:hover span {
  color: #a954eb;
}
.synapse-app .breadcrumb .breadcrumb__item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #003753;
}
.synapse-app .breadcrumb .breadcrumb__item:first-of-type::before {
  content: none;
}
.synapse-app .breadcrumb.breadcrumb--no-shortcut .breadcrumb__item span::after {
  content: none;
}
.synapse-app .border.border--brand-primary {
  border-color: #003753 !important;
}
.synapse-app .border.border--brand-secondary {
  border-color: #97eddd !important;
}
.synapse-app .border.border--brand-tertiary {
  border-color: #a954eb !important;
}
.synapse-app .border.border--color-100 {
  border-color: #eef9fd !important;
}
.synapse-app .border.border--color-0 {
  border-color: #2fb5e8 !important;
}
.synapse-app .border.border--color-alert-100 {
  border-color: #eb4343 !important;
}
.synapse-app .border.border--color-alert-125 {
  border-color: #200303 !important;
}
.synapse-app .border.border--color-alert-75 {
  border-color: #ff8a48 !important;
}
.synapse-app .border.border--color-alert-50 {
  border-color: #ffc83d !important;
}
.synapse-app .border.border--color-alert-25 {
  border-color: #deef75 !important;
}
.synapse-app .border.border--color-alert-0 {
  border-color: #68daa0 !important;
}
.synapse-app .border.border--green-temporary {
  border-color: #50cdb7 !important;
}
.synapse-app .border.border--grey-dark {
  border-color: #9b9b9b !important;
}
.synapse-app .border.border--grey {
  border-color: #b9b9b9 !important;
}
.synapse-app .border.border--grey-light {
  border-color: #e5e5e5 !important;
}
.synapse-app .border.border--dashed {
  border-style: dashed !important;
  border-color: #e5e5e5 !important;
}
.synapse-app .border.border--dashed-brand-primary {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23003753FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .border.border--dashed-white, .synapse-app .border.border--dashed {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='white' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .border.border--dashed-white-focus {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='white' stroke-width='6' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .rounded {
  border-radius: 8px !important;
}
.synapse-app .rounded--large {
  border-radius: 8px !important;
}
.synapse-app .border.border--dashed-brand-primary {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23003753FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .border.border--dashed-white, .synapse-app .border.border--dashed {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='white' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .border.border--dashed-white-focus {
  border-style: none !important;
  border-color: unset !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='white' stroke-width='6' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 8px !important;
}
.synapse-app .rounded--small {
  border-radius: 4px !important;
}
.synapse-app .rounded--x-small {
  border-radius: 2px !important;
}
.synapse-app .rounded--medium {
  border-radius: 16px !important;
}
.synapse-app .rounded-top-left--medium {
  border-top-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.synapse-app .rounded-top-right--medium {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.synapse-app .rounded--extra-large {
  border-radius: 48px !important;
}
.synapse-app .rounded-left--large {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.synapse-app .rounded-right--large {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.synapse-app .rounded-top--large {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.synapse-app .rounded-bottom--large {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.synapse-app .form-control,
.synapse-app .input-group {
  border-radius: 8px;
  border: 1px solid rgba(185, 185, 185, 0.7);
  color: #003753 !important;
}
.synapse-app .form-control::placeholder,
.synapse-app .input-group::placeholder {
  color: rgba(185, 185, 185, 0.55) !important;
}
.synapse-app .form-control:focus,
.synapse-app .input-group:focus {
  border: 1px solid #b9b9b9;
  outline: none;
  color: #003753 !important;
}
.synapse-app .form-control .form-control,
.synapse-app .form-control .input-group-text,
.synapse-app .input-group .form-control,
.synapse-app .input-group .input-group-text {
  border: none;
  color: #003753 !important;
}
.synapse-app .form-group label.font-weight-bold {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.synapse-app .form-group .wrapped {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: var(--rounded-100);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.synapse-app .form-group #wrapped + .input-group-addon {
  margin: 0px 10px 0px 0px;
  padding: 0;
  min-width: 9rem;
  border: none;
}
.synapse-app .form-group #wrapped + .input-group-addon > {
  border-radius: 0 0.4rem 0.4rem 0;
  border-left: none;
}
.synapse-app textarea:focus {
  outline: none;
}
.synapse-app .input-group-checkbox input[type=checkbox]:checked, .synapse-app .input-group-checkbox input[type=checkbox]:not(:checked) {
  width: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.synapse-app .input-group-checkbox input[type=checkbox] ~ label {
  cursor: pointer;
}
.synapse-app .input-group-checkbox input[type=checkbox] ~ label::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-color: white;
  border: 1px solid #003753;
  border-radius: 2px;
}
.synapse-app .input-group-checkbox input[type=checkbox]:checked ~ label::before {
  background-color: #003753;
}
.synapse-app input.is-invalid,
.synapse-app select.is-invalid,
.synapse-app textarea.is-invalid {
  padding-right: 5px !important;
  background-image: none !important;
}
.synapse-app *::-webkit-search-cancel-button {
  display: none;
}
.synapse-app select:disabled,
.synapse-app select.disabled {
  opacity: 0.5 !important;
}
.synapse-app .input--search-deprecated {
  --x: 1;
  display: flex;
  align-items: center;
  background-color: white;
  box-shadow: var(--dp-50) !important;
  border-radius: var(--rounded-150) !important;
  border: 1px solid #e5e5e5 !important;
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
.synapse-app .input--search-deprecated[data-buttons="1"] {
  --x: 1;
}
.synapse-app .input--search-deprecated[data-buttons="2"] {
  --x: 2;
}
.synapse-app .input--search-deprecated[data-buttons="3"] {
  --x: 3;
}
.synapse-app .input--search-deprecated .fa-spinner {
  display: none;
}
.synapse-app .input--search-deprecated .form-control {
  border: 0;
  background: transparent;
  color: #003753;
}
.synapse-app .input--search-deprecated .form-control:focus {
  outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.synapse-app .input--search-deprecated .btn {
  color: #003753;
  width: 40px;
  height: 40px;
  background: transparent;
}
.synapse-app .input--search-deprecated .btn:focus {
  outline: none;
  border-color: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.synapse-app .input--search-deprecated input:not([value=""]) + .actions > span {
  margin-left: calc(-40px * (var(--x) + 0.3));
}
.synapse-app .input--search-deprecated .actions {
  overflow: hidden;
  height: 40px;
  min-width: calc(40px * var(--x));
  max-width: calc(40px * var(--x));
  display: inline-block;
}
.synapse-app .input--search-deprecated .actions > span {
  display: inline-block;
  transition: all 0.5s ease;
  white-space: nowrap;
  word-break: keep-all;
}
.synapse-app .input--loading .fa-spinner,
.synapse-app .input--search-loading-deprecated .fa-spinner {
  display: inline-block;
}
.synapse-app .input--loading .actions,
.synapse-app .input--search-loading-deprecated .actions {
  display: none;
}
.synapse-app .btn--paid-user {
  position: relative;
  height: 55px;
  overflow: hidden;
  padding-right: 29px;
}
.synapse-app .btn--paid-user::before {
  position: absolute;
  top: 100%;
  right: 0;
  width: 55px;
  height: 24px;
  content: "Premium";
  background-color: #888787;
  color: white;
  transform: rotateZ(90deg);
  font-size: 0.7rem;
  transform-origin: 100% 0px;
}
.synapse-app .btn--paid-user.btn--large::before {
  top: 0;
  left: 0;
  transform: rotateZ(-90deg) translateY(-70px);
  width: 70px;
}
.synapse-app .btn--disabled, .synapse-app .btn--paid-user,
.synapse-app .btn.disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
  cursor: initial;
}
.synapse-app .btn--disabled:not(.btn--outline), .synapse-app .btn--paid-user:not(.btn--outline),
.synapse-app .btn.disabled:not(.btn--outline) {
  color: #003753;
}
.synapse-app .btn--back {
  background-color: #003753;
  color: white;
  line-height: 1.5rem;
  border: none;
  border: 1px solid white;
  position: relative;
  white-space: nowrap;
  word-break: keep-all;
}
.synapse-app .btn--back:hover {
  background-color: #002f47;
}
.synapse-app .btn--back:disabled, .synapse-app .btn--back.disabled, .synapse-app .btn--back[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn--back:hover {
  border: 1px solid #e5e5e5;
  background-color: #f4f4f4;
}
.synapse-app .btn--see-more {
  display: block;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
.synapse-app .btn--see-more:focus {
  outline: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.synapse-app .btn--see-more::before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 12px;
  color: white;
  background-color: #003753;
  width: 10mm;
  height: 10mm;
  border-radius: 100%;
  padding-top: 10px;
  transition: all 0.2s ease;
}
.synapse-app .btn--see-more.btn--see-more-open::before, .synapse-app .btn--see-more.open::before {
  transform: rotate(0.5turn);
}
.synapse-app .btn.btn--large {
  padding: 0 !important;
  height: 70px;
  overflow: hidden;
  border: 0 !important;
  box-shadow: 4px 4px 0px #003753;
}
.synapse-app .btn.btn--large .row {
  padding-right: 8px;
  height: 100%;
  align-items: center;
}
.synapse-app .btn.btn--large .row .col {
  color: #003753;
  padding-left: 16px;
  padding-right: 16px;
}
.synapse-app .btn.btn--large .row .col-auto {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
}
.synapse-app .btn.btn--large:focus, .synapse-app .btn.btn--large:hover {
  background-color: white !important;
}
.synapse-app .btn.btn--large.btn--blue, .synapse-app .btn--toggle .btn.btn--large.active, .synapse-app .btn.btn--large.btn--brand-primary {
  background-color: white;
}
.synapse-app .btn.btn--large.btn--blue:hover, .synapse-app .btn--toggle .btn.btn--large.active:hover, .synapse-app .btn.btn--large.btn--blue:focus, .synapse-app .btn--toggle .btn.btn--large.active:focus, .synapse-app .btn.btn--large.btn--brand-primary:hover, .synapse-app .btn.btn--large.btn--brand-primary:focus {
  background-color: #003753 !important;
}
.synapse-app .btn.btn--large.btn--blue:hover .row .col, .synapse-app .btn--toggle .btn.btn--large.active:hover .row .col, .synapse-app .btn.btn--large.btn--blue:focus .row .col, .synapse-app .btn--toggle .btn.btn--large.active:focus .row .col, .synapse-app .btn.btn--large.btn--brand-primary:hover .row .col, .synapse-app .btn.btn--large.btn--brand-primary:focus .row .col {
  color: white !important;
}
.synapse-app .btn.btn--large.btn--blue .col-auto, .synapse-app .btn--toggle .btn.btn--large.active .col-auto, .synapse-app .btn.btn--large.btn--brand-primary .col-auto {
  background-color: rgba(0, 55, 83, 0.4);
}
.synapse-app .btn.btn--large.btn--green, .synapse-app .btn--toggle .btn.btn--large.btn--green.active, .synapse-app .btn.btn--large.btn--brand-secondary {
  background-color: white;
}
.synapse-app .btn.btn--large.btn--green:hover, .synapse-app .btn.btn--large.btn--green:focus, .synapse-app .btn.btn--large.btn--brand-secondary:hover, .synapse-app .btn.btn--large.btn--brand-secondary:focus {
  background-color: #97eddd !important;
}
.synapse-app .btn.btn--large.btn--green:hover .row .col, .synapse-app .btn.btn--large.btn--green:focus .row .col, .synapse-app .btn.btn--large.btn--brand-secondary:hover .row .col, .synapse-app .btn.btn--large.btn--brand-secondary:focus .row .col {
  color: white !important;
}
.synapse-app .btn.btn--large.btn--green .col-auto, .synapse-app .btn.btn--large.btn--brand-secondary .col-auto {
  background-color: rgba(151, 237, 221, 0.4);
}
.synapse-app .btn.btn--large.btn--coral, .synapse-app .btn.btn--large.btn--brand-tertiary {
  background-color: white;
}
.synapse-app .btn.btn--large.btn--coral:hover, .synapse-app .btn.btn--large.btn--coral:focus, .synapse-app .btn.btn--large.btn--brand-tertiary:hover, .synapse-app .btn.btn--large.btn--brand-tertiary:focus {
  background-color: #a954eb !important;
}
.synapse-app .btn.btn--large.btn--coral:hover .row .col, .synapse-app .btn.btn--large.btn--coral:focus .row .col, .synapse-app .btn.btn--large.btn--brand-tertiary:hover .row .col, .synapse-app .btn.btn--large.btn--brand-tertiary:focus .row .col {
  color: white !important;
}
.synapse-app .btn.btn--large.btn--coral .col-auto, .synapse-app .btn.btn--large.btn--brand-tertiary .col-auto {
  background-color: rgba(169, 84, 235, 0.4);
}
.synapse-app .btn.slide {
  position: relative;
  padding: 0;
  height: 30px;
  overflow: hidden;
  border-radius: 15px !important;
  width: calc(2 * 30px);
}
.synapse-app .btn.slide input {
  display: none;
}
.synapse-app .btn.slide input[type=checkbox] ~ span::after {
  z-index: 1;
  position: relative;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: white;
  width: 24px;
  height: 24px;
  margin-top: 2.4px;
  margin-left: 3px;
  transition: all 0.2s ease;
}
.synapse-app .btn.slide input[type=checkbox] ~ span::before {
  z-index: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e5e5e5;
  position: absolute;
  top: 0;
  left: 0;
}
.synapse-app .btn.slide input[type=checkbox]:checked ~ span::after {
  margin-left: calc(2 * 30px - 30px);
}
.synapse-app .btn.slide input[type=checkbox]:checked ~ span::before {
  background-color: #003753;
}
.synapse-app .slide--blue input[type=checkbox]:checked ~ span::before {
  background-color: #003753;
}
.synapse-app .slide--green input[type=checkbox]:checked ~ span::before {
  background-color: #97eddd;
}
.synapse-app .slide--red input[type=checkbox]:checked ~ span::before {
  background-color: #eb4343;
}
.synapse-app .disabled span.text-muted,
.synapse-app .slide.disabled + span.text-muted,
.synapse-app .slide.btn--disabled + span.text-muted,
.synapse-app .slide.btn--paid-user + span.text-muted {
  opacity: 0.3;
}
.synapse-app .btn--toggle.disabled * {
  opacity: 0.5 !important;
  pointer-events: none !important;
}
.synapse-app .btn--toggle.btn--toggle--vertical {
  display: block !important;
}
.synapse-app .btn--toggle.btn--toggle--vertical .btn {
  border-radius: none !important;
  margin-left: 0 !important;
}
.synapse-app .btn--toggle.btn--toggle--vertical .btn:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.synapse-app .btn--toggle.btn--toggle--vertical .btn:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.synapse-app .btn--toggle .btn {
  background-color: #e5e5e5;
  color: #6c757d;
  padding-left: 6px !important;
  padding-right: 6px !important;
  display: flex;
  min-width: 50px;
  align-items: center;
  border-radius: 0 !important;
}
.synapse-app .btn--toggle .btn:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.synapse-app .btn--toggle .btn:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.synapse-app .btn--toggle .btn.active {
  color: white;
}
.synapse-app .btn,
.synapse-app .btn.btn-outline {
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  font-weight: 500;
  border-radius: 8px;
  color: #003753;
  line-height: 1.5rem;
}
.synapse-app .btn:focus,
.synapse-app .btn.btn-outline:focus {
  outline: none;
  box-shadow: none;
}
.synapse-app .btn:hover,
.synapse-app .btn.btn-outline:hover {
  border: 1px solid #e5e5e5;
  background-color: #f4f4f4;
  color: #003753;
}
.synapse-app .btn:disabled, .synapse-app .btn.disabled, .synapse-app .btn[disabled],
.synapse-app .btn.btn-outline:disabled,
.synapse-app .btn.btn-outline.disabled,
.synapse-app .btn.btn-outline[disabled] {
  opacity: 40%;
}
.synapse-app .btn:not(.btn--outline).btn--blue, .synapse-app .btn--toggle .btn.active:not(.btn--outline), .synapse-app .btn:not(.btn--outline).btn--brand-primary {
  background-color: #003753;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--blue:hover, .synapse-app .btn--toggle .btn.active:not(.btn--outline):hover, .synapse-app .btn:not(.btn--outline).btn--brand-primary:hover {
  background-color: #006193;
}
.synapse-app .btn:not(.btn--outline).btn--blue:disabled, .synapse-app .btn--toggle .btn.active:not(.btn--outline):disabled, .synapse-app .btn:not(.btn--outline).btn--blue.disabled, .synapse-app .btn--toggle .btn.active:not(.btn--outline).disabled, .synapse-app .btn:not(.btn--outline).btn--blue[disabled], .synapse-app .btn--toggle .btn.active:not(.btn--outline)[disabled], .synapse-app .btn:not(.btn--outline).btn--brand-primary:disabled, .synapse-app .btn:not(.btn--outline).btn--brand-primary.disabled, .synapse-app .btn:not(.btn--outline).btn--brand-primary[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--green, .synapse-app .btn--toggle .btn.btn--green.active:not(.btn--outline), .synapse-app .btn:not(.btn--outline).btn--brand-secondary {
  background-color: #97eddd;
  color: white;
  line-height: 1.5rem;
  border: none;
  color: #003753;
}
.synapse-app .btn:not(.btn--outline).btn--green:hover, .synapse-app .btn:not(.btn--outline).btn--brand-secondary:hover {
  background-color: #4de0c5;
}
.synapse-app .btn:not(.btn--outline).btn--green:disabled, .synapse-app .btn:not(.btn--outline).btn--green.disabled, .synapse-app .btn:not(.btn--outline).btn--green[disabled], .synapse-app .btn:not(.btn--outline).btn--brand-secondary:disabled, .synapse-app .btn:not(.btn--outline).btn--brand-secondary.disabled, .synapse-app .btn:not(.btn--outline).btn--brand-secondary[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--green.disabled, .synapse-app .btn:not(.btn--outline).btn--green:disabled, .synapse-app .btn:not(.btn--outline).btn--green[disabled], .synapse-app .btn:not(.btn--outline).btn--brand-secondary.disabled, .synapse-app .btn:not(.btn--outline).btn--brand-secondary:disabled, .synapse-app .btn:not(.btn--outline).btn--brand-secondary[disabled] {
  color: #003753;
}
.synapse-app .btn:not(.btn--outline).btn--brand-tertiary {
  background-color: #a954eb;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--brand-tertiary:hover {
  background-color: #9329e6;
}
.synapse-app .btn:not(.btn--outline).btn--brand-tertiary:disabled, .synapse-app .btn:not(.btn--outline).btn--brand-tertiary.disabled, .synapse-app .btn:not(.btn--outline).btn--brand-tertiary[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--brand-quaternary {
  background-color: #2fb5e8;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--brand-quaternary:hover {
  background-color: #18a1d6;
}
.synapse-app .btn:not(.btn--outline).btn--brand-quaternary:disabled, .synapse-app .btn:not(.btn--outline).btn--brand-quaternary.disabled, .synapse-app .btn:not(.btn--outline).btn--brand-quaternary[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--alert-0 {
  background-color: #003753;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--alert-0:hover {
  background-color: #006193;
}
.synapse-app .btn:not(.btn--outline).btn--alert-0:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-0.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-0[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--alert-25 {
  background-color: #deef75;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--alert-25:hover {
  background-color: #d3e945;
}
.synapse-app .btn:not(.btn--outline).btn--alert-25:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-25.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-25[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--alert-50 {
  background-color: #ffc83d;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--alert-50:hover {
  background-color: #ffbb0e;
}
.synapse-app .btn:not(.btn--outline).btn--alert-50:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-50.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-50[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--orange, .synapse-app .btn:not(.btn--outline).btn--alert-75 {
  background-color: #ff8a48;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--orange:hover, .synapse-app .btn:not(.btn--outline).btn--alert-75:hover {
  background-color: #ff6b17;
}
.synapse-app .btn:not(.btn--outline).btn--orange:disabled, .synapse-app .btn:not(.btn--outline).btn--orange.disabled, .synapse-app .btn:not(.btn--outline).btn--orange[disabled], .synapse-app .btn:not(.btn--outline).btn--alert-75:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-75.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-75[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--red, .synapse-app .btn--toggle .btn.btn--red.active:not(.btn--outline), .synapse-app .btn:not(.btn--outline).btn--alert-100 {
  background-color: #eb4343;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--red:hover, .synapse-app .btn:not(.btn--outline).btn--alert-100:hover {
  background-color: #e71a1a;
}
.synapse-app .btn:not(.btn--outline).btn--red:disabled, .synapse-app .btn:not(.btn--outline).btn--red.disabled, .synapse-app .btn:not(.btn--outline).btn--red[disabled], .synapse-app .btn:not(.btn--outline).btn--alert-100:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-100.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-100[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn:not(.btn--outline).btn--dark-red, .synapse-app .btn:not(.btn--outline).btn--alert-125 {
  background-color: #200303;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .btn:not(.btn--outline).btn--dark-red:hover, .synapse-app .btn:not(.btn--outline).btn--alert-125:hover {
  background-color: #610909;
}
.synapse-app .btn:not(.btn--outline).btn--dark-red:disabled, .synapse-app .btn:not(.btn--outline).btn--dark-red.disabled, .synapse-app .btn:not(.btn--outline).btn--dark-red[disabled], .synapse-app .btn:not(.btn--outline).btn--alert-125:disabled, .synapse-app .btn:not(.btn--outline).btn--alert-125.disabled, .synapse-app .btn:not(.btn--outline).btn--alert-125[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .btn.btn--minor {
  border: none;
  padding: 8px;
  text-decoration: underline !important;
  color: #b9b9b9;
  font-size: 0.8rem;
}
.synapse-app .btn.btn--minor .fa {
  font-size: 1rem;
}
.synapse-app .btn.btn--minor::before {
  display: inline-block !important;
  text-decoration-line: none;
  text-decoration-color: transparent;
}
.synapse-app .btn.btn--minor:hover {
  text-decoration: underline;
  color: #8c8c8c !important;
  background-color: transparent !important;
}
.synapse-app .btn.btn--minor:disabled, .synapse-app .btn.btn--minor.disabled {
  opacity: 60% !important;
}
.synapse-app .radio {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding-left: 5px;
}
.synapse-app .radio:hover {
  background-color: white !important;
}
.synapse-app .radio i {
  vertical-align: middle;
}
.synapse-app .radio input {
  position: relative;
  z-index: 1;
  vertical-align: middle;
}
.synapse-app .radio input:checked ~ span {
  color: white;
}
.synapse-app .radio input:checked ~ span i {
  position: relative;
  z-index: 1;
}
.synapse-app .radio input:checked ~ span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.synapse-app .radio--blue,
.synapse-app .radio--brand-primary,
.synapse-app .check--blue,
.synapse-app .check--brand-primary {
  border-color: #003753;
  color: #003753;
}
.synapse-app .radio--blue:hover,
.synapse-app .radio--brand-primary:hover,
.synapse-app .check--blue:hover,
.synapse-app .check--brand-primary:hover {
  color: #003753 !important;
}
.synapse-app .radio--blue input,
.synapse-app .radio--brand-primary input,
.synapse-app .check--blue input,
.synapse-app .check--brand-primary input {
  vertical-align: middle;
}
.synapse-app .radio--blue span,
.synapse-app .radio--brand-primary span,
.synapse-app .check--blue span,
.synapse-app .check--brand-primary span {
  vertical-align: middle;
}
.synapse-app .radio--blue input:checked ~ span i,
.synapse-app .radio--brand-primary input:checked ~ span i,
.synapse-app .check--blue input:checked ~ span i,
.synapse-app .check--brand-primary input:checked ~ span i {
  background-color: #003753;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--blue input:checked ~ span i:hover,
.synapse-app .radio--brand-primary input:checked ~ span i:hover,
.synapse-app .check--blue input:checked ~ span i:hover,
.synapse-app .check--brand-primary input:checked ~ span i:hover {
  background-color: #002f47;
}
.synapse-app .radio--blue input:checked ~ span i:disabled, .synapse-app .radio--blue input:checked ~ span i.disabled, .synapse-app .radio--blue input:checked ~ span i[disabled],
.synapse-app .radio--brand-primary input:checked ~ span i:disabled,
.synapse-app .radio--brand-primary input:checked ~ span i.disabled,
.synapse-app .radio--brand-primary input:checked ~ span i[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--blue input:checked ~ span::after,
.synapse-app .radio--brand-primary input:checked ~ span::after,
.synapse-app .check--blue input:checked ~ span::after,
.synapse-app .check--brand-primary input:checked ~ span::after {
  background-color: #003753;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--blue input:checked ~ span::after:hover,
.synapse-app .radio--brand-primary input:checked ~ span::after:hover,
.synapse-app .check--blue input:checked ~ span::after:hover,
.synapse-app .check--brand-primary input:checked ~ span::after:hover {
  background-color: #002f47;
}
.synapse-app .radio--blue input:checked ~ span::after:disabled, .synapse-app .radio--blue input:checked ~ span::after.disabled, .synapse-app .radio--blue input:checked ~ span::after[disabled],
.synapse-app .radio--brand-primary input:checked ~ span::after:disabled,
.synapse-app .radio--brand-primary input:checked ~ span::after.disabled,
.synapse-app .radio--brand-primary input:checked ~ span::after[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--green,
.synapse-app .radio--brand-secondary,
.synapse-app .check--green,
.synapse-app .check--brand-secondary {
  border-color: #97eddd;
  color: #97eddd;
}
.synapse-app .radio--green:hover,
.synapse-app .radio--brand-secondary:hover,
.synapse-app .check--green:hover,
.synapse-app .check--brand-secondary:hover {
  color: #97eddd !important;
}
.synapse-app .radio--green input,
.synapse-app .radio--brand-secondary input,
.synapse-app .check--green input,
.synapse-app .check--brand-secondary input {
  vertical-align: middle;
}
.synapse-app .radio--green span,
.synapse-app .radio--brand-secondary span,
.synapse-app .check--green span,
.synapse-app .check--brand-secondary span {
  vertical-align: middle;
}
.synapse-app .radio--green input:checked ~ span i,
.synapse-app .radio--brand-secondary input:checked ~ span i,
.synapse-app .check--green input:checked ~ span i,
.synapse-app .check--brand-secondary input:checked ~ span i {
  background-color: #97eddd;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--green input:checked ~ span i:hover,
.synapse-app .radio--brand-secondary input:checked ~ span i:hover,
.synapse-app .check--green input:checked ~ span i:hover,
.synapse-app .check--brand-secondary input:checked ~ span i:hover {
  background-color: #65e4cd;
}
.synapse-app .radio--green input:checked ~ span i:disabled, .synapse-app .radio--green input:checked ~ span i.disabled, .synapse-app .radio--green input:checked ~ span i[disabled],
.synapse-app .radio--brand-secondary input:checked ~ span i:disabled,
.synapse-app .check--green input:checked ~ span i:disabled,
.synapse-app .check--brand-secondary input:checked ~ span i:disabled,
.synapse-app .radio--brand-secondary input:checked ~ span i.disabled,
.synapse-app .check--green input:checked ~ span i.disabled,
.synapse-app .check--brand-secondary input:checked ~ span i.disabled,
.synapse-app .radio--brand-secondary input:checked ~ span i[disabled],
.synapse-app .check--green input:checked ~ span i[disabled],
.synapse-app .check--brand-secondary input:checked ~ span i[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--green input:checked ~ span::after,
.synapse-app .radio--brand-secondary input:checked ~ span::after,
.synapse-app .check--green input:checked ~ span::after,
.synapse-app .check--brand-secondary input:checked ~ span::after {
  background-color: #97eddd;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--green input:checked ~ span::after:hover,
.synapse-app .radio--brand-secondary input:checked ~ span::after:hover,
.synapse-app .check--green input:checked ~ span::after:hover,
.synapse-app .check--brand-secondary input:checked ~ span::after:hover {
  background-color: #65e4cd;
}
.synapse-app .radio--green input:checked ~ span::after:disabled, .synapse-app .radio--green input:checked ~ span::after.disabled, .synapse-app .radio--green input:checked ~ span::after[disabled],
.synapse-app .radio--brand-secondary input:checked ~ span::after:disabled,
.synapse-app .check--green input:checked ~ span::after:disabled,
.synapse-app .check--brand-secondary input:checked ~ span::after:disabled,
.synapse-app .radio--brand-secondary input:checked ~ span::after.disabled,
.synapse-app .check--green input:checked ~ span::after.disabled,
.synapse-app .check--brand-secondary input:checked ~ span::after.disabled,
.synapse-app .radio--brand-secondary input:checked ~ span::after[disabled],
.synapse-app .check--green input:checked ~ span::after[disabled],
.synapse-app .check--brand-secondary input:checked ~ span::after[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--red,
.synapse-app .radio--alert-100,
.synapse-app .check--red,
.synapse-app .check--alert-100 {
  border-color: #eb4343;
  color: #eb4343;
}
.synapse-app .radio--red:hover,
.synapse-app .radio--alert-100:hover,
.synapse-app .check--red:hover,
.synapse-app .check--alert-100:hover {
  color: #eb4343 !important;
}
.synapse-app .radio--red input,
.synapse-app .radio--alert-100 input,
.synapse-app .check--red input,
.synapse-app .check--alert-100 input {
  vertical-align: middle;
}
.synapse-app .radio--red span,
.synapse-app .radio--alert-100 span,
.synapse-app .check--red span,
.synapse-app .check--alert-100 span {
  vertical-align: middle;
}
.synapse-app .radio--red input:checked ~ span i,
.synapse-app .radio--alert-100 input:checked ~ span i,
.synapse-app .check--red input:checked ~ span i,
.synapse-app .check--alert-100 input:checked ~ span i {
  background-color: #eb4343;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--red input:checked ~ span i:hover,
.synapse-app .radio--alert-100 input:checked ~ span i:hover,
.synapse-app .check--red input:checked ~ span i:hover,
.synapse-app .check--alert-100 input:checked ~ span i:hover {
  background-color: #e71a1a;
}
.synapse-app .radio--red input:checked ~ span i:disabled, .synapse-app .radio--red input:checked ~ span i.disabled, .synapse-app .radio--red input:checked ~ span i[disabled],
.synapse-app .radio--alert-100 input:checked ~ span i:disabled,
.synapse-app .check--red input:checked ~ span i:disabled,
.synapse-app .check--alert-100 input:checked ~ span i:disabled,
.synapse-app .radio--alert-100 input:checked ~ span i.disabled,
.synapse-app .check--red input:checked ~ span i.disabled,
.synapse-app .check--alert-100 input:checked ~ span i.disabled,
.synapse-app .radio--alert-100 input:checked ~ span i[disabled],
.synapse-app .check--red input:checked ~ span i[disabled],
.synapse-app .check--alert-100 input:checked ~ span i[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--red input:checked ~ span::after,
.synapse-app .radio--alert-100 input:checked ~ span::after,
.synapse-app .check--red input:checked ~ span::after,
.synapse-app .check--alert-100 input:checked ~ span::after {
  background-color: #eb4343;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--red input:checked ~ span::after:hover,
.synapse-app .radio--alert-100 input:checked ~ span::after:hover,
.synapse-app .check--red input:checked ~ span::after:hover,
.synapse-app .check--alert-100 input:checked ~ span::after:hover {
  background-color: #e71a1a;
}
.synapse-app .radio--red input:checked ~ span::after:disabled, .synapse-app .radio--red input:checked ~ span::after.disabled, .synapse-app .radio--red input:checked ~ span::after[disabled],
.synapse-app .radio--alert-100 input:checked ~ span::after:disabled,
.synapse-app .check--red input:checked ~ span::after:disabled,
.synapse-app .check--alert-100 input:checked ~ span::after:disabled,
.synapse-app .radio--alert-100 input:checked ~ span::after.disabled,
.synapse-app .check--red input:checked ~ span::after.disabled,
.synapse-app .check--alert-100 input:checked ~ span::after.disabled,
.synapse-app .radio--alert-100 input:checked ~ span::after[disabled],
.synapse-app .check--red input:checked ~ span::after[disabled],
.synapse-app .check--alert-100 input:checked ~ span::after[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--dark-red,
.synapse-app .radio--alert-125,
.synapse-app .check--dark-red,
.synapse-app .check--alert-125 {
  border-color: #200303;
  color: #200303;
}
.synapse-app .radio--dark-red:hover,
.synapse-app .radio--alert-125:hover,
.synapse-app .check--dark-red:hover,
.synapse-app .check--alert-125:hover {
  color: #200303 !important;
}
.synapse-app .radio--dark-red input,
.synapse-app .radio--alert-125 input,
.synapse-app .check--dark-red input,
.synapse-app .check--alert-125 input {
  vertical-align: middle;
}
.synapse-app .radio--dark-red span,
.synapse-app .radio--alert-125 span,
.synapse-app .check--dark-red span,
.synapse-app .check--alert-125 span {
  vertical-align: middle;
}
.synapse-app .radio--dark-red input:checked ~ span i,
.synapse-app .radio--alert-125 input:checked ~ span i,
.synapse-app .check--dark-red input:checked ~ span i,
.synapse-app .check--alert-125 input:checked ~ span i {
  background-color: #200303;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--dark-red input:checked ~ span i:hover,
.synapse-app .radio--alert-125 input:checked ~ span i:hover,
.synapse-app .check--dark-red input:checked ~ span i:hover,
.synapse-app .check--alert-125 input:checked ~ span i:hover {
  background-color: #1b0303;
}
.synapse-app .radio--dark-red input:checked ~ span i:disabled, .synapse-app .radio--dark-red input:checked ~ span i.disabled, .synapse-app .radio--dark-red input:checked ~ span i[disabled],
.synapse-app .radio--alert-125 input:checked ~ span i:disabled,
.synapse-app .check--dark-red input:checked ~ span i:disabled,
.synapse-app .check--alert-125 input:checked ~ span i:disabled,
.synapse-app .radio--alert-125 input:checked ~ span i.disabled,
.synapse-app .check--dark-red input:checked ~ span i.disabled,
.synapse-app .check--alert-125 input:checked ~ span i.disabled,
.synapse-app .radio--alert-125 input:checked ~ span i[disabled],
.synapse-app .check--dark-red input:checked ~ span i[disabled],
.synapse-app .check--alert-125 input:checked ~ span i[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .radio--dark-red input:checked ~ span::after,
.synapse-app .radio--alert-125 input:checked ~ span::after,
.synapse-app .check--dark-red input:checked ~ span::after,
.synapse-app .check--alert-125 input:checked ~ span::after {
  background-color: #200303;
  color: white;
  line-height: 1.5rem;
  border: none;
}
.synapse-app .radio--dark-red input:checked ~ span::after:hover,
.synapse-app .radio--alert-125 input:checked ~ span::after:hover,
.synapse-app .check--dark-red input:checked ~ span::after:hover,
.synapse-app .check--alert-125 input:checked ~ span::after:hover {
  background-color: #1b0303;
}
.synapse-app .radio--dark-red input:checked ~ span::after:disabled, .synapse-app .radio--dark-red input:checked ~ span::after.disabled, .synapse-app .radio--dark-red input:checked ~ span::after[disabled],
.synapse-app .radio--alert-125 input:checked ~ span::after:disabled,
.synapse-app .check--dark-red input:checked ~ span::after:disabled,
.synapse-app .check--alert-125 input:checked ~ span::after:disabled,
.synapse-app .radio--alert-125 input:checked ~ span::after.disabled,
.synapse-app .check--dark-red input:checked ~ span::after.disabled,
.synapse-app .check--alert-125 input:checked ~ span::after.disabled,
.synapse-app .radio--alert-125 input:checked ~ span::after[disabled],
.synapse-app .check--dark-red input:checked ~ span::after[disabled],
.synapse-app .check--alert-125 input:checked ~ span::after[disabled] {
  opacity: 0.4;
  color: white;
}
.synapse-app .check {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding-left: 5px;
}
.synapse-app .check:hover {
  background-color: white !important;
}
.synapse-app .check i {
  vertical-align: middle;
}
.synapse-app .check input {
  position: relative;
  z-index: 1;
  vertical-align: middle;
}
.synapse-app .check input:checked ~ span {
  color: white;
}
.synapse-app .check input:checked ~ span i {
  position: relative;
  z-index: 1;
}
.synapse-app .check input:checked ~ span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.synapse-app .badge {
  font-weight: normal;
  border-radius: 1rem;
  padding: 0.25rem;
}
.synapse-app .badge.badge--large {
  padding: 0.5rem;
}
.synapse-app .badge.badge--medium {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.synapse-app .badge.badge--brand-primary {
  background-color: #003753;
  color: white;
}
.synapse-app .badge.badge--brand-secondary {
  background-color: #97eddd;
}
.synapse-app .badge.badge--brand-tertiary {
  background-color: #a954eb;
  color: white;
}
.synapse-app .badge.badge--brand-quaternary {
  background-color: #2fb5e8;
  color: white;
}
.synapse-app .badge.badge--color-alert-125, .synapse-app .badge.badge--alert-125 {
  background-color: #200303;
  color: white;
}
.synapse-app .badge.badge--color-alert-100, .synapse-app .badge.badge--alert-100 {
  background-color: #eb4343;
}
.synapse-app .badge.badge--color-alert-75, .synapse-app .badge.badge--alert-75 {
  background-color: #ff8a48;
}
.synapse-app .badge.badge--color-alert-50, .synapse-app .badge.badge--alert-50 {
  background-color: #ffc83d;
}
.synapse-app .badge.badge--color-alert-25, .synapse-app .badge.badge--alert-25 {
  background-color: #deef75;
}
.synapse-app .badge.badge--color-alert-0, .synapse-app .badge.badge--alert-0 {
  background-color: #68daa0;
  color: white;
}
.synapse-app .badge.badge--grey {
  background-color: #e5e5e5;
  color: #a954eb;
}
.synapse-app .tag {
  background-color: white;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0.2rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  letter-spacing: 0.04rem;
  font-size: 0.8rem;
  border: 1px solid #e5e5e5;
  color: rgba(0, 55, 83, 0.8);
  word-break: keep-all;
  white-space: nowrap;
}
.synapse-app .tag.tag--brand-primary {
  background-color: #003753;
  color: #ffffff;
  border-style: none;
}
.synapse-app .tag.tag--brand-secondary {
  background-color: rgba(151, 237, 221, 0.2);
  color: #68daa0;
  border-style: none;
}
.synapse-app .tag.tag--brand-tertiary {
  background-color: rgba(169, 84, 235, 0.1);
  color: #a954eb;
  border-style: none;
}
.synapse-app .tag.tag--brand-quaternary {
  background-color: rgba(47, 181, 232, 0.1);
  color: #2fb5e8;
  border-style: none;
}
.synapse-app .tag.tag--alert-terminal {
  background-color: #200303;
  color: white;
  border-style: none;
}
.synapse-app .tag.tag--alert-125 {
  background-color: #200303;
  color: white;
  border-style: none;
}
.synapse-app .tag.tag--alert-100 {
  background-color: #eb4343;
  color: white;
  border-style: none;
}
.synapse-app .tag.tag--alert-75 {
  background-color: #ff8a48;
  color: white;
  border-style: none;
}
.synapse-app .tag.tag--alert-50 {
  background-color: #ffc83d;
  color: #003753;
  border-style: none;
}
.synapse-app .tag.tag--alert-25 {
  background-color: rgba(222, 239, 117, 0.5);
  color: #003753;
  border-style: none;
}
.synapse-app .tag.tag--alert-0 {
  background-color: rgba(104, 218, 160, 0.5);
  color: #003753;
  border-style: none;
}
.synapse-app .tag.tag--link {
  background-color: rgba(47, 181, 232, 0.35);
  color: #003753;
  border-style: none;
  cursor: pointer;
}
.synapse-app .tag.tag--link:hover {
  background-color: rgba(47, 181, 232, 0.65);
}
.synapse-app .icn {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  position: relative;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.synapse-app .icn.icn--x-small, .synapse-app .icn.icn--extra-small, .synapse-app .icn.icn-25 {
  width: 10px;
  height: 10px;
}
.synapse-app .icn.icn--small, .synapse-app .icn.icn-50 {
  width: 16px;
  height: 16px;
}
.synapse-app .icn.icn-100 {
  width: 20px;
  height: 20px;
}
.synapse-app .icn.icn--large, .synapse-app .icn.icn-150 {
  width: 30px;
  height: 30px;
}
.synapse-app .icn.icn--rotate-90 {
  transform: rotateZ(90deg);
}
.synapse-app .icn.icn--rotate-180 {
  transform: rotateZ(180deg);
}
.synapse-app .icn.icn--rotate-270 {
  transform: rotateZ(270deg);
}
.synapse-app .bg-color-0 {
  background-color: #2fb5e8;
}
.synapse-app .text-normal {
  font-size: 0.9rem;
}
.synapse-app .text-big {
  font-size: 1.25rem;
}
.synapse-app .text-small {
  font-size: 0.7rem;
}
.synapse-app p.p--product,
.synapse-app .p.p--product {
  font-family: "Inter-regular";
  font-size: 16px;
  color: #003753;
}
.synapse-app .text-25 {
  font-size: var(--text-25) !important;
}
.synapse-app .text-50 {
  font-size: var(--text-50) !important;
}
.synapse-app .text-75 {
  font-size: var(--text-75) !important;
}
.synapse-app .text-100 {
  font-size: var(--text-100) !important;
}
.synapse-app .text-125 {
  font-size: var(--text-125) !important;
}
.synapse-app .text-150 {
  font-size: var(--text-150) !important;
}
.synapse-app .text-175 {
  font-size: var(--text-175) !important;
}
.synapse-app .text-200 {
  font-size: var(--text-200) !important;
}
.synapse-app .aeonik-regular,
.synapse-app .font-aeonik,
.synapse-app .font-family-primary {
  font-family: var(--font-family-primary) !important;
}
.synapse-app .inter-regular,
.synapse-app .font-inter,
.synapse-app .font-family-secondary {
  font-family: var(--font-family-secondary) !important;
}
.synapse-app .font-family-tertiary {
  font-family: var(--font-family-tertiary) !important;
}
.synapse-app .font-weight-semibold {
  font-weight: 600;
}
.synapse-app .font-weight-medium {
  font-weight: 500;
}
.synapse-app .font-style-italic {
  font-style: italic;
}
.synapse-app h1.h--with-background,
.synapse-app h2.h--with-background,
.synapse-app h3.h--with-background,
.synapse-app h4.h--with-background,
.synapse-app h5.h--with-background,
.synapse-app h6.h--with-background,
.synapse-app .h1.h--with-background,
.synapse-app .h2.h--with-background,
.synapse-app .h3.h--with-background,
.synapse-app .h4.h--with-background,
.synapse-app .h5.h--with-background,
.synapse-app .h6.h--with-background {
  color: white !important;
}
.synapse-app h1.h--with-background::after,
.synapse-app h2.h--with-background::after,
.synapse-app h3.h--with-background::after,
.synapse-app h4.h--with-background::after,
.synapse-app h5.h--with-background::after,
.synapse-app h6.h--with-background::after,
.synapse-app .h1.h--with-background::after,
.synapse-app .h2.h--with-background::after,
.synapse-app .h3.h--with-background::after,
.synapse-app .h4.h--with-background::after,
.synapse-app .h5.h--with-background::after,
.synapse-app .h6.h--with-background::after {
  background-color: white !important;
}
.synapse-app h1.h--brand-primary,
.synapse-app h2.h--brand-primary,
.synapse-app h3.h--brand-primary,
.synapse-app h4.h--brand-primary,
.synapse-app h5.h--brand-primary,
.synapse-app h6.h--brand-primary,
.synapse-app .h1.h--brand-primary,
.synapse-app .h2.h--brand-primary,
.synapse-app .h3.h--brand-primary,
.synapse-app .h4.h--brand-primary,
.synapse-app .h5.h--brand-primary,
.synapse-app .h6.h--brand-primary {
  color: #003753;
}
.synapse-app h1.h--brand-secondary,
.synapse-app h2.h--brand-secondary,
.synapse-app h3.h--brand-secondary,
.synapse-app h4.h--brand-secondary,
.synapse-app h5.h--brand-secondary,
.synapse-app h6.h--brand-secondary,
.synapse-app .h1.h--brand-secondary,
.synapse-app .h2.h--brand-secondary,
.synapse-app .h3.h--brand-secondary,
.synapse-app .h4.h--brand-secondary,
.synapse-app .h5.h--brand-secondary,
.synapse-app .h6.h--brand-secondary {
  color: #97eddd;
}
.synapse-app h1.h--brand-tertiary,
.synapse-app h2.h--brand-tertiary,
.synapse-app h3.h--brand-tertiary,
.synapse-app h4.h--brand-tertiary,
.synapse-app h5.h--brand-tertiary,
.synapse-app h6.h--brand-tertiary,
.synapse-app .h1.h--brand-tertiary,
.synapse-app .h2.h--brand-tertiary,
.synapse-app .h3.h--brand-tertiary,
.synapse-app .h4.h--brand-tertiary,
.synapse-app .h5.h--brand-tertiary,
.synapse-app .h6.h--brand-tertiary {
  color: #a954eb;
}
.synapse-app h1.h--lines,
.synapse-app h2.h--lines,
.synapse-app h3.h--lines,
.synapse-app h4.h--lines,
.synapse-app h5.h--lines,
.synapse-app h6.h--lines,
.synapse-app .h1.h--lines,
.synapse-app .h2.h--lines,
.synapse-app .h3.h--lines,
.synapse-app .h4.h--lines,
.synapse-app .h5.h--lines,
.synapse-app .h6.h--lines {
  color: #b9b9b9;
  white-space: nowrap;
}
.synapse-app h1.h--lines::before, .synapse-app h1.h--lines::after,
.synapse-app h2.h--lines::before,
.synapse-app h2.h--lines::after,
.synapse-app h3.h--lines::before,
.synapse-app h3.h--lines::after,
.synapse-app h4.h--lines::before,
.synapse-app h4.h--lines::after,
.synapse-app h5.h--lines::before,
.synapse-app h5.h--lines::after,
.synapse-app h6.h--lines::before,
.synapse-app h6.h--lines::after,
.synapse-app .h1.h--lines::before,
.synapse-app .h1.h--lines::after,
.synapse-app .h2.h--lines::before,
.synapse-app .h2.h--lines::after,
.synapse-app .h3.h--lines::before,
.synapse-app .h3.h--lines::after,
.synapse-app .h4.h--lines::before,
.synapse-app .h4.h--lines::after,
.synapse-app .h5.h--lines::before,
.synapse-app .h5.h--lines::after,
.synapse-app .h6.h--lines::before,
.synapse-app .h6.h--lines::after {
  content: "";
  display: inline-block !important;
  vertical-align: middle !important;
  color: #b9b9b9 !important;
  background-color: #b9b9b9 !important;
  width: 13px !important;
  height: 3px !important;
  margin: 5px !important;
  border-radius: 8px;
}
.synapse-app h1.h--no-underline:not(.h--lines)::after,
.synapse-app h2.h--no-underline:not(.h--lines)::after,
.synapse-app h3.h--no-underline:not(.h--lines)::after,
.synapse-app h4.h--no-underline:not(.h--lines)::after,
.synapse-app h5.h--no-underline:not(.h--lines)::after,
.synapse-app h6.h--no-underline:not(.h--lines)::after,
.synapse-app .h1.h--no-underline:not(.h--lines)::after,
.synapse-app .h2.h--no-underline:not(.h--lines)::after,
.synapse-app .h3.h--no-underline:not(.h--lines)::after,
.synapse-app .h4.h--no-underline:not(.h--lines)::after,
.synapse-app .h5.h--no-underline:not(.h--lines)::after,
.synapse-app .h6.h--no-underline:not(.h--lines)::after {
  content: none !important;
}
.synapse-app h1,
.synapse-app .h1 {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  font-family: var(--h1-family);
  text-transform: var(--h1-transform);
}
.synapse-app h2,
.synapse-app .h2 {
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  font-family: var(--h2-family);
  text-transform: var(--h2-transform);
}
.synapse-app h3,
.synapse-app .h3 {
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  font-family: var(--h3-family);
  text-transform: var(--h3-transform);
}
.synapse-app h4,
.synapse-app .h4 {
  font-size: var(--h4-size);
  font-weight: var(--h4-weight);
  font-family: var(--h4-family);
  text-transform: var(--h4-transform);
}
.synapse-app h5,
.synapse-app .h5 {
  font-size: var(--h5-size);
  font-weight: var(--h5-weight);
  font-family: var(--h5-family);
  text-transform: var(--h5-transform);
}
.synapse-app .gap-0 {
  gap: var(--spacing-0) !important;
}
.synapse-app .gap-1 {
  gap: var(--spacing-1) !important;
}
.synapse-app .gap-2 {
  gap: var(--spacing-2) !important;
}
.synapse-app .gap-25 {
  gap: var(--spacing-25) !important;
}
.synapse-app .gap-3 {
  gap: var(--spacing-3) !important;
}
.synapse-app .gap-4 {
  gap: var(--spacing-4) !important;
}
.synapse-app .gap-45 {
  gap: var(--spacing-45) !important;
}
.synapse-app .gap-5 {
  gap: var(--spacing-5) !important;
}
.synapse-app .mxw-100 {
  max-width: 100%;
}
.synapse-app .mnw-100 {
  min-width: 100%;
}
.synapse-app .mxh-100 {
  max-height: 100%;
}
.synapse-app .mnh-100 {
  min-height: 100%;
}
.synapse-app .visible {
  visibility: visible;
}
.synapse-app .invisible {
  visibility: hidden;
}
.synapse-app .opacity-0 {
  opacity: var(--opacity-0) !important;
}
.synapse-app .opacity-25 {
  opacity: var(--opacity-25) !important;
}
.synapse-app .opacity-50 {
  opacity: var(--opacity-50) !important;
}
.synapse-app .opacity-75 {
  opacity: var(--opacity-75) !important;
}
.synapse-app .opacity-100 {
  opacity: var(--opacity-100) !important;
}
.synapse-app .top-0 {
  top: 0;
}
.synapse-app .top-100 {
  top: 100%;
}
.synapse-app .left-0 {
  left: 0;
}
.synapse-app .left-100 {
  left: 100%;
}
.synapse-app .right-0 {
  right: 0;
}
.synapse-app .right-100 {
  right: 100%;
}
.synapse-app .bottom-0 {
  bottom: 0;
}
.synapse-app .bottom-100 {
  bottom: 100%;
}
.synapse-app .-z-1 {
  z-index: -1;
}
.synapse-app .z-0 {
  z-index: 0;
}
.synapse-app .z-1 {
  z-index: 1;
}
.synapse-app .z-2 {
  z-index: 2;
}
.synapse-app .z-50 {
  z-index: 50;
}
.synapse-app .z-100 {
  z-index: 100;
}
.synapse-app .z-cheating {
  z-index: 10000;
}
.synapse-app .bg-blue {
  background-color: var(--blue) !important;
}
.synapse-app .bg-indigo {
  background-color: var(--indigo) !important;
}
.synapse-app .bg-purple {
  background-color: var(--purple) !important;
}
.synapse-app .bg-pink {
  background-color: var(--pink) !important;
}
.synapse-app .bg-red {
  background-color: var(--red) !important;
}
.synapse-app .bg-orange {
  background-color: var(--orange) !important;
}
.synapse-app .bg-yellow {
  background-color: var(--yellow) !important;
}
.synapse-app .bg-green {
  background-color: var(--green) !important;
}
.synapse-app .bg-teal {
  background-color: var(--teal) !important;
}
.synapse-app .bg-cyan {
  background-color: var(--cyan) !important;
}
.synapse-app .bg-white {
  background-color: var(--white) !important;
}
.synapse-app .bg-gray {
  background-color: var(--gray) !important;
}
.synapse-app .bg-gray-dark {
  background-color: var(--gray-dark) !important;
}
.synapse-app .bg-alert-0 {
  background-color: var(--alert-0) !important;
}
.synapse-app .bg-alert-0-light {
  background-color: var(--alert-0-light) !important;
}
.synapse-app .bg-alert-0-medium {
  background-color: var(--alert-0-medium) !important;
}
.synapse-app .bg-alert-0-dark {
  background-color: var(--alert-0-dark) !important;
}
.synapse-app .bg-alert-25 {
  background-color: var(--alert-25) !important;
}
.synapse-app .bg-alert-25-light {
  background-color: var(--alert-25-light) !important;
}
.synapse-app .bg-alert-25-medium {
  background-color: var(--alert-25-medium) !important;
}
.synapse-app .bg-alert-25-dark {
  background-color: var(--alert-25-dark) !important;
}
.synapse-app .bg-alert-50 {
  background-color: var(--alert-50) !important;
}
.synapse-app .bg-alert-50-light {
  background-color: var(--alert-50-light) !important;
}
.synapse-app .bg-alert-50-medium {
  background-color: var(--alert-50-medium) !important;
}
.synapse-app .bg-alert-50-dark {
  background-color: var(--alert-50-dark) !important;
}
.synapse-app .bg-alert-75 {
  background-color: var(--alert-75) !important;
}
.synapse-app .bg-alert-75-light {
  background-color: var(--alert-75-light) !important;
}
.synapse-app .bg-alert-75-medium {
  background-color: var(--alert-75-medium) !important;
}
.synapse-app .bg-alert-75-dark {
  background-color: var(--alert-75-dark) !important;
}
.synapse-app .bg-alert-100 {
  background-color: var(--alert-100) !important;
}
.synapse-app .bg-alert-100-light {
  background-color: var(--alert-100-light) !important;
}
.synapse-app .bg-alert-100-medium {
  background-color: var(--alert-100-medium) !important;
}
.synapse-app .bg-alert-100-dark {
  background-color: var(--alert-100-dark) !important;
}
.synapse-app .bg-alert-125 {
  background-color: var(--alert-125) !important;
}
.synapse-app .bg-alert-125-light {
  background-color: var(--alert-125-light) !important;
}
.synapse-app .bg-alert-125-medium {
  background-color: var(--alert-125-medium) !important;
}
.synapse-app .bg-alert-125-dark {
  background-color: var(--alert-125-dark) !important;
}
.synapse-app .bg-brand-primary {
  background-color: var(--brand-primary) !important;
}
.synapse-app .bg-brand-primary-light {
  background-color: var(--brand-primary-light) !important;
}
.synapse-app .bg-brand-primary-medium {
  background-color: var(--brand-primary-medium) !important;
}
.synapse-app .bg-brand-primary-dark {
  background-color: var(--brand-primary-dark) !important;
}
.synapse-app .bg-brand-secondary {
  background-color: var(--brand-secondary) !important;
}
.synapse-app .bg-brand-secondary-light {
  background-color: var(--brand-secondary-light) !important;
}
.synapse-app .bg-brand-secondary-medium {
  background-color: var(--brand-secondary-medium) !important;
}
.synapse-app .bg-brand-secondary-dark {
  background-color: var(--brand-secondary-dark) !important;
}
.synapse-app .bg-brand-tertiary {
  background-color: var(--brand-tertiary) !important;
}
.synapse-app .bg-brand-tertiary-light {
  background-color: var(--brand-tertiary-light) !important;
}
.synapse-app .bg-brand-tertiary-medium {
  background-color: var(--brand-tertiary-medium) !important;
}
.synapse-app .bg-brand-tertiary-dark {
  background-color: var(--brand-tertiary-dark) !important;
}
.synapse-app .bg-brand-quaternary {
  background-color: var(--brand-quaternary) !important;
}
.synapse-app .bg-brand-quaternary-light {
  background-color: var(--brand-quaternary-light) !important;
}
.synapse-app .bg-brand-quaternary-medium {
  background-color: var(--brand-quaternary-medium) !important;
}
.synapse-app .bg-brand-quaternary-dark {
  background-color: var(--brand-quaternary-dark) !important;
}
.synapse-app .bg-grey-0 {
  background-color: var(--grey-0) !important;
}
.synapse-app .bg-grey-25 {
  background-color: var(--grey-25) !important;
}
.synapse-app .bg-grey-50 {
  background-color: var(--grey-50) !important;
}
.synapse-app .bg-grey-75 {
  background-color: var(--grey-75) !important;
}
.synapse-app .bg-grey-100 {
  background-color: var(--grey-100) !important;
}
.synapse-app .text-blue {
  color: var(--blue) !important;
}
.synapse-app .text-indigo {
  color: var(--indigo) !important;
}
.synapse-app .text-purple {
  color: var(--purple) !important;
}
.synapse-app .text-pink {
  color: var(--pink) !important;
}
.synapse-app .text-red {
  color: var(--red) !important;
}
.synapse-app .text-orange {
  color: var(--orange) !important;
}
.synapse-app .text-yellow {
  color: var(--yellow) !important;
}
.synapse-app .text-green {
  color: var(--green) !important;
}
.synapse-app .text-teal {
  color: var(--teal) !important;
}
.synapse-app .text-cyan {
  color: var(--cyan) !important;
}
.synapse-app .text-white {
  color: var(--white) !important;
}
.synapse-app .text-gray {
  color: var(--gray) !important;
}
.synapse-app .text-gray-dark {
  color: var(--gray-dark) !important;
}
.synapse-app .text-alert-0 {
  color: var(--alert-0) !important;
}
.synapse-app .text-alert-0-light {
  color: var(--alert-0-light) !important;
}
.synapse-app .text-alert-0-medium {
  color: var(--alert-0-medium) !important;
}
.synapse-app .text-alert-0-dark {
  color: var(--alert-0-dark) !important;
}
.synapse-app .text-alert-25 {
  color: var(--alert-25) !important;
}
.synapse-app .text-alert-25-light {
  color: var(--alert-25-light) !important;
}
.synapse-app .text-alert-25-medium {
  color: var(--alert-25-medium) !important;
}
.synapse-app .text-alert-25-dark {
  color: var(--alert-25-dark) !important;
}
.synapse-app .text-alert-50 {
  color: var(--alert-50) !important;
}
.synapse-app .text-alert-50-light {
  color: var(--alert-50-light) !important;
}
.synapse-app .text-alert-50-medium {
  color: var(--alert-50-medium) !important;
}
.synapse-app .text-alert-50-dark {
  color: var(--alert-50-dark) !important;
}
.synapse-app .text-alert-75 {
  color: var(--alert-75) !important;
}
.synapse-app .text-alert-75-light {
  color: var(--alert-75-light) !important;
}
.synapse-app .text-alert-75-medium {
  color: var(--alert-75-medium) !important;
}
.synapse-app .text-alert-75-dark {
  color: var(--alert-75-dark) !important;
}
.synapse-app .text-alert-100 {
  color: var(--alert-100) !important;
}
.synapse-app .text-alert-100-light {
  color: var(--alert-100-light) !important;
}
.synapse-app .text-alert-100-medium {
  color: var(--alert-100-medium) !important;
}
.synapse-app .text-alert-100-dark {
  color: var(--alert-100-dark) !important;
}
.synapse-app .text-alert-125 {
  color: var(--alert-125) !important;
}
.synapse-app .text-alert-125-light {
  color: var(--alert-125-light) !important;
}
.synapse-app .text-alert-125-medium {
  color: var(--alert-125-medium) !important;
}
.synapse-app .text-alert-125-dark {
  color: var(--alert-125-dark) !important;
}
.synapse-app .text-brand-primary {
  color: var(--brand-primary) !important;
}
.synapse-app .text-brand-primary-light {
  color: var(--brand-primary-light) !important;
}
.synapse-app .text-brand-primary-medium {
  color: var(--brand-primary-medium) !important;
}
.synapse-app .text-brand-primary-dark {
  color: var(--brand-primary-dark) !important;
}
.synapse-app .text-brand-secondary {
  color: var(--brand-secondary) !important;
}
.synapse-app .text-brand-secondary-light {
  color: var(--brand-secondary-light) !important;
}
.synapse-app .text-brand-secondary-medium {
  color: var(--brand-secondary-medium) !important;
}
.synapse-app .text-brand-secondary-dark {
  color: var(--brand-secondary-dark) !important;
}
.synapse-app .text-brand-tertiary {
  color: var(--brand-tertiary) !important;
}
.synapse-app .text-brand-tertiary-light {
  color: var(--brand-tertiary-light) !important;
}
.synapse-app .text-brand-tertiary-medium {
  color: var(--brand-tertiary-medium) !important;
}
.synapse-app .text-brand-tertiary-dark {
  color: var(--brand-tertiary-dark) !important;
}
.synapse-app .text-brand-quaternary {
  color: var(--brand-quaternary) !important;
}
.synapse-app .text-brand-quaternary-light {
  color: var(--brand-quaternary-light) !important;
}
.synapse-app .text-brand-quaternary-medium {
  color: var(--brand-quaternary-medium) !important;
}
.synapse-app .text-brand-quaternary-dark {
  color: var(--brand-quaternary-dark) !important;
}
.synapse-app .text-grey-0 {
  color: var(--grey-0) !important;
}
.synapse-app .text-grey-25 {
  color: var(--grey-25) !important;
}
.synapse-app .text-grey-50 {
  color: var(--grey-50) !important;
}
.synapse-app .text-grey-75 {
  color: var(--grey-75) !important;
}
.synapse-app .text-grey-100 {
  color: var(--grey-100) !important;
}
.synapse-app .align-baseline {
  vertical-align: baseline !important;
}
.synapse-app .align-top {
  vertical-align: top !important;
}
.synapse-app .align-middle {
  vertical-align: middle !important;
}
.synapse-app .align-bottom {
  vertical-align: bottom !important;
}
.synapse-app .align-text-bottom {
  vertical-align: text-bottom !important;
}
.synapse-app .align-text-top {
  vertical-align: text-top !important;
}
.synapse-app .bg-primary {
  background-color: #007bff !important;
}
.synapse-app a.bg-primary:hover, .synapse-app a.bg-primary:focus,
.synapse-app button.bg-primary:hover,
.synapse-app button.bg-primary:focus {
  background-color: #0062cc !important;
}
.synapse-app .bg-secondary {
  background-color: #6c757d !important;
}
.synapse-app a.bg-secondary:hover, .synapse-app a.bg-secondary:focus,
.synapse-app button.bg-secondary:hover,
.synapse-app button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.synapse-app .bg-success {
  background-color: #28a745 !important;
}
.synapse-app a.bg-success:hover, .synapse-app a.bg-success:focus,
.synapse-app button.bg-success:hover,
.synapse-app button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.synapse-app .bg-info {
  background-color: #17a2b8 !important;
}
.synapse-app a.bg-info:hover, .synapse-app a.bg-info:focus,
.synapse-app button.bg-info:hover,
.synapse-app button.bg-info:focus {
  background-color: #117a8b !important;
}
.synapse-app .bg-warning {
  background-color: #ffc107 !important;
}
.synapse-app a.bg-warning:hover, .synapse-app a.bg-warning:focus,
.synapse-app button.bg-warning:hover,
.synapse-app button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.synapse-app .bg-danger {
  background-color: #dc3545 !important;
}
.synapse-app a.bg-danger:hover, .synapse-app a.bg-danger:focus,
.synapse-app button.bg-danger:hover,
.synapse-app button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.synapse-app .bg-light {
  background-color: #f8f9fa !important;
}
.synapse-app a.bg-light:hover, .synapse-app a.bg-light:focus,
.synapse-app button.bg-light:hover,
.synapse-app button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.synapse-app .bg-dark {
  background-color: #343a40 !important;
}
.synapse-app a.bg-dark:hover, .synapse-app a.bg-dark:focus,
.synapse-app button.bg-dark:hover,
.synapse-app button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.synapse-app .bg-white {
  background-color: white !important;
}
.synapse-app .bg-transparent {
  background-color: transparent !important;
}
.synapse-app .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.synapse-app .d-none {
  display: none !important;
}
.synapse-app .d-inline {
  display: inline !important;
}
.synapse-app .d-inline-block {
  display: inline-block !important;
}
.synapse-app .d-block {
  display: block !important;
}
.synapse-app .d-table {
  display: table !important;
}
.synapse-app .d-table-row {
  display: table-row !important;
}
.synapse-app .d-table-cell {
  display: table-cell !important;
}
.synapse-app .d-flex {
  display: flex !important;
}
.synapse-app .d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .synapse-app .d-sm-none {
    display: none !important;
  }
  .synapse-app .d-sm-inline {
    display: inline !important;
  }
  .synapse-app .d-sm-inline-block {
    display: inline-block !important;
  }
  .synapse-app .d-sm-block {
    display: block !important;
  }
  .synapse-app .d-sm-table {
    display: table !important;
  }
  .synapse-app .d-sm-table-row {
    display: table-row !important;
  }
  .synapse-app .d-sm-table-cell {
    display: table-cell !important;
  }
  .synapse-app .d-sm-flex {
    display: flex !important;
  }
  .synapse-app .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .synapse-app .d-md-none {
    display: none !important;
  }
  .synapse-app .d-md-inline {
    display: inline !important;
  }
  .synapse-app .d-md-inline-block {
    display: inline-block !important;
  }
  .synapse-app .d-md-block {
    display: block !important;
  }
  .synapse-app .d-md-table {
    display: table !important;
  }
  .synapse-app .d-md-table-row {
    display: table-row !important;
  }
  .synapse-app .d-md-table-cell {
    display: table-cell !important;
  }
  .synapse-app .d-md-flex {
    display: flex !important;
  }
  .synapse-app .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .synapse-app .d-lg-none {
    display: none !important;
  }
  .synapse-app .d-lg-inline {
    display: inline !important;
  }
  .synapse-app .d-lg-inline-block {
    display: inline-block !important;
  }
  .synapse-app .d-lg-block {
    display: block !important;
  }
  .synapse-app .d-lg-table {
    display: table !important;
  }
  .synapse-app .d-lg-table-row {
    display: table-row !important;
  }
  .synapse-app .d-lg-table-cell {
    display: table-cell !important;
  }
  .synapse-app .d-lg-flex {
    display: flex !important;
  }
  .synapse-app .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .synapse-app .d-xl-none {
    display: none !important;
  }
  .synapse-app .d-xl-inline {
    display: inline !important;
  }
  .synapse-app .d-xl-inline-block {
    display: inline-block !important;
  }
  .synapse-app .d-xl-block {
    display: block !important;
  }
  .synapse-app .d-xl-table {
    display: table !important;
  }
  .synapse-app .d-xl-table-row {
    display: table-row !important;
  }
  .synapse-app .d-xl-table-cell {
    display: table-cell !important;
  }
  .synapse-app .d-xl-flex {
    display: flex !important;
  }
  .synapse-app .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .synapse-app .d-print-none {
    display: none !important;
  }
  .synapse-app .d-print-inline {
    display: inline !important;
  }
  .synapse-app .d-print-inline-block {
    display: inline-block !important;
  }
  .synapse-app .d-print-block {
    display: block !important;
  }
  .synapse-app .d-print-table {
    display: table !important;
  }
  .synapse-app .d-print-table-row {
    display: table-row !important;
  }
  .synapse-app .d-print-table-cell {
    display: table-cell !important;
  }
  .synapse-app .d-print-flex {
    display: flex !important;
  }
  .synapse-app .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.synapse-app .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.synapse-app .embed-responsive::before {
  display: block;
  content: "";
}
.synapse-app .embed-responsive .embed-responsive-item,
.synapse-app .embed-responsive iframe,
.synapse-app .embed-responsive embed,
.synapse-app .embed-responsive object,
.synapse-app .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.synapse-app .embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.synapse-app .embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.synapse-app .embed-responsive-4by3::before {
  padding-top: 75%;
}
.synapse-app .embed-responsive-1by1::before {
  padding-top: 100%;
}
.synapse-app .flex-row {
  flex-direction: row !important;
}
.synapse-app .flex-column {
  flex-direction: column !important;
}
.synapse-app .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.synapse-app .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.synapse-app .flex-wrap {
  flex-wrap: wrap !important;
}
.synapse-app .flex-nowrap {
  flex-wrap: nowrap !important;
}
.synapse-app .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.synapse-app .flex-fill {
  flex: 1 1 auto !important;
}
.synapse-app .flex-grow-0 {
  flex-grow: 0 !important;
}
.synapse-app .flex-grow-1 {
  flex-grow: 1 !important;
}
.synapse-app .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.synapse-app .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.synapse-app .justify-content-start {
  justify-content: flex-start !important;
}
.synapse-app .justify-content-end {
  justify-content: flex-end !important;
}
.synapse-app .justify-content-center {
  justify-content: center !important;
}
.synapse-app .justify-content-between {
  justify-content: space-between !important;
}
.synapse-app .justify-content-around {
  justify-content: space-around !important;
}
.synapse-app .align-items-start {
  align-items: flex-start !important;
}
.synapse-app .align-items-end {
  align-items: flex-end !important;
}
.synapse-app .align-items-center {
  align-items: center !important;
}
.synapse-app .align-items-baseline {
  align-items: baseline !important;
}
.synapse-app .align-items-stretch {
  align-items: stretch !important;
}
.synapse-app .align-content-start {
  align-content: flex-start !important;
}
.synapse-app .align-content-end {
  align-content: flex-end !important;
}
.synapse-app .align-content-center {
  align-content: center !important;
}
.synapse-app .align-content-between {
  align-content: space-between !important;
}
.synapse-app .align-content-around {
  align-content: space-around !important;
}
.synapse-app .align-content-stretch {
  align-content: stretch !important;
}
.synapse-app .align-self-auto {
  align-self: auto !important;
}
.synapse-app .align-self-start {
  align-self: flex-start !important;
}
.synapse-app .align-self-end {
  align-self: flex-end !important;
}
.synapse-app .align-self-center {
  align-self: center !important;
}
.synapse-app .align-self-baseline {
  align-self: baseline !important;
}
.synapse-app .align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .synapse-app .flex-sm-row {
    flex-direction: row !important;
  }
  .synapse-app .flex-sm-column {
    flex-direction: column !important;
  }
  .synapse-app .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .synapse-app .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .synapse-app .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .synapse-app .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .synapse-app .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .synapse-app .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .synapse-app .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .synapse-app .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .synapse-app .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .synapse-app .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .synapse-app .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .synapse-app .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .synapse-app .justify-content-sm-center {
    justify-content: center !important;
  }
  .synapse-app .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .synapse-app .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .synapse-app .align-items-sm-start {
    align-items: flex-start !important;
  }
  .synapse-app .align-items-sm-end {
    align-items: flex-end !important;
  }
  .synapse-app .align-items-sm-center {
    align-items: center !important;
  }
  .synapse-app .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .synapse-app .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .synapse-app .align-content-sm-start {
    align-content: flex-start !important;
  }
  .synapse-app .align-content-sm-end {
    align-content: flex-end !important;
  }
  .synapse-app .align-content-sm-center {
    align-content: center !important;
  }
  .synapse-app .align-content-sm-between {
    align-content: space-between !important;
  }
  .synapse-app .align-content-sm-around {
    align-content: space-around !important;
  }
  .synapse-app .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .synapse-app .align-self-sm-auto {
    align-self: auto !important;
  }
  .synapse-app .align-self-sm-start {
    align-self: flex-start !important;
  }
  .synapse-app .align-self-sm-end {
    align-self: flex-end !important;
  }
  .synapse-app .align-self-sm-center {
    align-self: center !important;
  }
  .synapse-app .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .synapse-app .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .synapse-app .flex-md-row {
    flex-direction: row !important;
  }
  .synapse-app .flex-md-column {
    flex-direction: column !important;
  }
  .synapse-app .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .synapse-app .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .synapse-app .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .synapse-app .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .synapse-app .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .synapse-app .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .synapse-app .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .synapse-app .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .synapse-app .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .synapse-app .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .synapse-app .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .synapse-app .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .synapse-app .justify-content-md-center {
    justify-content: center !important;
  }
  .synapse-app .justify-content-md-between {
    justify-content: space-between !important;
  }
  .synapse-app .justify-content-md-around {
    justify-content: space-around !important;
  }
  .synapse-app .align-items-md-start {
    align-items: flex-start !important;
  }
  .synapse-app .align-items-md-end {
    align-items: flex-end !important;
  }
  .synapse-app .align-items-md-center {
    align-items: center !important;
  }
  .synapse-app .align-items-md-baseline {
    align-items: baseline !important;
  }
  .synapse-app .align-items-md-stretch {
    align-items: stretch !important;
  }
  .synapse-app .align-content-md-start {
    align-content: flex-start !important;
  }
  .synapse-app .align-content-md-end {
    align-content: flex-end !important;
  }
  .synapse-app .align-content-md-center {
    align-content: center !important;
  }
  .synapse-app .align-content-md-between {
    align-content: space-between !important;
  }
  .synapse-app .align-content-md-around {
    align-content: space-around !important;
  }
  .synapse-app .align-content-md-stretch {
    align-content: stretch !important;
  }
  .synapse-app .align-self-md-auto {
    align-self: auto !important;
  }
  .synapse-app .align-self-md-start {
    align-self: flex-start !important;
  }
  .synapse-app .align-self-md-end {
    align-self: flex-end !important;
  }
  .synapse-app .align-self-md-center {
    align-self: center !important;
  }
  .synapse-app .align-self-md-baseline {
    align-self: baseline !important;
  }
  .synapse-app .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .synapse-app .flex-lg-row {
    flex-direction: row !important;
  }
  .synapse-app .flex-lg-column {
    flex-direction: column !important;
  }
  .synapse-app .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .synapse-app .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .synapse-app .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .synapse-app .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .synapse-app .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .synapse-app .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .synapse-app .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .synapse-app .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .synapse-app .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .synapse-app .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .synapse-app .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .synapse-app .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .synapse-app .justify-content-lg-center {
    justify-content: center !important;
  }
  .synapse-app .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .synapse-app .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .synapse-app .align-items-lg-start {
    align-items: flex-start !important;
  }
  .synapse-app .align-items-lg-end {
    align-items: flex-end !important;
  }
  .synapse-app .align-items-lg-center {
    align-items: center !important;
  }
  .synapse-app .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .synapse-app .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .synapse-app .align-content-lg-start {
    align-content: flex-start !important;
  }
  .synapse-app .align-content-lg-end {
    align-content: flex-end !important;
  }
  .synapse-app .align-content-lg-center {
    align-content: center !important;
  }
  .synapse-app .align-content-lg-between {
    align-content: space-between !important;
  }
  .synapse-app .align-content-lg-around {
    align-content: space-around !important;
  }
  .synapse-app .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .synapse-app .align-self-lg-auto {
    align-self: auto !important;
  }
  .synapse-app .align-self-lg-start {
    align-self: flex-start !important;
  }
  .synapse-app .align-self-lg-end {
    align-self: flex-end !important;
  }
  .synapse-app .align-self-lg-center {
    align-self: center !important;
  }
  .synapse-app .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .synapse-app .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .synapse-app .flex-xl-row {
    flex-direction: row !important;
  }
  .synapse-app .flex-xl-column {
    flex-direction: column !important;
  }
  .synapse-app .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .synapse-app .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .synapse-app .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .synapse-app .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .synapse-app .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .synapse-app .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .synapse-app .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .synapse-app .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .synapse-app .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .synapse-app .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .synapse-app .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .synapse-app .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .synapse-app .justify-content-xl-center {
    justify-content: center !important;
  }
  .synapse-app .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .synapse-app .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .synapse-app .align-items-xl-start {
    align-items: flex-start !important;
  }
  .synapse-app .align-items-xl-end {
    align-items: flex-end !important;
  }
  .synapse-app .align-items-xl-center {
    align-items: center !important;
  }
  .synapse-app .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .synapse-app .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .synapse-app .align-content-xl-start {
    align-content: flex-start !important;
  }
  .synapse-app .align-content-xl-end {
    align-content: flex-end !important;
  }
  .synapse-app .align-content-xl-center {
    align-content: center !important;
  }
  .synapse-app .align-content-xl-between {
    align-content: space-between !important;
  }
  .synapse-app .align-content-xl-around {
    align-content: space-around !important;
  }
  .synapse-app .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .synapse-app .align-self-xl-auto {
    align-self: auto !important;
  }
  .synapse-app .align-self-xl-start {
    align-self: flex-start !important;
  }
  .synapse-app .align-self-xl-end {
    align-self: flex-end !important;
  }
  .synapse-app .align-self-xl-center {
    align-self: center !important;
  }
  .synapse-app .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .synapse-app .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.synapse-app .float-left {
  float: left !important;
}
.synapse-app .float-right {
  float: right !important;
}
.synapse-app .float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .synapse-app .float-sm-left {
    float: left !important;
  }
  .synapse-app .float-sm-right {
    float: right !important;
  }
  .synapse-app .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .synapse-app .float-md-left {
    float: left !important;
  }
  .synapse-app .float-md-right {
    float: right !important;
  }
  .synapse-app .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .synapse-app .float-lg-left {
    float: left !important;
  }
  .synapse-app .float-lg-right {
    float: right !important;
  }
  .synapse-app .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .synapse-app .float-xl-left {
    float: left !important;
  }
  .synapse-app .float-xl-right {
    float: right !important;
  }
  .synapse-app .float-xl-none {
    float: none !important;
  }
}
.synapse-app .user-select-all {
  user-select: all !important;
}
.synapse-app .user-select-auto {
  user-select: auto !important;
}
.synapse-app .user-select-none {
  user-select: none !important;
}
.synapse-app .overflow-auto {
  overflow: auto !important;
}
.synapse-app .overflow-hidden {
  overflow: hidden !important;
}
.synapse-app .position-static {
  position: static !important;
}
.synapse-app .position-relative {
  position: relative !important;
}
.synapse-app .position-absolute {
  position: absolute !important;
}
.synapse-app .position-fixed {
  position: fixed !important;
}
.synapse-app .position-sticky {
  position: sticky !important;
}
.synapse-app .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.synapse-app .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .synapse-app .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.synapse-app .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.synapse-app .sr-only-focusable:active, .synapse-app .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.synapse-app .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.synapse-app .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.synapse-app .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.synapse-app .shadow-none {
  box-shadow: none !important;
}
.synapse-app .w-25 {
  width: 25% !important;
}
.synapse-app .w-50 {
  width: 50% !important;
}
.synapse-app .w-75 {
  width: 75% !important;
}
.synapse-app .w-100 {
  width: 100% !important;
}
.synapse-app .w-auto {
  width: auto !important;
}
.synapse-app .h-25 {
  height: 25% !important;
}
.synapse-app .h-50 {
  height: 50% !important;
}
.synapse-app .h-75 {
  height: 75% !important;
}
.synapse-app .h-100 {
  height: 100% !important;
}
.synapse-app .h-auto {
  height: auto !important;
}
.synapse-app .mw-100 {
  max-width: 100% !important;
}
.synapse-app .mh-100 {
  max-height: 100% !important;
}
.synapse-app .min-vw-100 {
  min-width: 100vw !important;
}
.synapse-app .min-vh-100 {
  min-height: 100vh !important;
}
.synapse-app .vw-100 {
  width: 100vw !important;
}
.synapse-app .vh-100 {
  height: 100vh !important;
}
.synapse-app .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.synapse-app .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.synapse-app .text-justify {
  text-align: justify !important;
}
.synapse-app .text-wrap {
  white-space: normal !important;
}
.synapse-app .text-nowrap {
  white-space: nowrap !important;
}
.synapse-app .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.synapse-app .text-left {
  text-align: left !important;
}
.synapse-app .text-right {
  text-align: right !important;
}
.synapse-app .text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .synapse-app .text-sm-left {
    text-align: left !important;
  }
  .synapse-app .text-sm-right {
    text-align: right !important;
  }
  .synapse-app .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .synapse-app .text-md-left {
    text-align: left !important;
  }
  .synapse-app .text-md-right {
    text-align: right !important;
  }
  .synapse-app .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .synapse-app .text-lg-left {
    text-align: left !important;
  }
  .synapse-app .text-lg-right {
    text-align: right !important;
  }
  .synapse-app .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .synapse-app .text-xl-left {
    text-align: left !important;
  }
  .synapse-app .text-xl-right {
    text-align: right !important;
  }
  .synapse-app .text-xl-center {
    text-align: center !important;
  }
}
.synapse-app .text-lowercase {
  text-transform: lowercase !important;
}
.synapse-app .text-uppercase {
  text-transform: uppercase !important;
}
.synapse-app .text-capitalize {
  text-transform: capitalize !important;
}
.synapse-app .font-weight-light {
  font-weight: 300 !important;
}
.synapse-app .font-weight-lighter {
  font-weight: lighter !important;
}
.synapse-app .font-weight-normal {
  font-weight: 400 !important;
}
.synapse-app .font-weight-bold {
  font-weight: 700 !important;
}
.synapse-app .font-weight-bolder {
  font-weight: bolder !important;
}
.synapse-app .font-italic {
  font-style: italic !important;
}
.synapse-app .text-white {
  color: white !important;
}
.synapse-app .text-primary {
  color: #007bff !important;
}
.synapse-app a.text-primary:hover, .synapse-app a.text-primary:focus {
  color: #0056b3 !important;
}
.synapse-app .text-secondary {
  color: #6c757d !important;
}
.synapse-app a.text-secondary:hover, .synapse-app a.text-secondary:focus {
  color: #494f54 !important;
}
.synapse-app .text-success {
  color: #28a745 !important;
}
.synapse-app a.text-success:hover, .synapse-app a.text-success:focus {
  color: #19692c !important;
}
.synapse-app .text-info {
  color: #17a2b8 !important;
}
.synapse-app a.text-info:hover, .synapse-app a.text-info:focus {
  color: #0f6674 !important;
}
.synapse-app .text-warning {
  color: #ffc107 !important;
}
.synapse-app a.text-warning:hover, .synapse-app a.text-warning:focus {
  color: #ba8b00 !important;
}
.synapse-app .text-danger {
  color: #dc3545 !important;
}
.synapse-app a.text-danger:hover, .synapse-app a.text-danger:focus {
  color: #a71d2a !important;
}
.synapse-app .text-light {
  color: #f8f9fa !important;
}
.synapse-app a.text-light:hover, .synapse-app a.text-light:focus {
  color: #cbd3da !important;
}
.synapse-app .text-dark {
  color: #343a40 !important;
}
.synapse-app a.text-dark:hover, .synapse-app a.text-dark:focus {
  color: #121416 !important;
}
.synapse-app .text-body {
  color: #212529 !important;
}
.synapse-app .text-muted {
  color: #6c757d !important;
}
.synapse-app .text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.synapse-app .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.synapse-app .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.synapse-app .text-decoration-none {
  text-decoration: none !important;
}
.synapse-app .text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.synapse-app .text-reset {
  color: inherit !important;
}
.synapse-app .visible {
  visibility: visible !important;
}
.synapse-app .invisible {
  visibility: hidden !important;
}
.synapse-app .container,
.synapse-app .container-fluid,
.synapse-app .container-xl,
.synapse-app .container-lg,
.synapse-app .container-md,
.synapse-app .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .synapse-app .container-sm, .synapse-app .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .synapse-app .container-lg, .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .synapse-app .container-xl, .synapse-app .container-lg, .synapse-app .container-md, .synapse-app .container-sm, .synapse-app .container {
    max-width: 1140px;
  }
}
.synapse-app .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.synapse-app .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.synapse-app .no-gutters > .col,
.synapse-app .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.synapse-app .col-xl,
.synapse-app .col-xl-auto, .synapse-app .col-xl-12, .synapse-app .col-xl-11, .synapse-app .col-xl-10, .synapse-app .col-xl-9, .synapse-app .col-xl-8, .synapse-app .col-xl-7, .synapse-app .col-xl-6, .synapse-app .col-xl-5, .synapse-app .col-xl-4, .synapse-app .col-xl-3, .synapse-app .col-xl-2, .synapse-app .col-xl-1, .synapse-app .col-lg,
.synapse-app .col-lg-auto, .synapse-app .col-lg-12, .synapse-app .col-lg-11, .synapse-app .col-lg-10, .synapse-app .col-lg-9, .synapse-app .col-lg-8, .synapse-app .col-lg-7, .synapse-app .col-lg-6, .synapse-app .col-lg-5, .synapse-app .col-lg-4, .synapse-app .col-lg-3, .synapse-app .col-lg-2, .synapse-app .col-lg-1, .synapse-app .col-md,
.synapse-app .col-md-auto, .synapse-app .col-md-12, .synapse-app .col-md-11, .synapse-app .col-md-10, .synapse-app .col-md-9, .synapse-app .col-md-8, .synapse-app .col-md-7, .synapse-app .col-md-6, .synapse-app .col-md-5, .synapse-app .col-md-4, .synapse-app .col-md-3, .synapse-app .col-md-2, .synapse-app .col-md-1, .synapse-app .col-sm,
.synapse-app .col-sm-auto, .synapse-app .col-sm-12, .synapse-app .col-sm-11, .synapse-app .col-sm-10, .synapse-app .col-sm-9, .synapse-app .col-sm-8, .synapse-app .col-sm-7, .synapse-app .col-sm-6, .synapse-app .col-sm-5, .synapse-app .col-sm-4, .synapse-app .col-sm-3, .synapse-app .col-sm-2, .synapse-app .col-sm-1, .synapse-app .col,
.synapse-app .col-auto, .synapse-app .col-12, .synapse-app .col-11, .synapse-app .col-10, .synapse-app .col-9, .synapse-app .col-8, .synapse-app .col-7, .synapse-app .col-6, .synapse-app .col-5, .synapse-app .col-4, .synapse-app .col-3, .synapse-app .col-2, .synapse-app .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.synapse-app .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.synapse-app .row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.synapse-app .row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.synapse-app .row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.synapse-app .row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.synapse-app .row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.synapse-app .row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.synapse-app .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.synapse-app .col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.synapse-app .col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.synapse-app .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.synapse-app .col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.synapse-app .col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.synapse-app .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.synapse-app .col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.synapse-app .col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.synapse-app .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.synapse-app .col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.synapse-app .col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.synapse-app .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.synapse-app .order-first {
  order: -1;
}
.synapse-app .order-last {
  order: 13;
}
.synapse-app .order-0 {
  order: 0;
}
.synapse-app .order-1 {
  order: 1;
}
.synapse-app .order-2 {
  order: 2;
}
.synapse-app .order-3 {
  order: 3;
}
.synapse-app .order-4 {
  order: 4;
}
.synapse-app .order-5 {
  order: 5;
}
.synapse-app .order-6 {
  order: 6;
}
.synapse-app .order-7 {
  order: 7;
}
.synapse-app .order-8 {
  order: 8;
}
.synapse-app .order-9 {
  order: 9;
}
.synapse-app .order-10 {
  order: 10;
}
.synapse-app .order-11 {
  order: 11;
}
.synapse-app .order-12 {
  order: 12;
}
.synapse-app .offset-1 {
  margin-left: 8.33333333%;
}
.synapse-app .offset-2 {
  margin-left: 16.66666667%;
}
.synapse-app .offset-3 {
  margin-left: 25%;
}
.synapse-app .offset-4 {
  margin-left: 33.33333333%;
}
.synapse-app .offset-5 {
  margin-left: 41.66666667%;
}
.synapse-app .offset-6 {
  margin-left: 50%;
}
.synapse-app .offset-7 {
  margin-left: 58.33333333%;
}
.synapse-app .offset-8 {
  margin-left: 66.66666667%;
}
.synapse-app .offset-9 {
  margin-left: 75%;
}
.synapse-app .offset-10 {
  margin-left: 83.33333333%;
}
.synapse-app .offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .synapse-app .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .synapse-app .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .synapse-app .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .synapse-app .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .synapse-app .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .synapse-app .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .synapse-app .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .synapse-app .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .synapse-app .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .synapse-app .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .synapse-app .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .synapse-app .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .synapse-app .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .synapse-app .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .synapse-app .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .order-sm-first {
    order: -1;
  }
  .synapse-app .order-sm-last {
    order: 13;
  }
  .synapse-app .order-sm-0 {
    order: 0;
  }
  .synapse-app .order-sm-1 {
    order: 1;
  }
  .synapse-app .order-sm-2 {
    order: 2;
  }
  .synapse-app .order-sm-3 {
    order: 3;
  }
  .synapse-app .order-sm-4 {
    order: 4;
  }
  .synapse-app .order-sm-5 {
    order: 5;
  }
  .synapse-app .order-sm-6 {
    order: 6;
  }
  .synapse-app .order-sm-7 {
    order: 7;
  }
  .synapse-app .order-sm-8 {
    order: 8;
  }
  .synapse-app .order-sm-9 {
    order: 9;
  }
  .synapse-app .order-sm-10 {
    order: 10;
  }
  .synapse-app .order-sm-11 {
    order: 11;
  }
  .synapse-app .order-sm-12 {
    order: 12;
  }
  .synapse-app .offset-sm-0 {
    margin-left: 0;
  }
  .synapse-app .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .synapse-app .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .synapse-app .offset-sm-3 {
    margin-left: 25%;
  }
  .synapse-app .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .synapse-app .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .synapse-app .offset-sm-6 {
    margin-left: 50%;
  }
  .synapse-app .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .synapse-app .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .synapse-app .offset-sm-9 {
    margin-left: 75%;
  }
  .synapse-app .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .synapse-app .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .synapse-app .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .synapse-app .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .synapse-app .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .synapse-app .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .synapse-app .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .synapse-app .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .synapse-app .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .synapse-app .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .synapse-app .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .synapse-app .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .synapse-app .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .synapse-app .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .synapse-app .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .synapse-app .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .synapse-app .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .order-md-first {
    order: -1;
  }
  .synapse-app .order-md-last {
    order: 13;
  }
  .synapse-app .order-md-0 {
    order: 0;
  }
  .synapse-app .order-md-1 {
    order: 1;
  }
  .synapse-app .order-md-2 {
    order: 2;
  }
  .synapse-app .order-md-3 {
    order: 3;
  }
  .synapse-app .order-md-4 {
    order: 4;
  }
  .synapse-app .order-md-5 {
    order: 5;
  }
  .synapse-app .order-md-6 {
    order: 6;
  }
  .synapse-app .order-md-7 {
    order: 7;
  }
  .synapse-app .order-md-8 {
    order: 8;
  }
  .synapse-app .order-md-9 {
    order: 9;
  }
  .synapse-app .order-md-10 {
    order: 10;
  }
  .synapse-app .order-md-11 {
    order: 11;
  }
  .synapse-app .order-md-12 {
    order: 12;
  }
  .synapse-app .offset-md-0 {
    margin-left: 0;
  }
  .synapse-app .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .synapse-app .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .synapse-app .offset-md-3 {
    margin-left: 25%;
  }
  .synapse-app .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .synapse-app .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .synapse-app .offset-md-6 {
    margin-left: 50%;
  }
  .synapse-app .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .synapse-app .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .synapse-app .offset-md-9 {
    margin-left: 75%;
  }
  .synapse-app .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .synapse-app .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .synapse-app .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .synapse-app .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .synapse-app .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .synapse-app .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .synapse-app .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .synapse-app .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .synapse-app .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .synapse-app .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .synapse-app .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .synapse-app .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .synapse-app .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .synapse-app .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .synapse-app .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .synapse-app .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .synapse-app .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .order-lg-first {
    order: -1;
  }
  .synapse-app .order-lg-last {
    order: 13;
  }
  .synapse-app .order-lg-0 {
    order: 0;
  }
  .synapse-app .order-lg-1 {
    order: 1;
  }
  .synapse-app .order-lg-2 {
    order: 2;
  }
  .synapse-app .order-lg-3 {
    order: 3;
  }
  .synapse-app .order-lg-4 {
    order: 4;
  }
  .synapse-app .order-lg-5 {
    order: 5;
  }
  .synapse-app .order-lg-6 {
    order: 6;
  }
  .synapse-app .order-lg-7 {
    order: 7;
  }
  .synapse-app .order-lg-8 {
    order: 8;
  }
  .synapse-app .order-lg-9 {
    order: 9;
  }
  .synapse-app .order-lg-10 {
    order: 10;
  }
  .synapse-app .order-lg-11 {
    order: 11;
  }
  .synapse-app .order-lg-12 {
    order: 12;
  }
  .synapse-app .offset-lg-0 {
    margin-left: 0;
  }
  .synapse-app .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .synapse-app .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .synapse-app .offset-lg-3 {
    margin-left: 25%;
  }
  .synapse-app .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .synapse-app .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .synapse-app .offset-lg-6 {
    margin-left: 50%;
  }
  .synapse-app .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .synapse-app .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .synapse-app .offset-lg-9 {
    margin-left: 75%;
  }
  .synapse-app .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .synapse-app .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .synapse-app .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .synapse-app .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .synapse-app .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .synapse-app .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .synapse-app .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .synapse-app .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .synapse-app .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .synapse-app .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .synapse-app .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .synapse-app .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .synapse-app .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .synapse-app .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .synapse-app .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .synapse-app .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .synapse-app .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .synapse-app .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .synapse-app .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .synapse-app .order-xl-first {
    order: -1;
  }
  .synapse-app .order-xl-last {
    order: 13;
  }
  .synapse-app .order-xl-0 {
    order: 0;
  }
  .synapse-app .order-xl-1 {
    order: 1;
  }
  .synapse-app .order-xl-2 {
    order: 2;
  }
  .synapse-app .order-xl-3 {
    order: 3;
  }
  .synapse-app .order-xl-4 {
    order: 4;
  }
  .synapse-app .order-xl-5 {
    order: 5;
  }
  .synapse-app .order-xl-6 {
    order: 6;
  }
  .synapse-app .order-xl-7 {
    order: 7;
  }
  .synapse-app .order-xl-8 {
    order: 8;
  }
  .synapse-app .order-xl-9 {
    order: 9;
  }
  .synapse-app .order-xl-10 {
    order: 10;
  }
  .synapse-app .order-xl-11 {
    order: 11;
  }
  .synapse-app .order-xl-12 {
    order: 12;
  }
  .synapse-app .offset-xl-0 {
    margin-left: 0;
  }
  .synapse-app .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .synapse-app .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .synapse-app .offset-xl-3 {
    margin-left: 25%;
  }
  .synapse-app .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .synapse-app .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .synapse-app .offset-xl-6 {
    margin-left: 50%;
  }
  .synapse-app .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .synapse-app .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .synapse-app .offset-xl-9 {
    margin-left: 75%;
  }
  .synapse-app .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .synapse-app .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.synapse-app h1,
.synapse-app h2,
.synapse-app h3,
.synapse-app h4,
.synapse-app h5,
.synapse-app h6,
.synapse-app .h1,
.synapse-app .h2,
.synapse-app .h3,
.synapse-app .h4,
.synapse-app .h5,
.synapse-app .h6 {
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
.synapse-app .lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.synapse-app .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.synapse-app .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.synapse-app .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.synapse-app .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.synapse-app hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.synapse-app small,
.synapse-app .small {
  font-size: 80%;
  font-weight: 400;
}
.synapse-app mark,
.synapse-app .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.synapse-app .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.synapse-app .list-inline {
  padding-left: 0;
  list-style: none;
}
.synapse-app .list-inline-item {
  display: inline-block;
}
.synapse-app .list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.synapse-app .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.synapse-app .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.synapse-app .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.synapse-app .blockquote-footer::before {
  content: "— ";
}
.synapse-app body {
  margin: 0;
}

@layer synapse-app {
  .synapse-app {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Inter-regular;
    --font-family-tertiary: Aeonik-regular;
    --text-25: 0.5rem;
    --text-50: 0.75rem;
    --text-75: 0.9rem;
    --text-100: 1rem;
    --text-125: 1.14rem;
    --text-150: 1.2rem;
    --text-175: 1.7rem;
    --text-200: 2.28rem;
    --h1-weight: 500;
    --h2-weight: 500;
    --h3-weight: 700;
    --h4-weight: 500;
    --h5-weight: 500;
    --h1-family: Aeonik-regular;
    --h2-family: Aeonik-regular;
    --h3-family: Aeonik-regular;
    --h4-family: Aeonik-regular;
    --h5-family: Aeonik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h1-size: 2.28rem;
    --h2-size: 1.7rem;
    --h3-size: 1.2rem;
    --h4-size: 1.14rem;
    --h5-size: 1.14rem;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: unset;
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --alert-0: #68daa0;
    --alert-0-light: #f0fbf6;
    --alert-0-medium: white;
    --alert-0-dark: #5abe8b;
    --alert-25: #deef75;
    --alert-25-light: #fcfdf1;
    --alert-25-medium: white;
    --alert-25-dark: #c8db56;
    --alert-50: #ffc83d;
    --alert-50-light: #fffaec;
    --alert-50-medium: white;
    --alert-50-dark: #eeb934;
    --alert-75: #ff8a48;
    --alert-75-light: #fff3ed;
    --alert-75-medium: white;
    --alert-75-dark: #ea712d;
    --alert-100: #eb4343;
    --alert-100-light: #fdecec;
    --alert-100-medium: white;
    --alert-100-dark: #da2c2c;
    --alert-125: #200303;
    --alert-125-light: #e9e6e6;
    --alert-125-medium: #ec3636;
    --alert-125-dark: #0b0101;
    --brand-primary: #003753;
    --brand-primary-light: #e8f0f5;
    --brand-primary-medium: #00547e;
    --brand-primary-dark: #002031;
    --brand-secondary: #97eddd;
    --brand-secondary-light: #effcfa;
    --brand-secondary-medium: #9ff8e8;
    --brand-secondary-dark: #50cdb7;
    --brand-tertiary: #a954eb;
    --brand-tertiary-light: #f5eaff;
    --brand-tertiary-medium: #c79be9;
    --brand-tertiary-dark: #9749d3;
    --brand-quaternary: #2fb5e8;
    --brand-quaternary-light: #eef9fd;
    --brand-quaternary-medium: #aee2f6;
    --brand-quaternary-dark: #1aa0d3;
    --white: white;
    --grey-0: #f8f8f8;
    --grey-25: #e5e5e5;
    --grey-50: #b9b9b9;
    --grey-75: #9b9b9b;
    --grey-100: #171717;
    --border-width: 1px;
    --border-color: #e5e5e5;
    font-size: 14px;
    color: var(--brand-primary);
    font-family: var(--font-family-primary);
  }
  .synapse-app :root,
.synapse-app :root body {
    font-size: 16px;
    color: var(--brand-primary);
    font-family: var(--font-family-primary);
  }
  .synapse-app :root,
.synapse-app :root body {
    font-size: 16px;
    color: var(--brand-primary);
    font-family: var(--font-family-primary);
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff") format("woff");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff") format("woff");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Regular.otf");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Bold.otf");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Light.otf");
    font-weight: 300;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Medium.otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 300 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.ttf") format("truetype");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
  }
  .synapse-app :root {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Inter-regular;
    --font-family-tertiary: Aeonik-regular;
    --text-25: 0.5rem;
    --text-50: 0.75rem;
    --text-75: 0.9rem;
    --text-100: 1rem;
    --text-125: 1.14rem;
    --text-150: 1.2rem;
    --text-175: 1.7rem;
    --text-200: 2.28rem;
    --h1-weight: 500;
    --h2-weight: 500;
    --h3-weight: 700;
    --h4-weight: 500;
    --h5-weight: 500;
    --h1-family: Aeonik-regular;
    --h2-family: Aeonik-regular;
    --h3-family: Aeonik-regular;
    --h4-family: Aeonik-regular;
    --h5-family: Aeonik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h1-size: 2.28rem;
    --h2-size: 1.7rem;
    --h3-size: 1.2rem;
    --h4-size: 1.14rem;
    --h5-size: 1.14rem;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: unset;
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --alert-0: #68daa0;
    --alert-0-light: #f0fbf6;
    --alert-0-medium: white;
    --alert-0-dark: #5abe8b;
    --alert-25: #deef75;
    --alert-25-light: #fcfdf1;
    --alert-25-medium: white;
    --alert-25-dark: #c8db56;
    --alert-50: #ffc83d;
    --alert-50-light: #fffaec;
    --alert-50-medium: white;
    --alert-50-dark: #eeb934;
    --alert-75: #ff8a48;
    --alert-75-light: #fff3ed;
    --alert-75-medium: white;
    --alert-75-dark: #ea712d;
    --alert-100: #eb4343;
    --alert-100-light: #fdecec;
    --alert-100-medium: white;
    --alert-100-dark: #da2c2c;
    --alert-125: #200303;
    --alert-125-light: #e9e6e6;
    --alert-125-medium: #ec3636;
    --alert-125-dark: #0b0101;
    --brand-primary: #003753;
    --brand-primary-light: #e8f0f5;
    --brand-primary-medium: #00547e;
    --brand-primary-dark: #002031;
    --brand-secondary: #97eddd;
    --brand-secondary-light: #effcfa;
    --brand-secondary-medium: #9ff8e8;
    --brand-secondary-dark: #50cdb7;
    --brand-tertiary: #a954eb;
    --brand-tertiary-light: #f5eaff;
    --brand-tertiary-medium: #c79be9;
    --brand-tertiary-dark: #9749d3;
    --brand-quaternary: #2fb5e8;
    --brand-quaternary-light: #eef9fd;
    --brand-quaternary-medium: #aee2f6;
    --brand-quaternary-dark: #1aa0d3;
    --white: white;
    --grey-0: #f8f8f8;
    --grey-25: #e5e5e5;
    --grey-50: #b9b9b9;
    --grey-75: #9b9b9b;
    --grey-100: #171717;
    --border-width: 1px;
    --border-color: #e5e5e5;
  }
  .synapse-app *,
.synapse-app *::before,
.synapse-app *::after {
    box-sizing: border-box;
  }
  .synapse-app html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .synapse-app article, .synapse-app aside, .synapse-app figcaption, .synapse-app figure, .synapse-app footer, .synapse-app header, .synapse-app hgroup, .synapse-app main, .synapse-app nav, .synapse-app section {
    display: block;
  }
  .synapse-app body {
    margin: 0;
    font-family: "Inter-regular";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: white;
  }
  .synapse-app [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }
  .synapse-app hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  .synapse-app h1, .synapse-app h2, .synapse-app h3, .synapse-app h4, .synapse-app h5, .synapse-app h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  .synapse-app p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .synapse-app abbr[title],
.synapse-app abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
  }
  .synapse-app address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  .synapse-app ol,
.synapse-app ul,
.synapse-app dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .synapse-app ol ol,
.synapse-app ul ul,
.synapse-app ol ul,
.synapse-app ul ol {
    margin-bottom: 0;
  }
  .synapse-app dt {
    font-weight: 700;
  }
  .synapse-app dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
  .synapse-app blockquote {
    margin: 0 0 1rem;
  }
  .synapse-app b,
.synapse-app strong {
    font-weight: bolder;
  }
  .synapse-app small {
    font-size: 80%;
  }
  .synapse-app sub,
.synapse-app sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  .synapse-app sub {
    bottom: -0.25em;
  }
  .synapse-app sup {
    top: -0.5em;
  }
  .synapse-app a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
  }
  .synapse-app a:hover {
    color: inherit;
    text-decoration: underline;
  }
  .synapse-app a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
  }
  .synapse-app a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  .synapse-app pre,
.synapse-app code,
.synapse-app kbd,
.synapse-app samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
  }
  .synapse-app pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }
  .synapse-app figure {
    margin: 0 0 1rem;
  }
  .synapse-app img {
    vertical-align: middle;
    border-style: none;
  }
  .synapse-app svg {
    overflow: hidden;
    vertical-align: middle;
  }
  .synapse-app table {
    border-collapse: collapse;
  }
  .synapse-app caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
  }
  .synapse-app th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  .synapse-app label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  .synapse-app button {
    border-radius: 0;
  }
  .synapse-app button:focus:not(:focus-visible) {
    outline: 0;
  }
  .synapse-app input,
.synapse-app button,
.synapse-app select,
.synapse-app optgroup,
.synapse-app textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .synapse-app button,
.synapse-app input {
    overflow: visible;
  }
  .synapse-app button,
.synapse-app select {
    text-transform: none;
  }
  .synapse-app [role=button] {
    cursor: pointer;
  }
  .synapse-app select {
    word-wrap: normal;
  }
  .synapse-app button,
.synapse-app [type=button],
.synapse-app [type=reset],
.synapse-app [type=submit] {
    -webkit-appearance: button;
  }
  .synapse-app button:not(:disabled),
.synapse-app [type=button]:not(:disabled),
.synapse-app [type=reset]:not(:disabled),
.synapse-app [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  .synapse-app button::-moz-focus-inner,
.synapse-app [type=button]::-moz-focus-inner,
.synapse-app [type=reset]::-moz-focus-inner,
.synapse-app [type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  .synapse-app input[type=radio],
.synapse-app input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
  }
  .synapse-app textarea {
    overflow: auto;
    resize: vertical;
  }
  .synapse-app fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .synapse-app legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
  }
  .synapse-app progress {
    vertical-align: baseline;
  }
  .synapse-app [type=number]::-webkit-inner-spin-button,
.synapse-app [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  .synapse-app [type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }
  .synapse-app [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  .synapse-app ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }
  .synapse-app output {
    display: inline-block;
  }
  .synapse-app summary {
    display: list-item;
    cursor: pointer;
  }
  .synapse-app template {
    display: none;
  }
  .synapse-app [hidden] {
    display: none !important;
  }
  .synapse-app .dropup,
.synapse-app .dropright,
.synapse-app .dropdown,
.synapse-app .dropleft {
    position: relative;
  }
  .synapse-app .dropdown-toggle {
    white-space: nowrap;
  }
  .synapse-app .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }
  .synapse-app .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .synapse-app .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: var(--rounded-100);
  }
  .synapse-app .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .synapse-app .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  @media (min-width: 576px) {
    .synapse-app .dropdown-menu-sm-left {
      right: auto;
      left: 0;
    }
    .synapse-app .dropdown-menu-sm-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 768px) {
    .synapse-app .dropdown-menu-md-left {
      right: auto;
      left: 0;
    }
    .synapse-app .dropdown-menu-md-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 992px) {
    .synapse-app .dropdown-menu-lg-left {
      right: auto;
      left: 0;
    }
    .synapse-app .dropdown-menu-lg-right {
      right: 0;
      left: auto;
    }
  }
  @media (min-width: 1200px) {
    .synapse-app .dropdown-menu-xl-left {
      right: auto;
      left: 0;
    }
    .synapse-app .dropdown-menu-xl-right {
      right: 0;
      left: auto;
    }
  }
  .synapse-app .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
  }
  .synapse-app .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
  }
  .synapse-app .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .synapse-app .dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
  }
  .synapse-app .dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
  }
  .synapse-app .dropright .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .synapse-app .dropright .dropdown-toggle::after {
    vertical-align: 0;
  }
  .synapse-app .dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
  }
  .synapse-app .dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
  }
  .synapse-app .dropleft .dropdown-toggle::after {
    display: none;
  }
  .synapse-app .dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }
  .synapse-app .dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .synapse-app .dropleft .dropdown-toggle::before {
    vertical-align: 0;
  }
  .synapse-app .dropdown-menu[x-placement^=top], .synapse-app .dropdown-menu[x-placement^=right], .synapse-app .dropdown-menu[x-placement^=bottom], .synapse-app .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
  }
  .synapse-app .dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
  }
  .synapse-app .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }
  .synapse-app .dropdown-item:hover, .synapse-app .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
  }
  .synapse-app .dropdown-item.active, .synapse-app .dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: #007bff;
  }
  .synapse-app .dropdown-item.disabled, .synapse-app .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
  }
  .synapse-app .dropdown-menu.show {
    display: block;
  }
  .synapse-app .dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
  }
  .synapse-app .dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
  }
  @keyframes spinner-border {
    to {
      transform: rotate(360deg);
    }
  }
  .synapse-app .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
  }
  .synapse-app .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }
  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
  .synapse-app .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
  }
  .synapse-app .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .synapse-app .spinner-border,
.synapse-app .spinner-grow {
      animation-duration: 1.5s;
    }
  }
  .synapse-app .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .synapse-app .input-group > .form-control,
.synapse-app .input-group > .form-control-plaintext,
.synapse-app .input-group > .custom-select,
.synapse-app .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
  }
  .synapse-app .input-group > .form-control + .form-control,
.synapse-app .input-group > .form-control + .custom-select,
.synapse-app .input-group > .form-control + .custom-file,
.synapse-app .input-group > .form-control-plaintext + .form-control,
.synapse-app .input-group > .form-control-plaintext + .custom-select,
.synapse-app .input-group > .form-control-plaintext + .custom-file,
.synapse-app .input-group > .custom-select + .form-control,
.synapse-app .input-group > .custom-select + .custom-select,
.synapse-app .input-group > .custom-select + .custom-file,
.synapse-app .input-group > .custom-file + .form-control,
.synapse-app .input-group > .custom-file + .custom-select,
.synapse-app .input-group > .custom-file + .custom-file {
    margin-left: -1px;
  }
  .synapse-app .input-group > .form-control:focus,
.synapse-app .input-group > .custom-select:focus,
.synapse-app .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
  }
  .synapse-app .input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
  }
  .synapse-app .input-group > .form-control:not(:first-child),
.synapse-app .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .synapse-app .input-group > .custom-file {
    display: flex;
    align-items: center;
  }
  .synapse-app .input-group > .custom-file:not(:last-child) .custom-file-label, .synapse-app .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .synapse-app .input-group:not(.has-validation) > .form-control:not(:last-child),
.synapse-app .input-group:not(.has-validation) > .custom-select:not(:last-child),
.synapse-app .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.synapse-app .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .input-group.has-validation > .form-control:nth-last-child(n+3),
.synapse-app .input-group.has-validation > .custom-select:nth-last-child(n+3),
.synapse-app .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.synapse-app .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .input-group-prepend,
.synapse-app .input-group-append {
    display: flex;
  }
  .synapse-app .input-group-prepend .btn,
.synapse-app .input-group-append .btn {
    position: relative;
    z-index: 2;
  }
  .synapse-app .input-group-prepend .btn:focus,
.synapse-app .input-group-append .btn:focus {
    z-index: 3;
  }
  .synapse-app .input-group-prepend .btn + .btn,
.synapse-app .input-group-prepend .btn + .input-group-text,
.synapse-app .input-group-prepend .input-group-text + .input-group-text,
.synapse-app .input-group-prepend .input-group-text + .btn,
.synapse-app .input-group-append .btn + .btn,
.synapse-app .input-group-append .btn + .input-group-text,
.synapse-app .input-group-append .input-group-text + .input-group-text,
.synapse-app .input-group-append .input-group-text + .btn {
    margin-left: -1px;
  }
  .synapse-app .input-group-prepend {
    margin-right: -1px;
  }
  .synapse-app .input-group-append {
    margin-left: -1px;
  }
  .synapse-app .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: var(--rounded-100);
  }
  .synapse-app .input-group-text input[type=radio],
.synapse-app .input-group-text input[type=checkbox] {
    margin-top: 0;
  }
  .synapse-app .input-group-lg > .form-control:not(textarea),
.synapse-app .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
  }
  .synapse-app .input-group-lg > .form-control,
.synapse-app .input-group-lg > .custom-select,
.synapse-app .input-group-lg > .input-group-prepend > .input-group-text,
.synapse-app .input-group-lg > .input-group-append > .input-group-text,
.synapse-app .input-group-lg > .input-group-prepend > .btn,
.synapse-app .input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: var(--rounded-150);
  }
  .synapse-app .input-group-sm > .form-control:not(textarea),
.synapse-app .input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
  }
  .synapse-app .input-group-sm > .form-control,
.synapse-app .input-group-sm > .custom-select,
.synapse-app .input-group-sm > .input-group-prepend > .input-group-text,
.synapse-app .input-group-sm > .input-group-append > .input-group-text,
.synapse-app .input-group-sm > .input-group-prepend > .btn,
.synapse-app .input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: var(--rounded-50);
  }
  .synapse-app .input-group-lg > .custom-select,
.synapse-app .input-group-sm > .custom-select {
    padding-right: 1.75rem;
  }
  .synapse-app .input-group > .input-group-prepend > .btn,
.synapse-app .input-group > .input-group-prepend > .input-group-text,
.synapse-app .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.synapse-app .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.synapse-app .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.synapse-app .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.synapse-app .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.synapse-app .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .input-group > .input-group-append > .btn,
.synapse-app .input-group > .input-group-append > .input-group-text,
.synapse-app .input-group > .input-group-prepend:not(:first-child) > .btn,
.synapse-app .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.synapse-app .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.synapse-app .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .synapse-app .btn-group,
.synapse-app .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .synapse-app .btn-group > .btn,
.synapse-app .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
  }
  .synapse-app .btn-group > .btn:hover,
.synapse-app .btn-group-vertical > .btn:hover {
    z-index: 1;
  }
  .synapse-app .btn-group > .btn:focus, .synapse-app .btn-group > .btn:active, .synapse-app .btn-group > .btn.active,
.synapse-app .btn-group-vertical > .btn:focus,
.synapse-app .btn-group-vertical > .btn:active,
.synapse-app .btn-group-vertical > .btn.active {
    z-index: 1;
  }
  .synapse-app .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .synapse-app .btn-toolbar .input-group {
    width: auto;
  }
  .synapse-app .btn-group > .btn:not(:first-child),
.synapse-app .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
  }
  .synapse-app .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.synapse-app .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .btn-group > .btn:not(:first-child),
.synapse-app .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .synapse-app .dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
  }
  .synapse-app .dropdown-toggle-split::after, .dropup .synapse-app .dropdown-toggle-split::after, .dropright .synapse-app .dropdown-toggle-split::after {
    margin-left: 0;
  }
  .dropleft .synapse-app .dropdown-toggle-split::before {
    margin-right: 0;
  }
  .synapse-app .btn-sm + .dropdown-toggle-split, .synapse-app .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }
  .synapse-app .btn-lg + .dropdown-toggle-split, .synapse-app .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .synapse-app .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .synapse-app .btn-group-vertical > .btn,
.synapse-app .btn-group-vertical > .btn-group {
    width: 100%;
  }
  .synapse-app .btn-group-vertical > .btn:not(:first-child),
.synapse-app .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
  }
  .synapse-app .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.synapse-app .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .synapse-app .btn-group-vertical > .btn:not(:first-child),
.synapse-app .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .synapse-app .btn-group-toggle > .btn,
.synapse-app .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
  }
  .synapse-app .btn-group-toggle > .btn input[type=radio],
.synapse-app .btn-group-toggle > .btn input[type=checkbox],
.synapse-app .btn-group-toggle > .btn-group > .btn input[type=radio],
.synapse-app .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .synapse-app .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .synapse-app .nav-link {
    display: block;
    padding: 0.5rem 1rem;
  }
  .synapse-app .nav-link:hover, .synapse-app .nav-link:focus {
    text-decoration: none;
  }
  .synapse-app .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
  }
  .synapse-app .nav-tabs {
    border-bottom: 1px solid #dee2e6;
  }
  .synapse-app .nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: var(--rounded-100);
    border-top-right-radius: var(--rounded-100);
  }
  .synapse-app .nav-tabs .nav-link:hover, .synapse-app .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6;
  }
  .synapse-app .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
  }
  .synapse-app .nav-tabs .nav-link.active,
.synapse-app .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: white;
    border-color: #dee2e6 #dee2e6 white;
  }
  .synapse-app .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .synapse-app .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--rounded-100);
  }
  .synapse-app .nav-pills .nav-link.active,
.synapse-app .nav-pills .show > .nav-link {
    color: white;
    background-color: #007bff;
  }
  .synapse-app .nav-fill > .nav-link,
.synapse-app .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .synapse-app .nav-justified > .nav-link,
.synapse-app .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }
  .synapse-app .tab-content > .tab-pane {
    display: none;
  }
  .synapse-app .tab-content > .active {
    display: block;
  }
  .synapse-app .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--rounded-100);
  }
  .synapse-app .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
  }
  .synapse-app .list-group-item-action:hover, .synapse-app .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
  }
  .synapse-app .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
  }
  .synapse-app .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .synapse-app .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .synapse-app .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .synapse-app .list-group-item.disabled, .synapse-app .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: white;
  }
  .synapse-app .list-group-item.active {
    z-index: 2;
    color: white;
    background-color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .list-group-item + .synapse-app .list-group-item {
    border-top-width: 0;
  }
  .synapse-app .list-group-item + .synapse-app .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
  }
  .synapse-app .list-group-horizontal {
    flex-direction: row;
  }
  .synapse-app .list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: var(--rounded-100);
    border-top-right-radius: 0;
  }
  .synapse-app .list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: var(--rounded-100);
    border-bottom-left-radius: 0;
  }
  .synapse-app .list-group-horizontal > .list-group-item.active {
    margin-top: 0;
  }
  .synapse-app .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .synapse-app .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
  @media (min-width: 576px) {
    .synapse-app .list-group-horizontal-sm {
      flex-direction: row;
    }
    .synapse-app .list-group-horizontal-sm > .list-group-item:first-child {
      border-bottom-left-radius: var(--rounded-100);
      border-top-right-radius: 0;
    }
    .synapse-app .list-group-horizontal-sm > .list-group-item:last-child {
      border-top-right-radius: var(--rounded-100);
      border-bottom-left-radius: 0;
    }
    .synapse-app .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0;
    }
    .synapse-app .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .synapse-app .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 768px) {
    .synapse-app .list-group-horizontal-md {
      flex-direction: row;
    }
    .synapse-app .list-group-horizontal-md > .list-group-item:first-child {
      border-bottom-left-radius: var(--rounded-100);
      border-top-right-radius: 0;
    }
    .synapse-app .list-group-horizontal-md > .list-group-item:last-child {
      border-top-right-radius: var(--rounded-100);
      border-bottom-left-radius: 0;
    }
    .synapse-app .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0;
    }
    .synapse-app .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .synapse-app .list-group-horizontal-md > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 992px) {
    .synapse-app .list-group-horizontal-lg {
      flex-direction: row;
    }
    .synapse-app .list-group-horizontal-lg > .list-group-item:first-child {
      border-bottom-left-radius: var(--rounded-100);
      border-top-right-radius: 0;
    }
    .synapse-app .list-group-horizontal-lg > .list-group-item:last-child {
      border-top-right-radius: var(--rounded-100);
      border-bottom-left-radius: 0;
    }
    .synapse-app .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0;
    }
    .synapse-app .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .synapse-app .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  @media (min-width: 1200px) {
    .synapse-app .list-group-horizontal-xl {
      flex-direction: row;
    }
    .synapse-app .list-group-horizontal-xl > .list-group-item:first-child {
      border-bottom-left-radius: var(--rounded-100);
      border-top-right-radius: 0;
    }
    .synapse-app .list-group-horizontal-xl > .list-group-item:last-child {
      border-top-right-radius: var(--rounded-100);
      border-bottom-left-radius: 0;
    }
    .synapse-app .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0;
    }
    .synapse-app .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0;
    }
    .synapse-app .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px;
    }
  }
  .synapse-app .list-group-flush {
    border-radius: 0;
  }
  .synapse-app .list-group-flush > .list-group-item {
    border-width: 0 0 1px;
  }
  .synapse-app .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
  }
  .synapse-app .list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
  }
  .synapse-app .list-group-item-primary.list-group-item-action:hover, .synapse-app .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
  }
  .synapse-app .list-group-item-primary.list-group-item-action.active {
    color: #ffffff;
    background-color: #004085;
    border-color: #004085;
  }
  .synapse-app .list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
  }
  .synapse-app .list-group-item-secondary.list-group-item-action:hover, .synapse-app .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
  }
  .synapse-app .list-group-item-secondary.list-group-item-action.active {
    color: #ffffff;
    background-color: #383d41;
    border-color: #383d41;
  }
  .synapse-app .list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
  }
  .synapse-app .list-group-item-success.list-group-item-action:hover, .synapse-app .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
  }
  .synapse-app .list-group-item-success.list-group-item-action.active {
    color: #ffffff;
    background-color: #155724;
    border-color: #155724;
  }
  .synapse-app .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
  }
  .synapse-app .list-group-item-info.list-group-item-action:hover, .synapse-app .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
  }
  .synapse-app .list-group-item-info.list-group-item-action.active {
    color: #ffffff;
    background-color: #0c5460;
    border-color: #0c5460;
  }
  .synapse-app .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
  }
  .synapse-app .list-group-item-warning.list-group-item-action:hover, .synapse-app .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
  }
  .synapse-app .list-group-item-warning.list-group-item-action.active {
    color: #ffffff;
    background-color: #856404;
    border-color: #856404;
  }
  .synapse-app .list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
  }
  .synapse-app .list-group-item-danger.list-group-item-action:hover, .synapse-app .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
  }
  .synapse-app .list-group-item-danger.list-group-item-action.active {
    color: #ffffff;
    background-color: #721c24;
    border-color: #721c24;
  }
  .synapse-app .list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
  }
  .synapse-app .list-group-item-light.list-group-item-action:hover, .synapse-app .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
  }
  .synapse-app .list-group-item-light.list-group-item-action.active {
    color: #ffffff;
    background-color: #818182;
    border-color: #818182;
  }
  .synapse-app .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
  }
  .synapse-app .list-group-item-dark.list-group-item-action:hover, .synapse-app .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
  }
  .synapse-app .list-group-item-dark.list-group-item-action.active {
    color: #ffffff;
    background-color: #1b1e21;
    border-color: #1b1e21;
  }
  .synapse-app .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--rounded-100);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .synapse-app .badge {
      transition: none;
    }
  }
  a.synapse-app .badge:hover, a.synapse-app .badge:focus {
    text-decoration: none;
  }

  .synapse-app .badge:empty {
    display: none;
  }
  .synapse-app .btn .badge {
    position: relative;
    top: -1px;
  }
  .synapse-app .badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
  }
  .synapse-app .badge-primary {
    color: white;
    background-color: #007bff;
  }
  a.synapse-app .badge-primary:hover, a.synapse-app .badge-primary:focus {
    color: white;
    background-color: #0062cc;
  }
  a.synapse-app .badge-primary:focus, a.synapse-app .badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }

  .synapse-app .badge-secondary {
    color: white;
    background-color: #6c757d;
  }
  a.synapse-app .badge-secondary:hover, a.synapse-app .badge-secondary:focus {
    color: white;
    background-color: #545b62;
  }
  a.synapse-app .badge-secondary:focus, a.synapse-app .badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }

  .synapse-app .badge-success {
    color: white;
    background-color: #28a745;
  }
  a.synapse-app .badge-success:hover, a.synapse-app .badge-success:focus {
    color: white;
    background-color: #1e7e34;
  }
  a.synapse-app .badge-success:focus, a.synapse-app .badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }

  .synapse-app .badge-info {
    color: white;
    background-color: #17a2b8;
  }
  a.synapse-app .badge-info:hover, a.synapse-app .badge-info:focus {
    color: white;
    background-color: #117a8b;
  }
  a.synapse-app .badge-info:focus, a.synapse-app .badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }

  .synapse-app .badge-warning {
    color: #212529;
    background-color: #ffc107;
  }
  a.synapse-app .badge-warning:hover, a.synapse-app .badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
  }
  a.synapse-app .badge-warning:focus, a.synapse-app .badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }

  .synapse-app .badge-danger {
    color: white;
    background-color: #dc3545;
  }
  a.synapse-app .badge-danger:hover, a.synapse-app .badge-danger:focus {
    color: white;
    background-color: #bd2130;
  }
  a.synapse-app .badge-danger:focus, a.synapse-app .badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }

  .synapse-app .badge-light {
    color: #212529;
    background-color: #f8f9fa;
  }
  a.synapse-app .badge-light:hover, a.synapse-app .badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
  }
  a.synapse-app .badge-light:focus, a.synapse-app .badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }

  .synapse-app .badge-dark {
    color: white;
    background-color: #343a40;
  }
  a.synapse-app .badge-dark:hover, a.synapse-app .badge-dark:focus {
    color: white;
    background-color: #1d2124;
  }
  a.synapse-app .badge-dark:focus, a.synapse-app .badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }

  .synapse-app .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--rounded-100);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .synapse-app .btn {
      transition: none;
    }
  }
  .synapse-app .btn:hover {
    color: #212529;
    text-decoration: none;
  }
  .synapse-app .btn:focus, .synapse-app .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .synapse-app .btn.disabled, .synapse-app .btn:disabled {
    opacity: 0.65;
  }
  .synapse-app .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .synapse-app a.btn.disabled,
.synapse-app fieldset:disabled a.btn {
    pointer-events: none;
  }
  .synapse-app .btn-primary {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .btn-primary:hover {
    color: white;
    background-color: #0069d9;
    border-color: #0062cc;
  }
  .synapse-app .btn-primary:focus, .synapse-app .btn-primary.focus {
    color: white;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }
  .synapse-app .btn-primary.disabled, .synapse-app .btn-primary:disabled {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .btn-primary:not(:disabled):not(.disabled):active, .synapse-app .btn-primary:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-primary.dropdown-toggle {
    color: white;
    background-color: #0062cc;
    border-color: #005cbf;
  }
  .synapse-app .btn-primary:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }
  .synapse-app .btn-secondary {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  .synapse-app .btn-secondary:hover {
    color: white;
    background-color: #5a6268;
    border-color: #545b62;
  }
  .synapse-app .btn-secondary:focus, .synapse-app .btn-secondary.focus {
    color: white;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }
  .synapse-app .btn-secondary.disabled, .synapse-app .btn-secondary:disabled {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  .synapse-app .btn-secondary:not(:disabled):not(.disabled):active, .synapse-app .btn-secondary:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #545b62;
    border-color: #4e555b;
  }
  .synapse-app .btn-secondary:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }
  .synapse-app .btn-success {
    color: white;
    background-color: #28a745;
    border-color: #28a745;
  }
  .synapse-app .btn-success:hover {
    color: white;
    background-color: #218838;
    border-color: #1e7e34;
  }
  .synapse-app .btn-success:focus, .synapse-app .btn-success.focus {
    color: white;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }
  .synapse-app .btn-success.disabled, .synapse-app .btn-success:disabled {
    color: white;
    background-color: #28a745;
    border-color: #28a745;
  }
  .synapse-app .btn-success:not(:disabled):not(.disabled):active, .synapse-app .btn-success:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-success.dropdown-toggle {
    color: white;
    background-color: #1e7e34;
    border-color: #1c7430;
  }
  .synapse-app .btn-success:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-success:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  }
  .synapse-app .btn-info {
    color: white;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .synapse-app .btn-info:hover {
    color: white;
    background-color: #138496;
    border-color: #117a8b;
  }
  .synapse-app .btn-info:focus, .synapse-app .btn-info.focus {
    color: white;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }
  .synapse-app .btn-info.disabled, .synapse-app .btn-info:disabled {
    color: white;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .synapse-app .btn-info:not(:disabled):not(.disabled):active, .synapse-app .btn-info:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-info.dropdown-toggle {
    color: white;
    background-color: #117a8b;
    border-color: #10707f;
  }
  .synapse-app .btn-info:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-info:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }
  .synapse-app .btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .synapse-app .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
  }
  .synapse-app .btn-warning:focus, .synapse-app .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }
  .synapse-app .btn-warning.disabled, .synapse-app .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .synapse-app .btn-warning:not(:disabled):not(.disabled):active, .synapse-app .btn-warning:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
  }
  .synapse-app .btn-warning:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  }
  .synapse-app .btn-danger {
    color: white;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .synapse-app .btn-danger:hover {
    color: white;
    background-color: #c82333;
    border-color: #bd2130;
  }
  .synapse-app .btn-danger:focus, .synapse-app .btn-danger.focus {
    color: white;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }
  .synapse-app .btn-danger.disabled, .synapse-app .btn-danger:disabled {
    color: white;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .synapse-app .btn-danger:not(:disabled):not(.disabled):active, .synapse-app .btn-danger:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-danger.dropdown-toggle {
    color: white;
    background-color: #bd2130;
    border-color: #b21f2d;
  }
  .synapse-app .btn-danger:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  }
  .synapse-app .btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .synapse-app .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
  }
  .synapse-app .btn-light:focus, .synapse-app .btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }
  .synapse-app .btn-light.disabled, .synapse-app .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .synapse-app .btn-light:not(:disabled):not(.disabled):active, .synapse-app .btn-light:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
  }
  .synapse-app .btn-light:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-light:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  }
  .synapse-app .btn-dark {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
  }
  .synapse-app .btn-dark:hover {
    color: white;
    background-color: #23272b;
    border-color: #1d2124;
  }
  .synapse-app .btn-dark:focus, .synapse-app .btn-dark.focus {
    color: white;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }
  .synapse-app .btn-dark.disabled, .synapse-app .btn-dark:disabled {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
  }
  .synapse-app .btn-dark:not(:disabled):not(.disabled):active, .synapse-app .btn-dark:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-dark.dropdown-toggle {
    color: white;
    background-color: #1d2124;
    border-color: #171a1d;
  }
  .synapse-app .btn-dark:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  }
  .synapse-app .btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .btn-outline-primary:hover {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .btn-outline-primary:focus, .synapse-app .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  .synapse-app .btn-outline-primary.disabled, .synapse-app .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
  }
  .synapse-app .btn-outline-primary:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-primary.dropdown-toggle {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
  }
  .synapse-app .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  .synapse-app .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
  }
  .synapse-app .btn-outline-secondary:hover {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  .synapse-app .btn-outline-secondary:focus, .synapse-app .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }
  .synapse-app .btn-outline-secondary.disabled, .synapse-app .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
  }
  .synapse-app .btn-outline-secondary:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-secondary.dropdown-toggle {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  .synapse-app .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }
  .synapse-app .btn-outline-success {
    color: #28a745;
    border-color: #28a745;
  }
  .synapse-app .btn-outline-success:hover {
    color: white;
    background-color: #28a745;
    border-color: #28a745;
  }
  .synapse-app .btn-outline-success:focus, .synapse-app .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  .synapse-app .btn-outline-success.disabled, .synapse-app .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
  }
  .synapse-app .btn-outline-success:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-success:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-success.dropdown-toggle {
    color: white;
    background-color: #28a745;
    border-color: #28a745;
  }
  .synapse-app .btn-outline-success:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  .synapse-app .btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
  }
  .synapse-app .btn-outline-info:hover {
    color: white;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .synapse-app .btn-outline-info:focus, .synapse-app .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  .synapse-app .btn-outline-info.disabled, .synapse-app .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
  }
  .synapse-app .btn-outline-info:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-info:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-info.dropdown-toggle {
    color: white;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
  .synapse-app .btn-outline-info:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  .synapse-app .btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
  }
  .synapse-app .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .synapse-app .btn-outline-warning:focus, .synapse-app .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  .synapse-app .btn-outline-warning.disabled, .synapse-app .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
  }
  .synapse-app .btn-outline-warning:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .synapse-app .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  .synapse-app .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
  }
  .synapse-app .btn-outline-danger:hover {
    color: white;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .synapse-app .btn-outline-danger:focus, .synapse-app .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  .synapse-app .btn-outline-danger.disabled, .synapse-app .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
  }
  .synapse-app .btn-outline-danger:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-danger.dropdown-toggle {
    color: white;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .synapse-app .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  .synapse-app .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .synapse-app .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .synapse-app .btn-outline-light:focus, .synapse-app .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  .synapse-app .btn-outline-light.disabled, .synapse-app .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
  }
  .synapse-app .btn-outline-light:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-light:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
  }
  .synapse-app .btn-outline-light:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  .synapse-app .btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
  }
  .synapse-app .btn-outline-dark:hover {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
  }
  .synapse-app .btn-outline-dark:focus, .synapse-app .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }
  .synapse-app .btn-outline-dark.disabled, .synapse-app .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
  }
  .synapse-app .btn-outline-dark:not(:disabled):not(.disabled):active, .synapse-app .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .synapse-app .btn-outline-dark.dropdown-toggle {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
  }
  .synapse-app .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .synapse-app .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .synapse-app .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }
  .synapse-app .btn-link {
    font-weight: 400;
    color: inherit;
    text-decoration: none;
  }
  .synapse-app .btn-link:hover {
    color: inherit;
    text-decoration: underline;
  }
  .synapse-app .btn-link:focus, .synapse-app .btn-link.focus {
    text-decoration: underline;
  }
  .synapse-app .btn-link:disabled, .synapse-app .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
  }
  .synapse-app .btn-lg, .synapse-app .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: var(--rounded-150);
  }
  .synapse-app .btn-sm, .synapse-app .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: var(--rounded-50);
  }
  .synapse-app .btn-block {
    display: block;
    width: 100%;
  }
  .synapse-app .btn-block + .btn-block {
    margin-top: 0.5rem;
  }
  .synapse-app input[type=submit].btn-block,
.synapse-app input[type=reset].btn-block,
.synapse-app input[type=button].btn-block {
    width: 100%;
  }
  .synapse-app .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: var(--rounded-100);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .synapse-app .form-control {
      transition: none;
    }
  }
  .synapse-app .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .synapse-app .form-control:focus {
    color: #495057;
    background-color: white;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .synapse-app .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
  }
  .synapse-app .form-control:disabled, .synapse-app .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
  }
  .synapse-app input[type=date].form-control,
.synapse-app input[type=time].form-control,
.synapse-app input[type=datetime-local].form-control,
.synapse-app input[type=month].form-control {
    appearance: none;
  }
  .synapse-app select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
  }
  .synapse-app select.form-control:focus::-ms-value {
    color: #495057;
    background-color: white;
  }
  .synapse-app .form-control-file,
.synapse-app .form-control-range {
    display: block;
    width: 100%;
  }
  .synapse-app .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
  }
  .synapse-app .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .synapse-app .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .synapse-app .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
  }
  .synapse-app .form-control-plaintext.form-control-sm, .synapse-app .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .synapse-app .form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: var(--rounded-50);
  }
  .synapse-app .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: var(--rounded-150);
  }
  .synapse-app select.form-control[size], .synapse-app select.form-control[multiple] {
    height: auto;
  }
  .synapse-app textarea.form-control {
    height: auto;
  }
  .synapse-app .form-group {
    margin-bottom: 1rem;
  }
  .synapse-app .form-text {
    display: block;
    margin-top: 0.25rem;
  }
  .synapse-app .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
  .synapse-app .form-row > .col,
.synapse-app .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .synapse-app .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }
  .synapse-app .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
  }
  .synapse-app .form-check-input[disabled] ~ .form-check-label, .synapse-app .form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
  }
  .synapse-app .form-check-label {
    margin-bottom: 0;
  }
  .synapse-app .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
  }
  .synapse-app .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
  }
  .synapse-app .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
  }
  .synapse-app .valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: white;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: var(--rounded-100);
  }
  .form-row > .col > .synapse-app .valid-tooltip, .form-row > [class*=col-] > .synapse-app .valid-tooltip {
    left: 5px;
  }
  .was-validated .synapse-app:valid ~ .valid-feedback,
.was-validated .synapse-app:valid ~ .valid-tooltip, .synapse-app.is-valid ~ .valid-feedback,
.synapse-app.is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .synapse-app .form-control:valid, .synapse-app .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .was-validated .synapse-app .form-control:valid:focus, .synapse-app .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .was-validated .synapse-app select.form-control:valid, .synapse-app select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
  }
  .was-validated .synapse-app textarea.form-control:valid, .synapse-app textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  }
  .was-validated .synapse-app .custom-select:valid, .synapse-app .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
  }
  .was-validated .synapse-app .custom-select:valid:focus, .synapse-app .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .was-validated .synapse-app .form-check-input:valid ~ .form-check-label, .synapse-app .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
  }
  .was-validated .synapse-app .form-check-input:valid ~ .valid-feedback,
.was-validated .synapse-app .form-check-input:valid ~ .valid-tooltip, .synapse-app .form-check-input.is-valid ~ .valid-feedback,
.synapse-app .form-check-input.is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .synapse-app .custom-control-input:valid ~ .custom-control-label, .synapse-app .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
  }
  .was-validated .synapse-app .custom-control-input:valid ~ .custom-control-label::before, .synapse-app .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745;
  }
  .was-validated .synapse-app .custom-control-input:valid:checked ~ .custom-control-label::before, .synapse-app .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
  }
  .was-validated .synapse-app .custom-control-input:valid:focus ~ .custom-control-label::before, .synapse-app .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .was-validated .synapse-app .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .synapse-app .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
  }
  .was-validated .synapse-app .custom-file-input:valid ~ .custom-file-label, .synapse-app .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
  }
  .was-validated .synapse-app .custom-file-input:valid:focus ~ .custom-file-label, .synapse-app .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  .synapse-app .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  }
  .synapse-app .invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: white;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: var(--rounded-100);
  }
  .form-row > .col > .synapse-app .invalid-tooltip, .form-row > [class*=col-] > .synapse-app .invalid-tooltip {
    left: 5px;
  }
  .was-validated .synapse-app:invalid ~ .invalid-feedback,
.was-validated .synapse-app:invalid ~ .invalid-tooltip, .synapse-app.is-invalid ~ .invalid-feedback,
.synapse-app.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .synapse-app .form-control:invalid, .synapse-app .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  .was-validated .synapse-app .form-control:invalid:focus, .synapse-app .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .was-validated .synapse-app select.form-control:invalid, .synapse-app select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
  }
  .was-validated .synapse-app textarea.form-control:invalid, .synapse-app textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  }
  .was-validated .synapse-app .custom-select:invalid, .synapse-app .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
  }
  .was-validated .synapse-app .custom-select:invalid:focus, .synapse-app .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .was-validated .synapse-app .form-check-input:invalid ~ .form-check-label, .synapse-app .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
  }
  .was-validated .synapse-app .form-check-input:invalid ~ .invalid-feedback,
.was-validated .synapse-app .form-check-input:invalid ~ .invalid-tooltip, .synapse-app .form-check-input.is-invalid ~ .invalid-feedback,
.synapse-app .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .synapse-app .custom-control-input:invalid ~ .custom-control-label, .synapse-app .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
  }
  .was-validated .synapse-app .custom-control-input:invalid ~ .custom-control-label::before, .synapse-app .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545;
  }
  .was-validated .synapse-app .custom-control-input:invalid:checked ~ .custom-control-label::before, .synapse-app .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
  }
  .was-validated .synapse-app .custom-control-input:invalid:focus ~ .custom-control-label::before, .synapse-app .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .was-validated .synapse-app .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .synapse-app .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
  }
  .was-validated .synapse-app .custom-file-input:invalid ~ .custom-file-label, .synapse-app .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
  }
  .was-validated .synapse-app .custom-file-input:invalid:focus ~ .custom-file-label, .synapse-app .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .synapse-app .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .synapse-app .form-inline .form-check {
    width: 100%;
  }
  @media (min-width: 576px) {
    .synapse-app .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
    }
    .synapse-app .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0;
    }
    .synapse-app .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .synapse-app .form-inline .form-control-plaintext {
      display: inline-block;
    }
    .synapse-app .form-inline .input-group,
.synapse-app .form-inline .custom-select {
      width: auto;
    }
    .synapse-app .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0;
    }
    .synapse-app .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0;
    }
    .synapse-app .form-inline .custom-control {
      align-items: center;
      justify-content: center;
    }
    .synapse-app .form-inline .custom-control-label {
      margin-bottom: 0;
    }
  }
  .synapse-app :root,
.synapse-app :root body {
    font-size: 16px;
    color: var(--brand-primary);
    font-family: var(--font-family-primary);
  }
  .synapse-app :root,
.synapse-app :root body {
    font-size: 16px;
    color: var(--brand-primary);
    font-family: var(--font-family-primary);
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Regular.woff") format("woff");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Bold.woff") format("woff");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Light.woff") format("woff");
    font-weight: 300;
    font-display: swap;
  }
  @font-face {
    font-family: "Aeonik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Aeonik-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Regular.otf");
    font-weight: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Bold.otf");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Light.otf");
    font-weight: 300;
    font-display: swap;
  }
  @font-face {
    font-family: "Stolzl";
    src: url("https://static.test.c-napps.com/boto/fonts/Stolzl-Medium.otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 300 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.ttf") format("truetype");
    font-weight: 600 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
  }
  .synapse-app :root {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Inter-regular;
    --font-family-tertiary: Aeonik-regular;
    --text-25: 0.5rem;
    --text-50: 0.75rem;
    --text-75: 0.9rem;
    --text-100: 1rem;
    --text-125: 1.14rem;
    --text-150: 1.2rem;
    --text-175: 1.7rem;
    --text-200: 2.28rem;
    --h1-weight: 500;
    --h2-weight: 500;
    --h3-weight: 700;
    --h4-weight: 500;
    --h5-weight: 500;
    --h1-family: Aeonik-regular;
    --h2-family: Aeonik-regular;
    --h3-family: Aeonik-regular;
    --h4-family: Aeonik-regular;
    --h5-family: Aeonik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h1-size: 2.28rem;
    --h2-size: 1.7rem;
    --h3-size: 1.2rem;
    --h4-size: 1.14rem;
    --h5-size: 1.14rem;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: unset;
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --alert-0: #68daa0;
    --alert-0-light: #f0fbf6;
    --alert-0-medium: white;
    --alert-0-dark: #5abe8b;
    --alert-25: #deef75;
    --alert-25-light: #fcfdf1;
    --alert-25-medium: white;
    --alert-25-dark: #c8db56;
    --alert-50: #ffc83d;
    --alert-50-light: #fffaec;
    --alert-50-medium: white;
    --alert-50-dark: #eeb934;
    --alert-75: #ff8a48;
    --alert-75-light: #fff3ed;
    --alert-75-medium: white;
    --alert-75-dark: #ea712d;
    --alert-100: #eb4343;
    --alert-100-light: #fdecec;
    --alert-100-medium: white;
    --alert-100-dark: #da2c2c;
    --alert-125: #200303;
    --alert-125-light: #e9e6e6;
    --alert-125-medium: #ec3636;
    --alert-125-dark: #0b0101;
    --brand-primary: #003753;
    --brand-primary-light: #e8f0f5;
    --brand-primary-medium: #00547e;
    --brand-primary-dark: #002031;
    --brand-secondary: #97eddd;
    --brand-secondary-light: #effcfa;
    --brand-secondary-medium: #9ff8e8;
    --brand-secondary-dark: #50cdb7;
    --brand-tertiary: #a954eb;
    --brand-tertiary-light: #f5eaff;
    --brand-tertiary-medium: #c79be9;
    --brand-tertiary-dark: #9749d3;
    --brand-quaternary: #2fb5e8;
    --brand-quaternary-light: #eef9fd;
    --brand-quaternary-medium: #aee2f6;
    --brand-quaternary-dark: #1aa0d3;
    --white: white;
    --grey-0: #f8f8f8;
    --grey-25: #e5e5e5;
    --grey-50: #b9b9b9;
    --grey-75: #9b9b9b;
    --grey-100: #171717;
    --border-width: 1px;
    --border-color: #e5e5e5;
  }
  .synapse-app .component-chip.goodmed {
    --padding-y: var(--spacing-2);
    --padding-x: var(--spacing-25);
    --border-color: var(--brand-primary);
    --border-radius: 100px;
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --font-size: var(--text-75);
    --font-weight: 600;
  }
  .synapse-app .component-chip.goodmed.component-chip--primary {
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-chip.goodmed.component-chip--secondary {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-primary-light);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-chip.goodmed.component-chip--tertiary {
    --text-color: var(--grey-100);
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
  }
  .synapse-app .component-chip.goodmed.component-chip--th4 {
    --text-color: var(--grey-100);
    --background-color: var(--brand-secondary-light);
    --border-color: var(--brand-secondary);
  }
  .synapse-app .component-chip.goodmed.component-chip--th5 {
    --text-color: var(--brand-primary);
    --background-color: var(--white);
    --border-color: var(--grey-25);
  }
  .synapse-app .component-chip.goodmed.component-chip--th6 {
    --text-color: var(--grey-100);
    --background-color: var(--brand-tertiary-light);
    --border-color: var(--brand-tertiary);
  }
  .synapse-app .component-chip.goodmed.component-chip--th7 {
    --text-color: var(--grey-100);
    --background-color: var(--brand-fifth-light);
    --border-color: var(--brand-fifth);
  }
  .synapse-app .component-chip.goodmed.component-chip--th8 {
    --text-color: var(--grey-100);
    --background-color: var(--brand-seventh-light);
    --border-color: var(--brand-seventh);
  }
  .synapse-app .component-chip.goodmed.component-chip--th9 {
    --text-color: var(--grey-100);
    --background-color: var(--alert-0-light);
    --border-color: var(--alert-0);
  }
  .synapse-app .component-chip.goodmed.component-chip--th10 {
    --text-color: var(--grey-100);
    --background-color: var(--alert-50-light);
    --border-color: var(--alert-50);
  }
  .synapse-app .component-chip.goodmed.component-chip--th11 {
    --text-color: var(--grey-100);
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-chip.goodmed.disabled, .synapse-app .component-chip.goodmed:disabled {
    --text-color: var(--grey-75);
    --background-color: var(--grey-25);
    --border-color: var(--grey-75);
  }
  .synapse-app .component-chip.platform {
    --padding-y: var(--spacing-2);
    --padding-x: var(--spacing-25);
    --border-color: var(--brand-primary);
    --border-radius: 100px;
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --font-size: var(--text-75);
    --font-weight: 600;
  }
  .synapse-app .component-chip.platform.component-chip--primary {
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-chip.platform.component-chip--secondary {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-primary-light);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-chip.platform.component-chip--tertiary {
    --text-color: var(--brand-primary);
    --background-color: var(--white);
    --border-color: var(--grey-25);
  }
  .synapse-app .component-chip.platform.component-chip--th4 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-secondary-light);
    --border-color: var(--brand-secondary);
  }
  .synapse-app .component-chip.platform.component-chip--th5 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-tertiary-light);
    --border-color: var(--brand-tertiary);
  }
  .synapse-app .component-chip.platform.component-chip--th6 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-quaternary-light);
    --border-color: var(--brand-quaternary);
  }
  .synapse-app .component-chip.platform.component-chip--th7 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-0-light);
    --border-color: var(--alert-0);
  }
  .synapse-app .component-chip.platform.component-chip--th8 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-25-light);
    --border-color: var(--alert-25);
  }
  .synapse-app .component-chip.platform.component-chip--th9 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-50-light);
    --border-color: var(--alert-50);
  }
  .synapse-app .component-chip.platform.component-chip--th10 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-75-light);
    --border-color: var(--alert-75);
  }
  .synapse-app .component-chip.platform.component-chip--th11 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-chip.platform.component-chip--th12 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-125-light);
    --border-color: var(--alert-125);
  }
  .synapse-app .component-chip.platform.disabled, .synapse-app .component-chip.platform:disabled {
    --text-color: var(--grey-75);
    --background-color: var(--grey-25);
    --border-color: var(--grey-75);
  }
  .synapse-app .component-chip {
    --padding-y: unset;
    --padding-x: unset;
    --border-radius: unset;
    --border-color: unset;
    --text-color: unset;
    --background-color: unset;
    --font-size: unset;
    --font-weight: unset;
    --hover-color: unset;
    display: inline-flex;
    align-items: center;
    padding: var(--padding-y) var(--padding-x);
    background-color: var(--background-color);
    color: var(--text-color);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
  }
  .synapse-app .component-chip > .component-icon {
    --dark: var(--text-color);
    --light: var(--text-color);
  }
  .synapse-app .component-chip > .component-icon {
    position: relative;
  }
  .synapse-app .component-chip > .component-icon:hover::before {
    content: "";
    position: absolute;
    background-color: var(--text-color);
    opacity: 0.15;
    width: 110%;
    height: 110%;
    border-radius: 100%;
    top: -5%;
    left: -5%;
  }
  .synapse-app .component-chip.component-chip-select {
    vertical-align: middle;
  }
  .synapse-app .component-chip.component-chip-select.component-chip-select--small .component-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .synapse-app .component-chip.component-chip-select.platform {
    --border-color: var(--brand-primary);
    --background-color: var(--brand-primary-light);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-chip.component-chip-select.platform.disabled, .synapse-app .component-chip.component-chip-select.platform:disabled {
    --border-color: var(--grey-25);
    --background-color: var(--grey-25);
    --text-color: var(--grey-75);
  }
  .synapse-app .component-chip.component-chip-select.platform.component-chip-select--small {
    --font-size: var(--text-50);
    --padding-y: var(--spacing-1);
    --padding-x: var(--spacing-2);
  }
  .synapse-app .component-chip.component-chip-select.platform.component-chip-select--active {
    --border-color: var(--brand-primary);
    --background-color: var(--brand-primary);
    --text-color: var(--white);
  }
  .synapse-app .component-chip.component-chip-select.goodmed {
    --border-color: var(--brand-primary);
    --background-color: var(--brand-primary-light);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-chip.component-chip-select.goodmed.disabled, .synapse-app .component-chip.component-chip-select.goodmed:disabled {
    --border-color: var(--grey-25);
    --background-color: var(--grey-25);
    --text-color: var(--grey-75);
  }
  .synapse-app .component-chip.component-chip-select.goodmed.component-chip-select--small {
    --font-size: var(--text-50);
    --padding-y: var(--spacing-1);
    --padding-x: var(--spacing-2);
  }
  .synapse-app .component-chip.component-chip-select.goodmed.component-chip-select--active {
    --border-color: var(--brand-primary);
    --background-color: var(--brand-primary);
    --text-color: var(--white);
  }
  .synapse-app .component-chip.component-chip-small.goodmed {
    --font-size: var(--text-75);
    --padding-y: var(--spacing-1);
    --padding-x: var(--spacing-2);
  }
  .synapse-app .component-chip.component-chip-small .component-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .synapse-app .component-chip.component-chip-small.platform {
    --font-size: var(--text-50);
    --padding-y: var(--spacing-1);
    --padding-x: var(--spacing-2);
  }
  .synapse-app .component-tag.goodmed {
    --padding-x: var(--spacing-2);
    --padding-y: var(--spacing-1);
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-color: var(--white);
    --text-transform: uppercase;
    --font-weight: 600;
    --font-size: var(--text-75);
    --border-radius: 100px;
  }
  .synapse-app .component-tag.goodmed.component-tag--primary {
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-tag.goodmed.component-tag--secondary {
    --text-color: var(--grey-100);
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
  }
  .synapse-app .component-tag.goodmed.component-tag--tertiary {
    --text-color: var(--white);
    --background-color: var(--brand-seventh-dark);
    --border-color: var(--brand-seventh-dark);
  }
  .synapse-app .component-tag.goodmed.component-tag--th4 {
    --text-color: var(--white);
    --background-color: var(--alert-0-dark);
    --border-color: var(--alert-0-dark);
  }
  .synapse-app .component-tag.goodmed.component-tag--th5 {
    --text-color: var(--grey-100);
    --background-color: var(--alert-50-dark);
    --border-color: var(--alert-50-dark);
  }
  .synapse-app .component-tag.goodmed.component-tag--th6 {
    --text-color: var(--white);
    --background-color: var(--alert-100-dark);
    --border-color: var(--alert-100-dark);
  }
  .synapse-app .component-tag {
    --padding-x: unset;
    --padding-y: unset;
    --border-radius: unset;
    --text-color: unset;
    --background-color: unset;
    --border-color: unset;
    --font-weight: unset;
    --font-size: unset;
    --text-transform: unset;
    display: inline-flex;
    align-items: center;
    padding: var(--padding-y) var(--padding-x);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    background-color: var(--background-color);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    text-transform: var(--text-transform);
  }
  .synapse-app .component-tag.platform {
    --padding-x: var(--spacing-1);
    --padding-y: 1px;
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-color: var(--white);
    --text-transform: initial;
    --font-weight: 600;
    --font-size: 11px;
    --border-radius: var(--rounded-50);
  }
  .synapse-app .component-tag.platform.component-tag--primary {
    --text-color: var(--white);
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--secondary {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--tertiary {
    --text-color: var(--white);
    --background-color: var(--brand-quaternary-dark);
    --border-color: var(--brand-quaternary-dark);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th4 {
    --text-color: var(--white);
    --background-color: var(--brand-tertiary-dark);
    --border-color: var(--brand-tertiary-dark);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th5 {
    --text-color: var(--brand-primary);
    --background-color: var(--white);
    --border-color: var(--grey-25);
    --text-transform: initial;
  }
  .synapse-app .component-tag.platform.component-tag--th6 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-tertiary-light);
    --border-color: var(--brand-tertiary);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th7 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-quaternary-light);
    --border-color: var(--brand-quaternary);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th8 {
    --text-color: var(--brand-primary);
    --background-color: var(--brand-secondary-light);
    --border-color: var(--brand-secondary);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th9 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-50-light);
    --border-color: var(--alert-50);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th10 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-75-light);
    --border-color: var(--alert-75);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th11 {
    --text-color: var(--white);
    --background-color: var(--alert-0-dark);
    --border-color: var(--alert-0-dark);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th12 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-25);
    --border-color: var(--alert-25);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th13 {
    --text-color: var(--brand-primary);
    --background-color: var(--alert-50);
    --border-color: var(--alert-50);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th14 {
    --text-color: var(--white);
    --background-color: var(--alert-75);
    --border-color: var(--alert-75);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th15 {
    --text-color: var(--white);
    --background-color: var(--alert-100);
    --border-color: var(--alert-100);
    --text-transform: uppercase;
  }
  .synapse-app .component-tag.platform.component-tag--th16 {
    --text-color: var(--white);
    --background-color: var(--alert-125);
    --border-color: var(--alert-125);
    --text-transform: uppercase;
  }
  .synapse-app .component-card {
    box-shadow: var(--dp-75);
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    border-radius: var(--rounded-100);
    background-color: var(--white);
  }
  .synapse-app .component-panel {
    border-top-left-radius: var(--rounded-100);
    border-top-right-radius: var(--rounded-100);
    background-color: var(--white);
    position: absolute;
    top: var(--spacing-4);
    min-height: calc(100vh - var(--spacing-4));
    box-shadow: var(--dp-75);
  }
  .synapse-app .component-panel .notch-wrapper {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    text-align: center;
  }
  .synapse-app .component-panel .notch-wrapper .notch {
    display: inline-block;
    background-color: var(--grey-25);
    border-radius: var(--rounded-100);
    height: 4px;
    width: 50px;
  }
  .synapse-app .component-panel .content {
    padding: var(--spacing-4);
    padding-top: 0;
  }
  .synapse-app .component-panel.component-panel--reduce {
    top: 25vh;
    min-height: calc(100vh - 25vh);
  }
  .synapse-app .component-panel.component-panel--mini {
    top: 75vh;
    min-height: calc(100vh - 75vh);
  }
  .synapse-app .component-panel.component-panel--auto {
    top: auto;
    bottom: 0;
    min-height: auto;
  }
  .synapse-app .component-input-validation.component-input, .synapse-app .component-input-validation.component-multi-select {
    --padding-x: var(--spacing-25);
  }
  .synapse-app .component-input-validation.component-input:disabled:not(.empty) .after-props, .synapse-app .component-input-validation.component-multi-select:disabled:not(.empty) .after-props, .synapse-app .component-input-validation.component-input.disabled:not(.empty) .after-props, .synapse-app .component-input-validation.disabled.component-multi-select:not(.empty) .after-props {
    display: none;
  }
  .synapse-app .component-input-validation.component-input.goodmed .input-wrapper .after-props .component-icon svg, .synapse-app .component-input-validation.goodmed.component-multi-select .input-wrapper .after-props .component-icon svg {
    --light: var(--grey-100);
    --dark: var(--grey-100);
  }
  .synapse-app .component-input-validation.component-input.goodmed.disabled.empty, .synapse-app .component-input-validation.goodmed.disabled.empty.component-multi-select, .synapse-app .component-input-validation.component-input.goodmed.disabled:not(.empty), .synapse-app .component-input-validation.goodmed.disabled.component-multi-select:not(.empty), .synapse-app .component-input-validation.component-input.goodmed:disabled.empty, .synapse-app .component-input-validation.goodmed.component-multi-select:disabled.empty, .synapse-app .component-input-validation.component-input.goodmed:disabled:not(.empty), .synapse-app .component-input-validation.goodmed.component-multi-select:disabled:not(.empty) {
    --border-color: var(--grey-25);
    --background-color: var(--white);
  }
  .synapse-app .component-input-validation.component-input.platform .input-wrapper .after-props .component-icon svg, .synapse-app .component-input-validation.platform.component-multi-select .input-wrapper .after-props .component-icon svg {
    --light: var(--brand-primary);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-input-validation.component-input.platform.disabled .after-props .component-button-small, .synapse-app .component-input-validation.platform.disabled.component-multi-select .after-props .component-button-small, .synapse-app .component-input-validation.component-input.platform:disabled .after-props .component-button-small, .synapse-app .component-input-validation.platform.component-multi-select:disabled .after-props .component-button-small {
    --background-color: var(--grey-0);
  }
  .synapse-app .component-input-validation.component-input.platform.disabled.empty, .synapse-app .component-input-validation.platform.disabled.empty.component-multi-select, .synapse-app .component-input-validation.component-input.platform.disabled:not(.empty), .synapse-app .component-input-validation.platform.disabled.component-multi-select:not(.empty), .synapse-app .component-input-validation.component-input.platform:disabled.empty, .synapse-app .component-input-validation.platform.component-multi-select:disabled.empty, .synapse-app .component-input-validation.component-input.platform:disabled:not(.empty), .synapse-app .component-input-validation.platform.component-multi-select:disabled:not(.empty) {
    --border-color: var(--grey-50);
    --background-color: var(--white);
  }
  .synapse-app .component-checkbox.component-checkbox-small {
    --size: 14px;
    --border-width: 1px;
  }
  .synapse-app .component-radio {
    --size: 20px;
    --outer-color: blue;
    --inner-color: white;
  }
  .synapse-app .component-radio label {
    display: inline-flex;
    align-items: center;
  }
  .synapse-app .component-radio label + label {
    margin-left: var(--spacing-3);
  }
  .synapse-app .component-radio input[type=radio] {
    appearance: none;
  }
  .synapse-app .component-radio .wrapper {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    border: 2px solid var(--outer-color);
    background-color: var(--inner-color);
    margin-right: var(--spacing-2);
  }
  .synapse-app .component-radio .wrapper .point {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    border-radius: 100%;
    background-color: var(--outer-color);
    visibility: hidden;
  }
  .synapse-app .component-radio input[type=radio]:checked + .wrapper .point {
    visibility: visible;
  }
  .synapse-app .component-radio.invalid {
    --inner-color: var(--alert-100-light);
    --outer-color: var(--alert-100);
  }
  .synapse-app .component-radio.component-radio--neutral:not(.invalid) {
    --outer-color: var(--brand-primary);
    --inner-color: var(--transparent);
  }
  .synapse-app .component-radio.component-radio--neutral:not(.invalid).disabled, .synapse-app .component-radio.component-radio--neutral:not(.invalid):disabled,
.synapse-app .component-radio.component-radio--neutral:not(.invalid) input[type=radio]:disabled + .wrapper {
    --outer-color: var(--grey-25);
    --inner-color: var(--grey-0);
  }
  .synapse-app .component-radio.component-radio--dark:not(.invalid) {
    --outer-color: var(--white);
    --inner-color: var(--transparent);
  }
  .synapse-app .component-radio.component-radio--dark:not(.invalid).disabled, .synapse-app .component-radio.component-radio--dark:not(.invalid):disabled,
.synapse-app .component-radio.component-radio--dark:not(.invalid) input[type=radio]:disabled + .wrapper {
    --outer-color: var(--grey-75);
    --inner-color: var(--grey-25);
  }
  .synapse-app .component-radio.component-radio-small {
    --size: 14px;
  }
  .synapse-app .component-input.goodmed, .synapse-app .goodmed.component-multi-select {
    --border-color: var(--grey-25);
    --height: 52px;
    --placeholder-height: 20px;
    --background-color: var(--white);
    --text-color: var(--grey-100);
    --padding: var(--spacing-3);
  }
  .synapse-app .component-input.goodmed.disabled.empty, .synapse-app .goodmed.disabled.empty.component-multi-select {
    --background-color: var(--grey-25);
    --text-color: var(--grey-50);
    --placeholder-color: var(--grey-50);
    --border-color: var(--grey-25);
  }
  .synapse-app .component-input.goodmed.disabled:not(.empty), .synapse-app .goodmed.disabled.component-multi-select:not(.empty) {
    --placeholder-color: var(--grey-50);
    --background-color: var(--grey-0);
    --text-color: var(--grey-100);
    --border-color: var(--grey-50);
  }
  .synapse-app .component-input, .synapse-app .component-multi-select {
    --border-color: var(--grey-25);
    --height: 52px;
    --placeholder-height: 20px;
    --placeholder-size: var(--font-size);
    --background-color: var(--white);
    --text-color: var(--grey-100);
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-3);
    --placeholder-color: var(--text-color);
    --border-radius: var(--rounded-100);
    margin-top: var(--spacing-3);
  }
  .synapse-app .component-input .input-wrapper, .synapse-app .component-multi-select .input-wrapper {
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    display: flex;
    align-items: center;
    position: relative;
    height: var(--height);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: var(--font-size);
  }
  .synapse-app .component-input input, .synapse-app .component-multi-select input {
    border: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: var(--text-color);
    padding-left: var(--spacing-1);
    /* Hide Arrows From Input Number */
  }
  .synapse-app .component-input input::placeholder, .synapse-app .component-multi-select input::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
  }
  .synapse-app .component-input input:focus, .synapse-app .component-multi-select input:focus {
    outline: none;
  }
  .synapse-app .component-input input[type=password], .synapse-app .component-multi-select input[type=password] {
    font-size: var(--text-75);
    letter-spacing: 5px;
  }
  .synapse-app .component-input input::-webkit-outer-spin-button, .synapse-app .component-multi-select input::-webkit-outer-spin-button, .synapse-app .component-input input::-webkit-inner-spin-button, .synapse-app .component-multi-select input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .synapse-app .component-input input[type=number], .synapse-app .component-multi-select input[type=number] {
    -moz-appearance: textfield;
  }
  .synapse-app .component-input .placeholder, .synapse-app .component-multi-select .placeholder {
    position: absolute;
    top: calc(50% - var(--placeholder-height) / 2);
    left: 0;
    font-size: var(--text-75);
    display: inline-block;
    height: var(--placeholder-height);
    max-width: calc(100% - var(--spacing-2));
    transition: transform 0.2s ease;
    background-image: linear-gradient(180deg, transparent 50%, var(--background-color) 0%);
    color: var(--placeholder-color);
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
    white-space: nowrap;
  }
  .synapse-app .component-input .placeholder.elevated, .synapse-app .component-multi-select .placeholder.elevated {
    transform: translateY(calc(var(--height) * -0.5));
  }
  .synapse-app .component-input .after-props, .synapse-app .component-multi-select .after-props {
    display: inline-flex;
    height: var(--placeholder-height);
    background-color: var(--background-color);
    align-items: center;
  }
  .synapse-app .component-input .after-props .component-icon, .synapse-app .component-multi-select .after-props .component-icon,
.synapse-app .component-input .before-props .component-icon,
.synapse-app .component-multi-select .before-props .component-icon {
    --light: var(--grey-0);
    --dark: var(--grey-50);
  }
  .synapse-app .component-input .error, .synapse-app .component-multi-select .error {
    display: block;
    padding-top: var(--spacing-2);
    color: var(--alert-100);
    font-size: var(--text-75);
  }
  .synapse-app .component-input:not(.disabled):not(:disabled):focus, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus, .synapse-app .component-input:not(.disabled):not(:disabled):focus-within, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus-within {
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-input:not(.disabled):not(:disabled):focus .input-wrapper .placeholder, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus .input-wrapper .placeholder, .synapse-app .component-input:not(.disabled):not(:disabled):focus-within .input-wrapper .placeholder, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus-within .input-wrapper .placeholder {
    transform: translateY(calc(var(--height) * -0.5));
  }
  .synapse-app .component-input:not(.disabled):not(:disabled):focus .input-wrapper .before-props .component-icon, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus .input-wrapper .before-props .component-icon,
.synapse-app .component-input:not(.disabled):not(:disabled):focus .input-wrapper .after-props .component-icon,
.synapse-app .component-multi-select:not(.disabled):not(:disabled):focus .input-wrapper .after-props .component-icon, .synapse-app .component-input:not(.disabled):not(:disabled):focus-within .input-wrapper .before-props .component-icon, .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus-within .input-wrapper .before-props .component-icon,
.synapse-app .component-input:not(.disabled):not(:disabled):focus-within .input-wrapper .after-props .component-icon,
.synapse-app .component-multi-select:not(.disabled):not(:disabled):focus-within .input-wrapper .after-props .component-icon {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-input.invalid, .synapse-app .invalid.component-multi-select {
    --border-color: var(--alert-100);
  }
  .synapse-app .component-input.invalid .input-wrapper .component-icon, .synapse-app .invalid.component-multi-select .input-wrapper .component-icon {
    --light: var(--alert-100-light);
    --dark: var(--alert-100);
  }
  .synapse-app .component-input.platform, .synapse-app .platform.component-multi-select {
    --height: 48px;
    --placeholder-height: 20px;
    --placeholder-color: var(--grey-75);
    --border-color: var(--grey-50);
    --background-color: var(--white);
    --padding: var(--spacing-3);
    --text-color: var(--brand-primary);
    --border-radius: var(--rounded-100);
    --font-size: var(--text-75);
  }
  .synapse-app .component-input.platform .input-wrapper input, .synapse-app .platform.component-multi-select .input-wrapper input {
    color: var(--brand-primary);
    font-size: var(--font-size);
  }
  .synapse-app .component-input.platform .input-wrapper .placeholder, .synapse-app .platform.component-multi-select .input-wrapper .placeholder {
    font-weight: 400;
  }
  .synapse-app .component-input.platform .input-wrapper .placeholder.elevated, .synapse-app .platform.component-multi-select .input-wrapper .placeholder.elevated {
    font-size: var(--text-50);
  }
  .synapse-app .component-input.platform .input-wrapper .before-props .component-icon, .synapse-app .platform.component-multi-select .input-wrapper .before-props .component-icon,
.synapse-app .component-input.platform .input-wrapper .after-props .component-icon,
.synapse-app .platform.component-multi-select .input-wrapper .after-props .component-icon {
    --light: var(--grey-75);
    --dark: var(--grey-75);
  }
  .synapse-app .component-input.platform .error, .synapse-app .platform.component-multi-select .error {
    color: var(--alert-100-dark);
    font-size: var(--text-50);
    padding-top: var(--spacing-1);
  }
  .synapse-app .component-input.platform:invalid, .synapse-app .platform.component-multi-select:invalid, .synapse-app .component-input.platform.invalid, .synapse-app .platform.invalid.component-multi-select {
    --border-color: var(--alert-100-dark);
  }
  .synapse-app .component-input.platform:not(.disabled):not(:disabled):focus-within, .synapse-app .platform.component-multi-select:not(.disabled):not(:disabled):focus-within, .synapse-app .component-input.platform:not(.disabled):not(:disabled):focus, .synapse-app .platform.component-multi-select:not(.disabled):not(:disabled):focus {
    --border-color: var(--brand-primary);
    --placeholder-color: var(--brand-primary);
  }
  .synapse-app .component-input.platform:not(.disabled):not(:disabled):focus-within .placeholder, .synapse-app .platform.component-multi-select:not(.disabled):not(:disabled):focus-within .placeholder, .synapse-app .component-input.platform:not(.disabled):not(:disabled):focus .placeholder, .synapse-app .platform.component-multi-select:not(.disabled):not(:disabled):focus .placeholder {
    font-size: var(--text-50);
  }
  .synapse-app .component-input.platform.disabled:not(.empty), .synapse-app .platform.disabled.component-multi-select:not(.empty), .synapse-app .component-input.platform:disabled:not(.empty), .synapse-app .platform.component-multi-select:disabled:not(.empty) {
    --text-color: var(--brand-primary);
    --background-color: var(--grey-0);
    --border-color: var(--grey-50);
    --placeholder-color: var(--grey-50);
  }
  .synapse-app .component-input.platform.disabled.empty, .synapse-app .platform.disabled.empty.component-multi-select, .synapse-app .component-input.platform:disabled.empty, .synapse-app .platform.component-multi-select:disabled.empty {
    --text-color: var(--grey-75);
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --placeholder-color: var(--grey-75);
  }
  .synapse-app .component-search.component-search-with-select.expanded .component-multi-select .options {
    display: none;
  }
  .synapse-app .component-checkbox {
    --size: 20px;
    --border-color: unset;
    --background-color: var(--white);
    --text-color: currentColor;
    --check-color: var(--white);
    --border-radius: 3px;
    --border-width: 2px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Else */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }
  .synapse-app .component-checkbox .label {
    position: relative;
    color: var(--text-color);
  }
  .synapse-app .component-checkbox input[type=checkbox] {
    display: none;
  }
  .synapse-app .component-checkbox .mask {
    cursor: pointer;
    height: var(--size);
    width: var(--size);
    min-height: var(--size);
    min-width: var(--size);
    border-radius: var(--border-radius);
    border: var(--border-width) solid var(--border-color);
    background-color: var(--background-color);
    position: relative;
  }
  .synapse-app .component-checkbox .mask .component-icon {
    visibility: hidden;
  }
  .synapse-app .component-checkbox .mask .component-icon svg {
    --light: var(--check-color);
    --dark: var(--check-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
  }
  .synapse-app .component-checkbox input[type=checkbox]:checked + .mask .component-icon {
    visibility: visible;
  }
  .synapse-app .component-checkbox.disabled, .synapse-app .component-checkbox:disabled {
    --border-color: var(--grey-25);
    --background-color: var(--grey-0);
  }
  .synapse-app .component-checkbox.disabled .mark, .synapse-app .component-checkbox:disabled .mark {
    cursor: not-allowed;
  }
  .synapse-app .component-checkbox.invalid {
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-checkbox.platform {
    --background-color: var(--white);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-checkbox.platform input[type=checkbox]:checked + .mask {
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-checkbox.platform.disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform.disabled input[type=checkbox] + .mask, .synapse-app .component-checkbox.platform:disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform:disabled input[type=checkbox] + .mask {
    --border-color: var(--grey-25);
    --background-color: var(--grey-0);
    --check-color: var(--grey-25);
    cursor: not-allowed;
  }
  .synapse-app .component-checkbox.platform.invalid input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform.invalid input[type=checkbox] + .mask {
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-checkbox.platform.component-checkbox--dark {
    --background-color: transparent;
    --border-color: var(--white);
  }
  .synapse-app .component-checkbox.platform.component-checkbox--dark input[type=checkbox]:checked + .mask {
    --background-color: var(--white);
    --border-color: var(--white);
    --check-color: var(--brand-primary);
  }
  .synapse-app .component-checkbox.platform.component-checkbox--dark.disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform.component-checkbox--dark.disabled input[type=checkbox] + .mask, .synapse-app .component-checkbox.platform.component-checkbox--dark:disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform.component-checkbox--dark:disabled input[type=checkbox] + .mask {
    --border-color: var(--grey-75);
    --background-color: var(--grey-25);
    --check-color: var(--grey-75);
  }
  .synapse-app .component-checkbox.platform.component-checkbox--dark.invalid input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.platform.component-checkbox--dark.invalid input[type=checkbox] + .mask {
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-checkbox.goodmed {
    --size: 18px;
    --background-color: var(--white);
    --border-color: var(--grey-25);
  }
  .synapse-app .component-checkbox.goodmed input[type=checkbox]:checked + .mask {
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-checkbox.goodmed.disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed.disabled input[type=checkbox] + .mask, .synapse-app .component-checkbox.goodmed:disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed:disabled input[type=checkbox] + .mask {
    --border-color: var(--grey-25);
    --background-color: var(--grey-0);
    --check-color: var(--grey-25);
    cursor: not-allowed;
  }
  .synapse-app .component-checkbox.goodmed.invalid input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed.invalid input[type=checkbox] + .mask {
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-checkbox.goodmed.component-checkbox--dark {
    --background-color: transparent;
    --border-color: var(--white);
  }
  .synapse-app .component-checkbox.goodmed.component-checkbox--dark input[type=checkbox]:checked + .mask {
    --background-color: var(--white);
    --border-color: var(--white);
    --check-color: var(--brand-primary);
  }
  .synapse-app .component-checkbox.goodmed.component-checkbox--dark.disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed.component-checkbox--dark.disabled input[type=checkbox] + .mask, .synapse-app .component-checkbox.goodmed.component-checkbox--dark:disabled input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed.component-checkbox--dark:disabled input[type=checkbox] + .mask {
    --border-color: var(--grey-50);
    --background-color: var(--grey-0);
    --check-color: var(--grey-50);
  }
  .synapse-app .component-checkbox.goodmed.component-checkbox--dark.invalid input[type=checkbox]:checked + .mask,
.synapse-app .component-checkbox.goodmed.component-checkbox--dark.invalid input[type=checkbox] + .mask {
    --background-color: var(--alert-100-light);
    --border-color: var(--alert-100);
  }
  .synapse-app .component-search.goodmed .component-input, .synapse-app .component-search.goodmed .component-multi-select {
    --placeholder-color: var(--grey-75);
  }
  .synapse-app .component-search {
    --border-color: var(--grey-50);
    --border-radius: var(--rounded-100);
  }
  .synapse-app .component-search .component-input .component-icon svg, .synapse-app .component-search .component-multi-select .component-icon svg {
    --light: transparent;
    --dark: var(--grey-75);
  }
  .synapse-app .component-search .component-input:not(.empty) .component-icon svg, .synapse-app .component-search .component-multi-select:not(.empty) .component-icon svg {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-search .options {
    border: 1px solid var(--border-color);
    border-top: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: var(--white);
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
  }
  .synapse-app .component-search .options .option {
    cursor: pointer;
  }
  .synapse-app .component-search .options .option:not(:first-of-type) {
    position: relative;
  }
  .synapse-app .component-search .options .option:not(:first-of-type)::before {
    position: absolute;
    top: 0;
    left: 2.5%;
    content: "";
    display: block;
    border-top: 1px solid var(--brand-primary-light);
    width: 95%;
  }
  .synapse-app .component-search .options .option:last-of-type {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .synapse-app .component-search .options .option:hover, .synapse-app .component-search .options .option[aria-selected=true] {
    background-color: var(--brand-primary-light);
  }
  .synapse-app .component-search.expanded {
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-search.expanded .input-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .component-search:not(.disabled):not(:disabled):focus .component-icon svg, .synapse-app .component-search:not(.disabled):not(:disabled):focus-within .component-icon svg {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-search.disabled .component-input .after-props .component-icon, .synapse-app .component-search.disabled .component-multi-select .after-props .component-icon, .synapse-app .component-search:disabled .component-input .after-props .component-icon, .synapse-app .component-search:disabled .component-multi-select .after-props .component-icon {
    display: none;
  }
  .synapse-app .component-toggle {
    --border-color: var(--grey-25);
    --text-color: var(--brand-primary);
    --background-color: var(--white);
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-2);
    --border-radius: var(--rounded-100);
    --dp: unset;
    --height: unset;
    display: inline-block;
    position: relative;
    user-select: none;
    z-index: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    height: var(--height);
    white-space: nowrap;
    background-color: var(--background-color);
  }
  .synapse-app .component-toggle input[type=radio] {
    display: none;
  }
  .synapse-app .component-toggle label {
    margin-bottom: 0;
    position: relative;
    color: var(--text-color);
    background-color: var(--background-color);
    box-shadow: var(--dp);
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
    height: 100%;
    display: inline-flex;
    align-items: center;
  }
  .synapse-app .component-toggle label:first-of-type {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  .synapse-app .component-toggle label:last-of-type {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .synapse-app .component-toggle input[type=radio]:checked + label {
    --background-color: var(--brand-primary);
    --text-color: var(--white);
    --dp: 4px 4px 4px rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius);
  }
  .synapse-app .component-toggle input[type=radio]:checked + label .component-icon svg {
    --light: var(--brand-primary);
    --dark: var(--white);
  }
  .synapse-app .component-toggle.disabled {
    --background-color: var(--grey-0);
  }
  .synapse-app .component-toggle.disabled label {
    --border-color: var(--grey-50);
    --text-color: var(--grey-75);
  }
  .synapse-app .component-toggle.disabled label .component-icon svg {
    --light: var(--grey-0);
    --dark: var(--grey-75);
  }
  .synapse-app .component-toggle.goodmed {
    --height: 52px;
  }
  .synapse-app .component-toggle.platform {
    --height: 48px;
  }
  .synapse-app .component-input-with-select.platform,
.synapse-app .component-input-with-select.goodmed {
    --parent-text-color: var(--text-color);
    --parent-border-color: var(--border-color);
    --parent-background-color: var(--background-color);
  }
  .synapse-app .component-input-with-select.platform > .input-wrapper,
.synapse-app .component-input-with-select.goodmed > .input-wrapper {
    padding-right: 0;
    border-right: 0;
  }
  .synapse-app .component-input-with-select.platform > .input-wrapper > .after-props,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props {
    right: 0;
  }
  .synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-divider,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-divider {
    background-color: var(--grey-75);
    height: 16px;
  }
  .synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select,
.synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select:not(.empty),
.synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select.disabled:not(.empty),
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select:not(.empty),
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select.disabled:not(.empty) {
    margin-top: 0;
    --background-color: white;
    --text-color: var(--parent-text-color);
    --background-color: var(--parent-background-color);
    --border-color: var(--parent-border-color);
    --padding-x: var(--spacing-2);
    --chevron-padding-left: var(--spacing-2);
  }
  .synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select > .input-wrapper,
.synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select:not(.empty) > .input-wrapper,
.synapse-app .component-input-with-select.platform > .input-wrapper > .after-props .component-multi-select.disabled:not(.empty) > .input-wrapper,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select > .input-wrapper,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select:not(.empty) > .input-wrapper,
.synapse-app .component-input-with-select.goodmed > .input-wrapper > .after-props .component-multi-select.disabled:not(.empty) > .input-wrapper {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: var(--spacing-3);
  }
  .synapse-app .component-suggestion-select {
    --border-color: var(--grey-50);
  }
  .synapse-app .component-suggestion-select .component-input .before-props .component-icon svg, .synapse-app .component-suggestion-select .component-multi-select .before-props .component-icon svg {
    --light: transparent;
  }
  .synapse-app .component-suggestion-select .component-input .before-props .after-props .component-loader div, .synapse-app .component-suggestion-select .component-multi-select .before-props .after-props .component-loader div {
    width: 16px;
    height: 16px;
  }
  .synapse-app .component-suggestion-select .options {
    border: 1px solid var(--border-color);
    border-top: 0;
    border-bottom-left-radius: var(--rounded-100);
    border-bottom-right-radius: var(--rounded-100);
    background-color: var(--white);
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
    max-height: calc(4 * 56px + 28px);
    overflow: auto;
  }
  .synapse-app .component-suggestion-select .options .option {
    cursor: pointer;
  }
  .synapse-app .component-suggestion-select .options .option:not(:first-of-type) {
    position: relative;
  }
  .synapse-app .component-suggestion-select .options .option:not(:first-of-type)::before {
    position: absolute;
    top: 0;
    left: 2.5%;
    content: "";
    display: block;
    border-top: 1px solid var(--brand-primary-light);
    width: 95%;
  }
  .synapse-app .component-suggestion-select .options .option:last-of-type {
    border-bottom-left-radius: var(--rounded-50);
    border-bottom-right-radius: var(--rounded-50);
  }
  .synapse-app .component-suggestion-select .options .option:hover, .synapse-app .component-suggestion-select .options .option[aria-selected=true] {
    background-color: var(--brand-primary-light);
  }
  .synapse-app .component-suggestion-select.expanded .component-input .input-wrapper, .synapse-app .component-suggestion-select.expanded .component-multi-select .input-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .component-suggestion-select:not(.disabled):focus-within, .synapse-app .component-suggestion-select:not(.disabled).expanded {
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-suggestion-select:not(.disabled):focus-within .component-input .input-wrapper, .synapse-app .component-suggestion-select:not(.disabled):focus-within .component-multi-select .input-wrapper, .synapse-app .component-suggestion-select:not(.disabled).expanded .component-input .input-wrapper, .synapse-app .component-suggestion-select:not(.disabled).expanded .component-multi-select .input-wrapper {
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-select.component-multi-select .component-tag {
    display: none !important;
  }
  .synapse-app .component-select.component-multi-select .component-checkbox {
    display: none !important;
  }
  @keyframes counter-delay {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .synapse-app .component-multi-select {
    --chevron-padding-left: var(--spacing-25);
    --options-background-color: var(--white);
    --options-border-color: var(--grey-0);
    --options-hover-color: var(--brand-primary-light);
    --counter-text-color: var(--brand-primary-light);
    --counter-background-color: var(--brand-primary);
    --counter-border-radius: var(--rounded-50);
    --counter-padding-x: var(--spacing-1);
    user-select: none;
  }
  .synapse-app .component-multi-select select {
    display: none;
  }
  .synapse-app .component-multi-select .input-wrapper > div {
    display: flex;
    align-items: center;
  }
  .synapse-app .component-multi-select .input-wrapper > div .value {
    flex: 0 1 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .synapse-app .component-multi-select .input-wrapper > div .value .component-chip {
    --padding-y: calc(var(--spacing-1) / 2);
  }
  .synapse-app .component-multi-select .input-wrapper > div .value .component-chip + .component-chip {
    margin-left: var(--spacing-2);
  }
  .synapse-app .component-multi-select .input-wrapper .component-tag {
    opacity: 0;
    animation: counter-delay 0s ease 50ms forwards;
    --background-color: var(--counter-background-color);
    --text-color: var(--counter-text-color);
    --border-color: var(--counter-background-color);
    --border-radius: var(--counter-border-radius);
    --padding-x: var(--counter-padding-x);
    margin-right: var(--spacing-1);
  }
  .synapse-app .component-multi-select .input-wrapper > .component-icon {
    padding-left: var(--chevron-padding-left);
  }
  .synapse-app .component-multi-select .options {
    border: 1px solid var(--border-color);
    border-top: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: var(--options-background-color);
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
  }
  .synapse-app .component-multi-select .options .option {
    cursor: pointer;
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    user-select: none;
    display: flex;
    align-items: center;
  }
  .synapse-app .component-multi-select .options .option * {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .synapse-app .component-multi-select .options .option:not(:first-of-type) {
    position: relative;
  }
  .synapse-app .component-multi-select .options .option:not(:first-of-type)::before {
    position: absolute;
    top: 0;
    left: 2.5%;
    content: "";
    display: block;
    border-top: 1px solid var(--options-border-color);
    width: 95%;
  }
  .synapse-app .component-multi-select .options .option:last-of-type {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .synapse-app .component-multi-select .options .option:hover {
    background-color: var(--options-hover-color);
  }
  .synapse-app .component-multi-select .options .option[aria-disabled=true] {
    pointer-events: none;
    color: var(--grey-75);
  }
  .synapse-app .component-multi-select:not(.disabled):not(:disabled):focus-within {
    --border-color: var(--grey-25);
  }
  .synapse-app .component-multi-select:not(.disabled):not(:disabled).expanded {
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-multi-select:not(.disabled):not(:disabled).expanded .input-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .synapse-app .component-multi-select.disabled .component-tag,
.synapse-app .component-multi-select :disabled .component-tag {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-75);
  }
  .synapse-app .component-multi-select.platform {
    --options-background-color: var(--white);
    --options-border-color: var(--grey-0);
    --options-hover-color: var(--brand-primary-light);
    --counter-text-color: var(--brand-primary-light);
    --counter-background-color: var(--brand-primary);
    --counter-border-radius: var(--rounded-150);
    --counter-padding-x: var(--spacing-25);
  }
  .synapse-app .component-multi-select.goodmed {
    --options-background-color: var(--white);
    --options-border-color: var(--grey-0);
    --options-hover-color: var(--brand-primary-light);
    --counter-text-color: var(--brand-primary);
    --counter-background-color: var(--brand-primary-light);
    --counter-border-radius: var(--rounded-75);
    --counter-padding-x: var(--spacing-1);
  }
  .synapse-app .component-global-loader > .wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200;
    background-color: rgba(232, 240, 245, 0.8);
    transform: scaleX(1) scaleY(1);
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .synapse-app .component-global-loader > .wrapper:not(.visible) {
    transform: scaleX(0) scaleY(0);
    opacity: 0;
  }
  .synapse-app .component-global-loader > .wrapper .component-loader > div {
    width: 60px;
    height: 60px;
    margin: auto;
  }
  .synapse-app .component-loader > div {
    display: inline-block;
  }
  .synapse-app .component-animation {
    width: 100%;
    height: 100%;
  }
  .synapse-app .component-animation canvas {
    object-fit: contain;
  }
  .synapse-app .component-tooltip-v1 {
    --background-color: rgba(0, 0, 0, 0.8);
    --text-color: var(--white);
    --border-radius: var(--rounded-25);
    --padding: var(--spacing-1);
    position: relative;
    display: inline-block;
    cursor: default;
  }
  .synapse-app .component-tooltip-v1 > .component-tooltip-v1__notice {
    display: none;
    position: absolute;
    top: 100%;
    left: 100%;
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    padding: var(--padding);
    width: max-content;
    color: var(--text-color);
  }
  .synapse-app .component-tooltip-v1:hover > .component-tooltip-v1__notice {
    display: initial;
  }
  @keyframes new-goodmed {
    0% {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(10%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes new-platform {
    0% {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(-10%);
    }
    100% {
      transform: translateY(0);
    }
  }
  .synapse-app .component-mount-point {
    position: fixed;
    z-index: 1;
  }
  .synapse-app .component-mount-point.goodmed {
    top: 0;
    bottom: initial;
    left: 0;
    width: 100%;
  }
  .synapse-app .component-mount-point.goodmed.new {
    animation-name: new-goodmed;
  }
  .synapse-app .component-mount-point.platform {
    top: initial;
    bottom: 0;
    z-index: 200;
    width: 35vw;
    min-width: 300px;
    max-width: 95%;
    left: 0;
    right: 0;
    margin: 0px auto;
  }
  .synapse-app .component-mount-point.platform.new {
    animation-name: new-platform;
  }
  .synapse-app .component-mount-point.new {
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
  }
  .synapse-app .component-mount-point .component-feedback {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }
  .synapse-app .component-mount-point .feedback {
    transition: transform 0.4s ease, opacity 0.2s ease;
  }
  .synapse-app .component-mount-point .feedback.closing {
    transform: translateX(100%);
    opacity: 0;
  }
  .synapse-app .component-feedback {
    --border-radius: unset;
    --padding: unset;
    border-radius: var(--border-radius);
    padding: var(--padding);
  }
  .synapse-app .component-feedback .indicator {
    margin-right: var(--padding);
  }
  .synapse-app .component-feedback.platform {
    --border-radius: var(--rounded-50);
    --padding: var(--spacing-25);
  }
  .synapse-app .component-feedback.bg-brand-primary.platform {
    color: var(--white);
  }
  .synapse-app .component-feedback.bg-brand-primary.platform .component-icon {
    --dark: var(--white);
    --light: transparent;
  }
  .synapse-app .component-feedback.goodmed {
    --border-radius: var(--rounded-25);
    --padding: var(--spacing-2);
  }
  .synapse-app .component-feedback.bg-alert-0.platform {
    color: var(--brand-primary);
  }
  .synapse-app .component-feedback.bg-alert-0.platform .component-icon {
    --dark: var(--brand-primary);
    --light: var(--brand-primary);
  }
  .synapse-app .component-feedback.bg-alert-100.platform {
    color: var(--white);
  }
  .synapse-app .component-feedback.bg-alert-100.platform .component-icon {
    --dark: var(--white);
    --light: transparent;
  }
  .synapse-app .component-notice.goodmed.component-notice--alert-0 {
    --background-color: var(--alert-0-light);
  }
  .synapse-app .component-notice.goodmed.component-notice--alert-50 {
    --background-color: var(--alert-50-light);
  }
  .synapse-app .component-notice.goodmed.component-notice--alert-100 {
    --background-color: var(--alert-100-light);
  }
  .synapse-app .component-notice.platform.component-notice--alert-0 {
    --background-color: var(--alert-0-light);
  }
  .synapse-app .component-notice.platform.component-notice--alert-50 {
    --background-color: var(--alert-50-light);
  }
  .synapse-app .component-notice.platform.component-notice--alert-100 {
    --background-color: var(--alert-100-light);
  }
  .synapse-app .component-notice {
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-25);
    --background-color: var(--brand-primary-light);
    --border-radius: var(--rounded-50);
    display: flex;
    align-items: flex-start;
    font-size: var(--text-75);
    font-weight: 400;
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
    background-color: var(--background-color);
    border-radius: var(--border-radius);
  }
  .synapse-app .component-notice > .component-icon svg {
    --light: transparent;
  }
  .synapse-app .component-alert {
    --border-radius: var(--rounded-25);
    --padding: var(--spacing-2);
    --icon-wrapper-size: 24px;
    --icon-wrapper-icon-size: 16px;
    border-radius: var(--border-radius);
    padding: var(--padding);
  }
  .synapse-app .component-alert .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    width: var(--icon-wrapper-size);
    height: var(--icon-wrapper-size);
    margin-right: var(--padding);
  }
  .synapse-app .component-alert .icon-wrapper .component-icon svg {
    width: var(--icon-wrapper-icon-size);
    height: var(--icon-wrapper-icon-size);
  }
  .synapse-app .component-alert.platform {
    --border-radius: var(--rounded-50);
    font-weight: 500;
    font-size: var(--text-75);
  }
  .synapse-app .component-alert.bg-brand-primary.platform {
    color: var(--white);
  }
  .synapse-app .component-alert.bg-brand-primary.platform .component-icon {
    --dark: var(--white);
    --light: transparent;
  }
  .synapse-app .component-alert.goodmed {
    --padding: var(--spacing-25);
  }
  .synapse-app .component-navigation.goodmed {
    --text-color: var(--grey-75);
    font-size: var(--text-75);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: var(--dp-75);
    font-family: var(--font-family-secondary);
  }
  .synapse-app .component-navigation.goodmed .entry {
    color: var(--text-color);
  }
  .synapse-app .component-navigation.goodmed .entry .component-icon svg {
    --dark: var(--grey-75);
    --light: var(--white);
    width: 30px;
    height: 30px;
  }
  .synapse-app .component-navigation.goodmed .entry.active {
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-navigation.goodmed .entry.active .component-icon svg {
    --dark: var(--brand-primary);
    --light: var(--brand-primary-light);
    width: 30px;
    height: 30px;
  }
  .synapse-app .component-navigation.goodmed .entry.toast .component-icon {
    position: relative;
  }
  .synapse-app .component-navigation.goodmed .entry.toast .component-icon::before {
    position: absolute;
    right: calc(var(--spacing-1) / -2);
    top: var(--spacing-1);
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100%;
    display: block;
    background-color: var(--brand-primary);
  }
  .synapse-app .component-navigation.platform {
    height: 54px;
  }
  .synapse-app .component-navigation.platform .entry {
    position: relative;
    color: var(--grey-25);
  }
  .synapse-app .component-navigation.platform .entry::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: var(--brand-secondary-dark);
    transform: scaleX(0);
    transition: transform 0.2s ease;
    border-radius: 10px;
  }
  .synapse-app .component-navigation.platform .entry.active::after, .synapse-app .component-navigation.platform .entry:hover::after {
    transform: scaleX(1);
  }
  .synapse-app .component-tab.platform {
    --text-color: var(--grey-75);
    --text-color-active: var(--brand-primary);
    --background-color-active: var(--brand-primary);
    --font-family: var(--font-family-secondary);
    --border-radius: var(--rounded-125);
  }
  .synapse-app .component-tab.platform .entry.active::after {
    border-radius: var(--border-radius);
  }
  .synapse-app .component-tab {
    font-family: var(--font-family);
  }
  .synapse-app .component-tab .entry {
    color: var(--text-color);
    font-weight: 500;
    position: relative;
  }
  .synapse-app .component-tab .entry.active {
    --text-color: var(--text-color-active);
  }
  .synapse-app .component-tab .entry.active::after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    background-color: var(--background-color-active);
    margin-top: var(--spacing-3);
  }
  .synapse-app .component-tab .entry.active:first-of-type::after {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  .synapse-app .component-tab .entry.active:last-of-type::after {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  .synapse-app .component-tab .line {
    height: 3px;
    width: 100%;
    background-color: var(--grey-25);
    border-radius: var(--rounded-100);
  }
  .synapse-app .component-tab.goodmed {
    --text-color: var(--grey-75);
    --text-color-active: var(--grey-100);
    --background-color-active: var(--brand-sixth);
    --font-family: var(--font-family-secondary);
    --border-radius: var(--rounded-100);
  }
  .synapse-app .component-divider {
    height: 1px;
    width: 100%;
    background-color: var(--grey-25);
    border-radius: var(--rounded-75);
    border-top: none;
  }
  .synapse-app .component-divider.component-divider--vertical {
    height: 100%;
    width: 1px;
  }
  .synapse-app .component-button.component-button-small.goodmed {
    --border-radius: var(--rounded-75);
    --padding-x: var(--spacing-25);
    --padding-y: var(--spacing-2);
    --background-color: var(--brand-primary-light);
    --text-color: var(--brand-primary);
    --border-color: var(--brand-primary-light);
  }
  .synapse-app .component-button.component-button-small.goodmed.component-button-small--secondary {
    --border-color: var(--grey-25);
    --background-color: var(--white);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.goodmed.component-button-small--deleted {
    --background-color: var(--brand-quaternary-light);
    --border-color: var(--brand-quaternary-light);
    --text-color: var(--brand-quaternary);
  }
  .synapse-app .component-button.component-button-small.goodmed:disabled, .synapse-app .component-button.component-button-small.goodmed.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-small.platform {
    --padding-x: var(--spacing-2);
    --padding-y: var(--spacing-1);
    --border-radius: var(--rounded-100);
    --font-size: var(--text-75);
    font-weight: 500;
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--primary {
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--primary:hover {
    --background-color: var(--brand-primary-dark);
    --border-color: var(--brand-primary-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--secondary {
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--secondary:hover {
    --background-color: var(--brand-secondary-dark);
    --border-color: var(--brand-secondary-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-0 {
    --background-color: var(--alert-0);
    --border-color: var(--alert-0);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-0:hover {
    --background-color: var(--alert-0-dark);
    --border-color: var(--alert-0-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-25 {
    --background-color: var(--alert-25);
    --border-color: var(--alert-25);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-25:hover {
    --background-color: var(--alert-25-dark);
    --border-color: var(--alert-25-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-50 {
    --background-color: var(--alert-50);
    --border-color: var(--alert-50);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-50:hover {
    --background-color: var(--alert-50-dark);
    --border-color: var(--alert-50-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-75 {
    --background-color: var(--alert-75);
    --border-color: var(--alert-75);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-75:hover {
    --background-color: var(--alert-75-dark);
    --border-color: var(--alert-75-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-100 {
    --background-color: var(--alert-100);
    --border-color: var(--alert-100);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-100:hover {
    --background-color: var(--alert-100-dark);
    --border-color: var(--alert-100-dark);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-125 {
    --background-color: var(--alert-125);
    --border-color: var(--alert-125);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-small.platform:not(.disabled):not(:disabled).component-button-small--alert-125:hover {
    --background-color: var(--alert-125-dark);
    --border-color: var(--alert-125-dark);
  }
  .synapse-app .component-button.component-button-link.goodmed {
    --border-color: var(--brand-primary);
    --padding-x: 0;
    --padding-y: 0;
    --background-color: transparent;
    --text-color: var(--brand-primary);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1.5px solid var(--border-color);
    border-radius: 0;
  }
  .synapse-app .component-button.component-button-link.goodmed:disabled, .synapse-app .component-button.component-button-link.goodmed.disabled {
    --background-color: transparent;
  }
  .synapse-app .component-button.component-button-link.platform {
    --border-radius: 0;
    --border-color: transparent;
    --text-color: var(--brand-primary);
    --padding-y: 0;
    --padding-x: 0;
    --background-color: transparent;
    border: none;
    border-bottom: 1.5px solid var(--border-color);
  }
  .synapse-app .component-button.component-button-link.platform:hover {
    --background-color: transparent;
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon-text.goodmed .component-icon {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon-text.goodmed:hover, .synapse-app .component-button.component-button-icon-text.goodmed:active {
    --background-color: var(--brand-primary-light);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon-text.goodmed:hover .component-icon, .synapse-app .component-button.component-button-icon-text.goodmed:active .component-icon {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon-text.goodmed:disabled, .synapse-app .component-button.component-button-icon-text.goodmed.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon-text.goodmed:disabled .component-icon, .synapse-app .component-button.component-button-icon-text.goodmed.disabled .component-icon {
    --light: var(--grey-50);
    --dark: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.platform {
    --border-radius: 100%;
    --padding-x: var(--spacing-2);
    --padding-y: var(--spacing-2);
    --background-color: var(--grey-0);
    --border-color: var(--grey-25);
  }
  .synapse-app .component-button.component-button-icon.platform:hover {
    --background-color: var(--grey-25);
  }
  .synapse-app .component-button.component-button-icon.platform:disabled .component-icon, .synapse-app .component-button.component-button-icon.platform.disabled .component-icon {
    --dark: var(--grey-75);
    --light: var(--grey-75);
  }
  .synapse-app .component-button.component-button-icon.goodmed {
    --border-color: var(--grey-25);
    --background-color: var(--brand-primary);
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-3);
  }
  .synapse-app .component-button.component-button-icon.goodmed .component-icon {
    --light: var(--white);
    --dark: var(--white);
  }
  .synapse-app .component-button.component-button-icon.goodmed:hover, .synapse-app .component-button.component-button-icon.goodmed:active {
    --background-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon.goodmed:hover .component-icon, .synapse-app .component-button.component-button-icon.goodmed:active .component-icon {
    --light: var(--white);
    --dark: var(--white);
  }
  .synapse-app .component-button.component-button-icon.goodmed:disabled, .synapse-app .component-button.component-button-icon.goodmed.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.goodmed:disabled .component-icon, .synapse-app .component-button.component-button-icon.goodmed.disabled .component-icon {
    --light: var(--grey-50);
    --dark: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary {
    --background-color: var(--white);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary .component-icon {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:hover, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:active {
    --background-color: var(--white);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:hover .component-icon, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:active .component-icon {
    --light: var(--brand-primary);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:disabled, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary:disabled .component-icon, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--secondary.disabled .component-icon {
    --light: var(--grey-50);
    --dark: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary {
    --background-color: var(--brand-primary-light);
    --border-color: transparent;
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary .component-icon {
    --light: var(--brand-primary-light);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:hover, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:active {
    --background-color: var(--brand-primary-light);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:hover .component-icon, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:active .component-icon {
    --light: var(--brand-primary);
    --dark: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:disabled, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary:disabled .component-icon, .synapse-app .component-button.component-button-icon.goodmed.component-button-icon--tertiary.disabled .component-icon {
    --light: var(--grey-50);
    --dark: var(--grey-50);
  }
  .synapse-app .component-button.component-button-back {
    --text-color: var(--grey-100);
    color: var(--text-color);
  }
  .synapse-app .component-button.component-button-back .component-icon svg {
    --dark: currentColor;
    --light: currentColor;
  }
  .synapse-app .component-button.component-button-back.goodmed {
    --border-color: transparent;
    --padding-x: 0;
    --padding-y: 0;
    --background-color: transparent;
    --text-color: var(--grey-100);
    font-weight: bold;
  }
  .synapse-app .component-button {
    font-family: var(--font-family);
    font-size: var(--font-size);
    background-color: var(--background-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
  }
  .synapse-app .component-button.goodmed {
    --font-family: var(--font-family-secondary);
    --font-size: var(--text-100);
    --background-color: var(--brand-primary);
    --text-color: var(--white);
    --border-color: var(--brand-primary);
    --border-radius: var(--rounded-125);
    --padding-x: var(--spacing-4);
    --padding-y: var(--spacing-25);
  }
  .synapse-app .component-button.goodmed:disabled, .synapse-app .component-button.goodmed.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.goodmed:disabled:hover, .synapse-app .component-button.goodmed:disabled:active, .synapse-app .component-button.goodmed.disabled:hover, .synapse-app .component-button.goodmed.disabled:active {
    transform: none;
  }
  .synapse-app .component-button.goodmed:active {
    transition: transform 0.1s ease;
    transform: scale(95%, 95%);
  }
  .synapse-app .component-button.goodmed:not(:active) {
    transition: transform 0.1s ease;
    transform: scale(100%, 100%);
  }
  @media (hover: hover) {
    .synapse-app .component-button.goodmed:hover {
      transition: transform 0.1s ease;
      transform: scale(95%, 95%);
    }
    .synapse-app .component-button.goodmed:not(:hover) {
      transition: transform 0.1s ease;
      transform: scale(100%, 100%);
    }
  }
  .synapse-app .component-button.platform {
    --font-family: var(--font-family-secondary);
    --font-size: var(--text-100);
    --background-color: var(--white);
    --text-color: var(--brand-primary);
    --border-color: var(--grey-25);
    --border-radius: var(--rounded-50);
    --padding-x: var(--spacing-4);
    --padding-y: var(--spacing-3);
  }
  .synapse-app .component-button.platform:disabled, .synapse-app .component-button.platform.disabled {
    --background-color: var(--grey-0);
    --border-color: var(--grey-25);
    --text-color: var(--grey-75);
    pointer-events: none;
  }
  .synapse-app .component-button.platform:disabled:hover, .synapse-app .component-button.platform:disabled:active, .synapse-app .component-button.platform.disabled:hover, .synapse-app .component-button.platform.disabled:active {
    transform: none;
  }
  @media (hover: hover) {
    .synapse-app .component-button.platform:hover {
      --background-color: var(--grey-25);
    }
  }
  .synapse-app .component-button.component-button-big.goodmed {
    --font-family: var(--font-family-secondary);
    --font-size: var(--text-100);
    --border-radius: var(--rounded-150);
    --padding-x: var(--spacing-45);
    --padding-y: var(--spacing-3);
  }
  .synapse-app .component-button.component-button-big.goodmed.component-button-big--secondary:not(.disabled):not(:disabled) {
    --background-color: var(--brand-primary-light);
    --text-color: var(--brand-primary);
    --border-color: var(--brand-primary-light);
  }
  .synapse-app .component-button.component-button-big.platform {
    --font-size: var(--text-125);
    --border-radius: var(--rounded-100);
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-25);
    font-weight: 500;
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--primary {
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--primary:hover {
    --background-color: var(--brand-primary-dark);
    --border-color: var(--brand-primary-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--secondary {
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--secondary:hover {
    --background-color: var(--brand-secondary-dark);
    --border-color: var(--brand-secondary-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-0 {
    --background-color: var(--alert-0);
    --border-color: var(--alert-0);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-0:hover {
    --background-color: var(--alert-0-dark);
    --border-color: var(--alert-0-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-25 {
    --background-color: var(--alert-25);
    --border-color: var(--alert-25);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-25:hover {
    --background-color: var(--alert-25-dark);
    --border-color: var(--alert-25-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-50 {
    --background-color: var(--alert-50);
    --border-color: var(--alert-50);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-50:hover {
    --background-color: var(--alert-50-dark);
    --border-color: var(--alert-50-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-75 {
    --background-color: var(--alert-75);
    --border-color: var(--alert-75);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-75:hover {
    --background-color: var(--alert-75-dark);
    --border-color: var(--alert-75-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-100 {
    --background-color: var(--alert-100);
    --border-color: var(--alert-100);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-100:hover {
    --background-color: var(--alert-100-dark);
    --border-color: var(--alert-100-dark);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-125 {
    --background-color: var(--alert-125);
    --border-color: var(--alert-125);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-big.platform:not(.disabled):not(:disabled).component-button-big--alert-125:hover {
    --background-color: var(--alert-125-dark);
    --border-color: var(--alert-125-dark);
  }
  .synapse-app .component-button.component-button-medium.goodmed.component-button-medium--secondary {
    --background-color: var(--brand-primary-light);
    --text-color: var(--brand-primary);
    --border-color: var(--brand-primary-light);
  }
  .synapse-app .component-button.component-button-medium.platform {
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-25);
    --border-radius: var(--rounded-100);
    --font-size: var(--text-75);
    font-weight: 500;
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--primary {
    --background-color: var(--brand-primary);
    --border-color: var(--brand-primary);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--primary:hover {
    --background-color: var(--brand-primary-dark);
    --border-color: var(--brand-primary-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--secondary {
    --background-color: var(--brand-secondary);
    --border-color: var(--brand-secondary);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--secondary:hover {
    --background-color: var(--brand-secondary-dark);
    --border-color: var(--brand-secondary-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-0 {
    --background-color: var(--alert-0);
    --border-color: var(--alert-0);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-0:hover {
    --background-color: var(--alert-0-dark);
    --border-color: var(--alert-0-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-25 {
    --background-color: var(--alert-25);
    --border-color: var(--alert-25);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-25:hover {
    --background-color: var(--alert-25-dark);
    --border-color: var(--alert-25-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-50 {
    --background-color: var(--alert-50);
    --border-color: var(--alert-50);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-50:hover {
    --background-color: var(--alert-50-dark);
    --border-color: var(--alert-50-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-75 {
    --background-color: var(--alert-75);
    --border-color: var(--alert-75);
    --text-color: var(--brand-primary);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-75:hover {
    --background-color: var(--alert-75-dark);
    --border-color: var(--alert-75-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-100 {
    --background-color: var(--alert-100);
    --border-color: var(--alert-100);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-100:hover {
    --background-color: var(--alert-100-dark);
    --border-color: var(--alert-100-dark);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-125 {
    --background-color: var(--alert-125);
    --border-color: var(--alert-125);
    --text-color: var(--white);
  }
  .synapse-app .component-button.component-button-medium.platform:not(.disabled):not(:disabled).component-button-medium--alert-125:hover {
    --background-color: var(--alert-125-dark);
    --border-color: var(--alert-125-dark);
  }
  .synapse-app .component-button.component-button-choice.goodmed {
    --background-color: var(--white);
    --border-color: var(--grey-25);
    --text-color: var(--brand-primary);
    --border-radius: var(--rounded-100);
    --padding-x: var(--spacing-4);
    --padding-y: var(--spacing-4);
    width: 100%;
  }
  .synapse-app .component-button.component-button-choice.goodmed:disabled, .synapse-app .component-button.component-button-choice.goodmed.disabled {
    --background-color: var(--grey-25);
    --border-color: var(--grey-25);
    --text-color: var(--grey-50);
  }
  .synapse-app .component-button.component-button-choice.goodmed.component-button-choice--small {
    width: auto;
    --padding-x: var(--spacing-3);
    --padding-y: var(--spacing-3);
  }
  .synapse-app input:checked + .component-button-choice.goodmed:not(:disabled):not(.disabled) {
    --background-color: var(--brand-primary-light);
    --border-color: var(--brand-primary);
  }
  .synapse-app .component-switch.goodmed {
    --height: 28px;
    --overlap: 8px;
    --options: 2;
  }
  .synapse-app .component-switch.goodmed.component-switch--light {
    --bg-color-active: var(--brand-primary);
    --border-color-active: var(--brand-primary);
    --ball-color-active: var(--white);
    --bg-color-default: var(--grey-50);
    --border-color-default: var(--grey-50);
    --ball-color-default: var(--white);
    --bg-color-disabled: var(--grey-0);
    --border-color-disabled: var(--grey-25);
    --ball-color-disabled: var(--grey-25);
  }
  .synapse-app .component-switch.goodmed.component-switch--dark {
    --bg-color-active: var(--white);
    --border-color-active: var(--white);
    --ball-color-active: var(--brand-primary);
    --bg-color-default: var(--brand-primary);
    --border-color-default: var(--white);
    --ball-color-default: var(--white);
    --bg-color-disabled: var(--grey-25);
    --border-color-disabled: var(--grey-50);
    --ball-color-disabled: var(--grey-50);
  }
  .synapse-app .component-switch.goodmed .slide-custom input ~ .bg-ball {
    width: calc(var(--options) * (var(--height) - 4px));
  }
  .synapse-app .component-switch.platform {
    --height: 16px;
    --overlap: 4px;
    --options: 2;
  }
  .synapse-app .component-switch.platform.component-switch--light {
    --bg-color-active: var(--brand-primary);
    --border-color-active: var(--brand-primary);
    --ball-color-active: var(--white);
    --bg-color-default: var(--grey-50);
    --border-color-default: var(--grey-50);
    --ball-color-default: var(--white);
    --bg-color-disabled: var(--grey-0);
    --border-color-disabled: var(--grey-25);
    --ball-color-disabled: var(--grey-25);
  }
  .synapse-app .component-switch.platform.component-switch--dark {
    --bg-color-active: var(--white);
    --border-color-active: var(--white);
    --ball-color-active: var(--brand-primary);
    --bg-color-default: var(--brand-primary);
    --border-color-default: var(--white);
    --ball-color-default: var(--white);
    --bg-color-disabled: var(--grey-0);
    --border-color-disabled: var(--grey-75);
    --ball-color-disabled: var(--grey-75);
  }
  .synapse-app .component-switch.platform .slide-custom input ~ .bg-ball {
    width: calc(var(--options) * var(--height));
  }
  .synapse-app .component-switch {
    --bg-color-active: unset;
    --border-color-active: unset;
    --ball-color-active: unset;
    --bg-color-default: unset;
    --border-color-default: unset;
    --ball-color-default: unset;
    --bg-color-disabled: unset;
    --border-color-disabled: unset;
    --ball-color-disabled: unset;
    --height: unset;
    --overlap: unset;
    --options: unset;
    --background-color: var(--bg-color-active);
    --border-color: var(--border-color-active);
    --ball-color: var(--ball-color-active);
    display: inline-block;
  }
  .synapse-app .component-switch.disabled {
    --background-color: var(--bg-color-disabled);
    --border-color: var(--border-color-disabled);
    --ball-color: var(--ball-color-disabled);
  }
  .synapse-app .component-switch.disabled .slide-custom input:not(:checked) ~ .bg-ball {
    --background-color: var(--bg-color-disabled);
    --border-color: var(--border-color-disabled);
    --ball-color: var(--ball-color-disabled);
  }
  .synapse-app .component-switch.disabled .slide-custom input:not(:checked) ~ .bg-ball .ball {
    --ball-color: var(--ball-color-disabled);
  }
  .synapse-app .component-switch .slide-custom {
    cursor: pointer;
    padding: 0;
    height: var(--height);
  }
  .synapse-app .component-switch .slide-custom input {
    display: none;
  }
  .synapse-app .component-switch .slide-custom input ~ .bg-ball {
    z-index: 0;
    border-radius: 16px;
  }
  .synapse-app .component-switch .slide-custom input ~ .bg-ball .ball {
    display: block;
    z-index: 1;
    border-radius: 100%;
    width: calc(var(--height) - var(--overlap));
    height: calc(var(--height) - var(--overlap));
    margin-left: 0;
    transition: all 0.2s ease;
  }
  .synapse-app .component-switch .slide-custom input:not(:checked) ~ .bg-ball {
    --background-color: var(--bg-color-default);
    --border-color: var(--border-color-default);
  }
  .synapse-app .component-switch .slide-custom input:not(:checked) ~ .bg-ball .ball {
    --ball-color: var(--ball-color-default);
  }
  .synapse-app .component-switch .slide-custom input:checked ~ .bg-ball .ball {
    margin-left: calc((var(--options) * var(--height)) - var(--height) - var(--overlap) + 3px);
  }
  .synapse-app .component-switch .slide-custom .bg-ball {
    background-color: var(--background-color);
    border: 1.75px solid var(--border-color);
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
  }
  .synapse-app .component-switch .slide-custom .ball {
    background-color: var(--ball-color);
  }
  .synapse-app .component-icon {
    vertical-align: middle;
    display: inline-block;
    --dark: #003753;
    --light: #e8f0f5;
    font-size: 1px;
  }
  .synapse-app .component-icon svg {
    fill: none;
    width: 25px;
    height: 25px;
  }
  .synapse-app .component-icon.color-brand-primary {
    --dark: var(--brand-primary);
    --light: var(--brand-primary-light);
  }
  .synapse-app .component-icon.color-brand-primary-light {
    --dark: var(--brand-primary-light);
    --light: var(--brand-primary-light-light);
  }
  .synapse-app .component-icon.color-brand-primary-medium {
    --dark: var(--brand-primary-medium);
    --light: var(--brand-primary-medium-light);
  }
  .synapse-app .component-icon.color-brand-primary-dark {
    --dark: var(--brand-primary-dark);
    --light: var(--brand-primary-dark-light);
  }
  .synapse-app .component-icon.color-brand-secondary {
    --dark: var(--brand-secondary);
    --light: var(--brand-secondary-light);
  }
  .synapse-app .component-icon.color-brand-secondary-light {
    --dark: var(--brand-secondary-light);
    --light: var(--brand-secondary-light-light);
  }
  .synapse-app .component-icon.color-brand-secondary-medium {
    --dark: var(--brand-secondary-medium);
    --light: var(--brand-secondary-medium-light);
  }
  .synapse-app .component-icon.color-brand-secondary-dark {
    --dark: var(--brand-secondary-dark);
    --light: var(--brand-secondary-dark-light);
  }
  .synapse-app .component-icon.color-brand-tertiary {
    --dark: var(--brand-tertiary);
    --light: var(--brand-tertiary-light);
  }
  .synapse-app .component-icon.color-brand-tertiary-light {
    --dark: var(--brand-tertiary-light);
    --light: var(--brand-tertiary-light-light);
  }
  .synapse-app .component-icon.color-brand-tertiary-medium {
    --dark: var(--brand-tertiary-medium);
    --light: var(--brand-tertiary-medium-light);
  }
  .synapse-app .component-icon.color-brand-tertiary-dark {
    --dark: var(--brand-tertiary-dark);
    --light: var(--brand-tertiary-dark-light);
  }
  .synapse-app .component-icon.color-brand-quaternary {
    --dark: var(--brand-quaternary);
    --light: var(--brand-quaternary-light);
  }
  .synapse-app .component-icon.color-brand-quaternary-light {
    --dark: var(--brand-quaternary-light);
    --light: var(--brand-quaternary-light-light);
  }
  .synapse-app .component-icon.color-brand-quaternary-medium {
    --dark: var(--brand-quaternary-medium);
    --light: var(--brand-quaternary-medium-light);
  }
  .synapse-app .component-icon.color-brand-quaternary-dark {
    --dark: var(--brand-quaternary-dark);
    --light: var(--brand-quaternary-dark-light);
  }
  .synapse-app .component-icon.color-alert-0 {
    --dark: var(--alert-0);
    --light: var(--alert-0-light);
  }
  .synapse-app .component-icon.color-alert-0-light {
    --dark: var(--alert-0-light);
    --light: var(--alert-0-light-light);
  }
  .synapse-app .component-icon.color-alert-0-medium {
    --dark: var(--alert-0-medium);
    --light: var(--alert-0-medium-light);
  }
  .synapse-app .component-icon.color-alert-0-dark {
    --dark: var(--alert-0-dark);
    --light: var(--alert-0-dark-light);
  }
  .synapse-app .component-icon.color-alert-25 {
    --dark: var(--alert-25);
    --light: var(--alert-25-light);
  }
  .synapse-app .component-icon.color-alert-25-light {
    --dark: var(--alert-25-light);
    --light: var(--alert-25-light-light);
  }
  .synapse-app .component-icon.color-alert-25-medium {
    --dark: var(--alert-25-medium);
    --light: var(--alert-25-medium-light);
  }
  .synapse-app .component-icon.color-alert-25-dark {
    --dark: var(--alert-25-dark);
    --light: var(--alert-25-dark-light);
  }
  .synapse-app .component-icon.color-alert-50 {
    --dark: var(--alert-50);
    --light: var(--alert-50-light);
  }
  .synapse-app .component-icon.color-alert-50-light {
    --dark: var(--alert-50-light);
    --light: var(--alert-50-light-light);
  }
  .synapse-app .component-icon.color-alert-50-medium {
    --dark: var(--alert-50-medium);
    --light: var(--alert-50-medium-light);
  }
  .synapse-app .component-icon.color-alert-50-dark {
    --dark: var(--alert-50-dark);
    --light: var(--alert-50-dark-light);
  }
  .synapse-app .component-icon.color-alert-75 {
    --dark: var(--alert-75);
    --light: var(--alert-75-light);
  }
  .synapse-app .component-icon.color-alert-75-light {
    --dark: var(--alert-75-light);
    --light: var(--alert-75-light-light);
  }
  .synapse-app .component-icon.color-alert-75-medium {
    --dark: var(--alert-75-medium);
    --light: var(--alert-75-medium-light);
  }
  .synapse-app .component-icon.color-alert-75-dark {
    --dark: var(--alert-75-dark);
    --light: var(--alert-75-dark-light);
  }
  .synapse-app .component-icon.color-alert-100 {
    --dark: var(--alert-100);
    --light: var(--alert-100-light);
  }
  .synapse-app .component-icon.color-alert-100-light {
    --dark: var(--alert-100-light);
    --light: var(--alert-100-light-light);
  }
  .synapse-app .component-icon.color-alert-100-medium {
    --dark: var(--alert-100-medium);
    --light: var(--alert-100-medium-light);
  }
  .synapse-app .component-icon.color-alert-100-dark {
    --dark: var(--alert-100-dark);
    --light: var(--alert-100-dark-light);
  }
  .synapse-app .component-icon.color-alert-125 {
    --dark: var(--alert-125);
    --light: var(--alert-125-light);
  }
  .synapse-app .component-icon.color-alert-125-light {
    --dark: var(--alert-125-light);
    --light: var(--alert-125-light-light);
  }
  .synapse-app .component-icon.color-alert-125-medium {
    --dark: var(--alert-125-medium);
    --light: var(--alert-125-medium-light);
  }
  .synapse-app .component-icon.color-alert-125-dark {
    --dark: var(--alert-125-dark);
    --light: var(--alert-125-dark-light);
  }
  .synapse-app .component-icon.color-white {
    --dark: var(--white);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.color-grey-0 {
    --dark: var(--grey-0);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.color-grey-25 {
    --dark: var(--grey-25);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.color-grey-50 {
    --dark: var(--grey-50);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.color-grey-75 {
    --dark: var(--grey-75);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.color-grey-100 {
    --dark: var(--grey-100);
    --light: rgba(255, 255, 255, 0);
  }
  .synapse-app .component-icon.size-35 {
    font-size: 0.75px;
  }
  .synapse-app .component-icon.size-35 svg {
    width: 35px;
    height: 35px;
  }
  .synapse-app .component-icon.size-25 {
    font-size: 1px;
  }
  .synapse-app .component-icon.size-25 svg {
    width: 25px;
    height: 25px;
  }
  .synapse-app .component-icon.size-20 {
    font-size: 1.25px;
  }
  .synapse-app .component-icon.size-20 svg {
    width: 20px;
    height: 20px;
  }
  .synapse-app .component-icon.size-15 {
    font-size: 1.5px;
  }
  .synapse-app .component-icon.size-15 svg {
    width: 15px;
    height: 15px;
  }
  .synapse-app .component-modal-v1.platform {
    display: flex;
    align-items: center;
    z-index: 999;
  }
  .synapse-app .component-modal-v1.platform .component-modal-wrapper {
    max-width: 920px;
    height: auto;
    max-height: calc(100% - 160px);
    margin: 30px;
    top: auto;
    bottom: auto;
    border-radius: 16px;
    overflow-y: auto;
  }
  .synapse-app .component-modal-v1.platform .component-modal-wrapper .content {
    height: auto;
    min-height: auto;
  }
  .synapse-app .component-modal-v1.platform .component-modal-wrapper .content .component-modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    background-color: var(--grey-0);
    border: 0;
  }
  .synapse-app .component-modal-v1.goodmed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
  }
  .synapse-app .component-modal-v1.goodmed > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: var(--white);
    border-top-left-radius: var(--rounded-100);
    border-top-right-radius: var(--rounded-100);
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
    padding-bottom: var(--spacing-4);
    position: absolute;
    padding-top: var(--spacing-4);
    bottom: 0;
  }
  .synapse-app .component-modal-v1.goodmed > div.overflown {
    bottom: initial;
    padding-top: 0;
    position: relative;
  }
  .synapse-app .component-modal-v1.goodmed > div > .notch-wrapper {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
    text-align: center;
  }
  .synapse-app .component-modal-v1.goodmed > div > .notch-wrapper > .notch {
    display: inline-block;
    background-color: var(--grey-25);
    border-radius: var(--rounded-100);
    height: 4px;
    width: 50px;
  }
  .synapse-app .component-modal-v1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .synapse-app .component-modal-v1 .component-panel {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .synapse-app .component-autocomplete {
    position: relative;
  }
  .synapse-app .component-autocomplete .search {
    position: relative;
  }
  .synapse-app .component-autocomplete .search .spinner-border {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    border-width: 0.18rem;
  }
  .synapse-app .component-autocomplete .suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .synapse-app .component-autocomplete .suggestions .suggestion {
    cursor: pointer;
  }
  .synapse-app .component-autocomplete .suggestions > *:hover, .synapse-app .component-autocomplete .suggestions > *.selected {
    background-color: var(--grey-0);
  }
  .synapse-app .component-autocomplete.loading .search .icn-cross {
    display: none;
  }
  .synapse-app .component-autocomplete:not(:focus-within) .suggestions {
    display: none;
  }
  .synapse-app .component-search {
    position: relative;
  }
  .synapse-app .component-search .icn {
    position: absolute;
  }
  .synapse-app .component-search .icn.icn-search {
    left: 0;
    top: calc(50% - 10px);
  }
  .synapse-app .component-search .icn.icn-cross {
    right: 0;
    top: calc(50% - 10px);
    cursor: pointer;
  }
  .synapse-app .component-autocomplete-with-tags.form-control {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
  }
  .synapse-app .component-autocomplete-with-tags.form-control:focus {
    outline: 2px solid #c6deff;
  }
  .synapse-app .component-autocomplete-with-tags.form-control.autocomplete-disabled {
    background-color: #e9ecef;
  }
  .synapse-app .component-autocomplete-with-tags.form-control .autocomplete-with-tags-tags {
    flex-wrap: wrap;
    gap: 4px;
  }
  .synapse-app .component-autocomplete-with-tags.form-control .autocomplete-with-tags-tags .badge.badge--brand-primary {
    white-space: break-spaces;
  }
  .synapse-app .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .icn-search {
    display: none;
  }
  .synapse-app .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .icn-cross {
    display: none;
  }
  .synapse-app .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .form-control.px-5 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border: none !important;
    outline: none;
    box-shadow: none;
  }
  .synapse-app .component-banner {
    color: var(--brand-primary);
    line-height: 18px;
    padding: 10px;
  }
  .synapse-app .component-banner .banner-icn {
    width: 24px;
    height: 24px;
  }
  .synapse-app .component-banner.banner-disabled {
    background-color: var(--grey-0);
    color: var(--grey-50);
  }
  .synapse-app .component-banner.banner-disabled .banner-icn {
    background-color: var(--grey-50);
  }
  .synapse-app .component-banner.banner-success {
    background-color: var(--alert-25-light);
  }
  .synapse-app .component-banner.banner-success .banner-icn {
    background-color: var(--alert-25);
  }
  .synapse-app .component-banner.banner-warning {
    background-color: var(--alert-75-light);
  }
  .synapse-app .component-banner.banner-warning .banner-icn {
    background-color: var(--alert-75);
  }
  .synapse-app .component-banner.banner-error {
    background-color: var(--alert-100-light);
  }
  .synapse-app .component-banner.banner-error .banner-icn {
    background-color: var(--alert-100);
  }
  .synapse-app .component-banner.banner-information {
    background-color: var(--brand-primary-light);
  }
  .synapse-app .component-banner.banner-information .banner-icn {
    background-color: var(--brand-primary);
  }
  .synapse-app .component-radioElement {
    white-space: nowrap;
    word-break: keep-all;
    --dark: var(--brand-primary);
    --light: var(--white);
    color: var(--light);
  }
  .synapse-app .component-radioElement.component-radioElement--dark {
    --dark: var(--white);
    --light: var(--brand-primary);
  }
  .synapse-app .component-radioElement.disabled {
    --dark: var(--grey-50);
    --light: var(--grey-25);
  }
  .synapse-app .component-radioElement .radioElement {
    cursor: pointer;
    margin-bottom: 0;
  }
  .synapse-app .component-radioElement .radioElement input:checked, .synapse-app .component-radioElement .radioElement input:not(:checked) {
    width: 0;
    display: none;
    visibility: hidden;
  }
  .synapse-app .component-radioElement .radioElement > span .point {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    border-radius: 50%;
    vertical-align: middle;
    background-color: var(--light);
    border: 2px solid var(--dark);
  }
  .synapse-app .component-radioElement .radioElement > span span {
    vertical-align: middle;
    color: var(--dark);
  }
  .synapse-app .component-radioElement .radioElement input:checked ~ span {
    color: var(--dark);
  }
  .synapse-app .component-radioElement .radioElement input:checked ~ span .point::before {
    content: "";
    display: block;
    background-color: var(--dark);
    border: 2px solid var(--light);
    width: 100%;
    height: 100%;
    border-radius: 100%;
  }
  .synapse-app .component-radioElement .radioElement input:disabled ~ span {
    --dark: var(--grey-50);
    cursor: default;
  }
  .synapse-app .component-radioElement .radioElement input:disabled ~ span .point {
    cursor: default;
    --dark: var(--grey-25);
    --light: var(--grey-25);
  }
  .synapse-app .component-radioElement .radioElement input:disabled ~ span .point::before {
    --dark: var(--grey-25);
    --light: var(--white);
    cursor: default;
  }
  .synapse-app .component-radioElement .radioElement input:disabled:checked ~ span {
    --dark: var(--brand-primary);
    --light: var(--white);
  }
  .synapse-app .component-radioElement .radioElement input:disabled:checked ~ span .point {
    --dark: var(--grey-50);
  }
  .synapse-app .component-radioElement .radioElement input:disabled:checked ~ span .point::before {
    --dark: var(--grey-50);
  }
  .synapse-app .component-radioElement .radioElement + .radioElement {
    margin-left: 1rem;
  }
  .synapse-app .component-radioBoolElement .radioElement .point {
    margin-right: 0.5rem !important;
  }
  .synapse-app .component-bottomModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .synapse-app .component-bottomModal .component-bottomModal__content {
    padding-left: var(--spacing-4);
    pading-right: var(--spacing-4);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    width: 100vw !important;
    height: 25vh !important;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .synapse-app .component-bottomModal .component-bottomModal__content .action-buttons {
    width: 100%;
    height: 52px;
    font-size: 0.8rem;
    z-index: 100;
    display: flex;
    gap: 16px;
  }
  .synapse-app .component-bottomModal .component-bottomModal__content .action-buttons button {
    width: 100%;
    height: 100%;
  }
  .synapse-app .component-box-dropdown {
    background: #fff;
  }
  .synapse-app .component-box-dropdown.disabled {
    pointer-events: none;
  }
  .synapse-app .component-box-dropdown > :first-child {
    cursor: pointer;
  }
  .synapse-app .component-box-dropdown .no-overflow-x {
    overflow-x: hidden;
  }
  .synapse-app .component-box-dropdown .tags {
    margin-left: -0.25rem;
    margin-top: -0.25rem;
  }
  .synapse-app .component-box-dropdown .tags .tag {
    min-width: initial;
    font-size: var(--text-50);
    max-width: calc(100% - var(--spacing-1));
    text-overflow: ellipsis;
    overflow-x: clip;
  }
  .synapse-app .component-box-dropdown .wrapped-content {
    height: 0;
    overflow: hidden;
  }
  .synapse-app .component-box-dropdown.expanded {
    background: var(--grey-0);
  }
  .synapse-app .component-box-dropdown.expanded .wrapped-content {
    height: auto;
    overflow: initial;
  }
  .synapse-app .component-box-dropdown .separator::before, .synapse-app .component-box-dropdown .separator::after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--grey-25);
    width: 40%;
    height: 1px;
    top: 50%;
  }
  .synapse-app .component-box-dropdown .separator::before {
    left: 0;
  }
  .synapse-app .component-box-dropdown .separator::after {
    right: 0;
  }
  .synapse-app .component-box-select .option {
    position: relative;
    cursor: pointer;
  }
  .synapse-app .component-box-select .option .option-unselect {
    position: absolute;
    right: 0.25rem;
    top: calc(50% - 35%);
    border-radius: 10rem;
    display: none;
  }
  .synapse-app .component-box-select .option .option-unselect .icn:before {
    mix-blend-mode: inherit !important;
  }
  .synapse-app .component-box-select .option.selected:hover .option-unselect {
    display: flex;
  }
  .synapse-app .component-certification-dm-tooltip-v2 > span {
    width: 100%;
  }
  .synapse-app .component-check-element {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .synapse-app .component-check-element:not(.disabled), .synapse-app .component-check-element:not(.disabled) label, .synapse-app .component-check-element:not(.disabled) .mask {
    cursor: pointer;
  }
  .synapse-app .component-check-element .label {
    position: relative;
  }
  .synapse-app .component-check-element .label .icn {
    position: absolute;
  }
  .synapse-app .component-check-element input[type=checkbox] {
    display: none;
  }
  .synapse-app .component-check-element .mask {
    height: 20px;
    width: 20px;
    border-radius: 4px;
  }
  .synapse-app .component-drop-box {
    background-color: var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .synapse-app .component-drop-box.target {
    background-color: #095071;
  }
  .synapse-app .component-drop-box.disabled {
    opacity: 0.6;
  }
  .synapse-app .component-drugLabelElement .molecule {
    color: #6c757d;
  }
  .synapse-app .component-drugLabelElement .bold-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
  }
  .synapse-app .component-drugLabelElement .light-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
  }
  .synapse-app .component-drugLabelElement .underline {
    text-decoration: underline;
    cursor: pointer;
  }
  .synapse-app .component-drugLabelElement .associated-brand-name {
    font-size: 0.7rem;
  }
  .synapse-app .component-drugLabelElement .branded-drug {
    color: var(--grey-100);
    padding-left: var(--spacing-2);
  }
  .synapse-app .component-drugLabelElement .tag {
    color: #000;
    text-decoration-color: transparent;
    text-decoration: none;
    font-weight: normal !important;
    min-width: 5rem;
    background: transparent;
    border: 1px solid #d3d3d3;
  }
  .synapse-app .component-drugLabelElement .tag.branded-drug {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
  }
  .synapse-app .component-drugLabelElement .tag.therapeutic-class {
    border-color: var(--grey-75);
    color: var(--grey-75);
  }
  .synapse-app .component-drugLabelElement .tag.pharmaceutical-ingredient {
    border-color: var(--alert-0);
    color: var(--alert-0);
  }
  .synapse-app .component-drugLabelElement .tag.partial {
    border-color: transparent;
    color: var(--brand-primary);
  }
  .synapse-app .component-drugLabelElement .tag.other {
    border-color: #d3d3d3;
    color: #d3d3d3;
  }
  .synapse-app .component-dropDownUniversal {
    max-height: 375px;
    overflow-y: auto;
  }
  .synapse-app .component-drugRowComposite {
    --startStoppColor: #c4c4c4;
    position: relative;
    overflow: hidden;
    background-color: var(--grey-0);
  }
  .synapse-app .component-drugRowComposite .buyable-status .fa-ban {
    position: relative;
  }
  .synapse-app .component-drugRowComposite .buyable-status .fa-ban::before {
    font-size: 1.8rem;
    opacity: 0.5;
  }
  .synapse-app .component-drugRowComposite .buyable-status .fa-ban::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .synapse-app .component-drugRowComposite .name {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement {
    opacity: 0.9;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement .branded-drug {
    color: var(--brand-primary);
    font-size: 0.8rem;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement .branded-drug > span > span {
    color: var(--grey-100);
    font-size: 1rem;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement .branded-drug > span > span:first-of-type {
    display: block;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement .pharmaceutical-ingredient {
    color: var(--grey-50);
    font-size: 1rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .synapse-app .component-drugRowComposite .component-drugLabelElement .pharmaceutical-ingredient::before {
    display: block;
    font-weight: normal;
    content: "molécule";
    font-size: 0.8rem;
    -webkit-font-smoothing: auto;
  }
  .synapse-app .component-drugRowComposite .col-auto.text-right {
    background-color: var(--brand-primary-medium);
    color: var(--white);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .synapse-app .component-drugRowComposite .col-auto.text-right .menu-item {
    font-size: 0.8rem;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    cursor: pointer;
    color: var(--white);
  }
  .synapse-app .component-drugRowComposite .col-auto.text-right .menu-item .fa {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
  }
  .synapse-app .component-drugRowComposite .col-auto.text-right .menu-item.remove {
    border-left: 1px solid var(--white);
  }
  .synapse-app .component-drugRowComposite .col-auto.text-right .fa {
    font-size: 20px;
    cursor: pointer;
  }
  .synapse-app .component-select {
    position: relative;
    cursor: pointer;
    user-select: none;
  }
  .synapse-app .component-select:hover .form-control:not(.disabled) {
    background-color: #fff !important;
    cursor: initial;
  }
  .synapse-app .component-select .form-control.disabled {
    cursor: initial;
    background-color: #e9ecef !important;
  }
  .synapse-app .component-select .current, .synapse-app .component-select .option {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-app .component-select.open .form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-color: transparent !important;
  }
  .synapse-app .component-select .icn-back {
    transform: rotateZ(-90deg);
  }
  .synapse-app .component-select .icn-back::before {
    mix-blend-mode: unset;
  }
  .synapse-app .component-select .options {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    overflow: hidden;
  }
  .synapse-app .component-select .options .option:hover, .synapse-app .component-select .options .option.hover {
    background-color: var(--grey-0) !important;
  }
  .synapse-app .component-select--medium .current, .synapse-app .component-select--medium .option, .synapse-app .component-select--small .current, .synapse-app .component-select--small .option {
    font-size: 0.875rem;
  }
  .synapse-app .component-select--medium .form-control, .synapse-app .component-select--small .form-control {
    column-gap: 0.5rem;
    height: auto;
  }
  .synapse-app .component-select--small {
    min-width: 6.875rem;
  }
  .synapse-app .component-select--medium {
    min-width: 6rem;
  }
  .synapse-app .component-select--light.open .form-control {
    border-bottom-color: var(--grey-25) !important;
  }
  .synapse-app .component-dynamicUnitInput {
    max-width: 145px;
    min-width: 85px;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped {
    max-height: 38px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    border-radius: var(--rounded-100);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped input::-webkit-outer-spin-button, .synapse-app .component-dynamicUnitInput .short-wrapped input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped input[type=number] {
    -moz-appearance: textfield;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped .unit {
    max-width: 63px;
    z-index: 0;
    padding: 0.25rem 0.55rem !important;
    height: 36px !important;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped .unit .input-group-addon {
    min-width: fit-content;
    margin: unset;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped .component-select .form-control {
    height: 36px !important;
    min-width: 85px;
    padding: 5px 5px 5px 0px !important;
    text-align: left;
  }
  .synapse-app .component-dynamicUnitInput .short-wrapped .disabled-select {
    background-color: #e9ecef !important;
  }
  .synapse-app .component-dynamicUnitInput .input-group {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
  }
  .synapse-app .form-group {
    margin: 0px;
  }
  .synapse-app .static-unit {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .synapse-app .component-defaultErrorFallback {
    height: 100%;
    overflow: auto;
    text-align: center;
  }
  .synapse-app .component-defaultErrorFallback .trigger {
    display: inline-block;
    margin: 0 0 1rem;
  }
  .synapse-app .component-defaultErrorFallback .trigger .icn {
    display: inline-block;
    margin: 0 0 0 0.25rem;
    transform: rotate(180deg);
    vertical-align: text-bottom;
  }
  .synapse-app .component-defaultErrorFallback .trigger.expanded .icn {
    transform: rotate(-90deg);
  }
  .synapse-app .component-defaultErrorFallback code {
    background: #fff;
    display: block;
    padding: 1.5rem;
    line-height: 1.8;
    text-align: left;
  }
  .synapse-app .component-defaultErrorFallback code + code {
    padding-top: 0;
  }
  .synapse-app .component-defaultErrorFallback pre {
    color: red;
    margin: 0;
  }
  .synapse-app .component-force-sticky .target {
    position: static;
    top: initial;
    left: initial;
  }
  .synapse-app .component-force-sticky .target.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
  }
  .synapse-app .component-force-sticky .placeholder {
    position: relative;
  }
  .synapse-app .component-info-block {
    position: relative;
    font-size: 0.875rem;
    z-index: 1;
  }
  .synapse-app .component-info-block .content {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    z-index: 1;
  }
  .synapse-app .component-info-block .content--right {
    left: auto;
    right: 0;
  }
  .synapse-app .component-input-with-tags.form-control {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
  }
  .synapse-app .component-input-with-tags.form-control:focus {
    border: 2px solid #c6deff;
  }
  .synapse-app .component-input-with-tags.form-control.input-disabled {
    background-color: #e9ecef;
  }
  .synapse-app .component-input-with-tags.form-control .input-with-tags-tags {
    flex-wrap: wrap;
    gap: 4px;
  }
  .synapse-app .component-input-with-tags.form-control .input-with-tags-tags .badge.badge--brand-primary {
    white-space: break-spaces;
  }
  .synapse-app .component-input-with-tags.form-control .input-with-tags-input input.form-control.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border: none !important;
    outline: none;
    box-shadow: none;
  }
  .synapse-app .component-input-with-tags.form-control button.btn.btn-brand-primary {
    padding: 2px 4px !important;
    margin: 4px 8px !important;
    display: flex;
    align-items: center;
  }
  .synapse-app .component-input-with-tags.form-control button.btn.btn-brand-primary:hover {
    background-color: var(--brand-primary);
  }
  .synapse-app .component-lateral-scroll {
    position: relative;
  }
  .synapse-app .component-lateral-scroll .scrollable {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .synapse-app .component-lateral-scroll > button {
    width: 32px;
    height: 28px;
    display: flex;
    position: absolute;
    top: calc(50% - 14px);
  }
  .synapse-app .component-lateral-scroll > button:first-of-type {
    left: 0;
  }
  .synapse-app .component-lateral-scroll > button:last-of-type {
    right: 0;
  }
  .synapse-app .component-loader {
    width: 50px;
    height: 50px;
  }
  .synapse-app .component-global-loader > .wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200;
    background-color: rgba(232, 240, 245, 0.8);
    transform: scaleX(1) scaleY(1);
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .synapse-app .component-global-loader > .wrapper:not(.visible) {
    transform: scaleX(0) scaleY(0);
    opacity: 0;
  }
  .synapse-app .component-global-loader > .wrapper .component-loader > div {
    width: 60px;
    height: 60px;
    margin: auto;
  }
  .synapse-app .component-medical-guideline-autocomplete {
    position: relative;
    display: block;
    z-index: 1;
  }
  .synapse-app .component-medical-guideline-autocomplete fieldset {
    margin: 0;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-medical-guideline-autocomplete-dropdown {
    max-height: 200px;
    overflow-y: scroll;
  }
  .synapse-app .component-medical-guideline-autocomplete .medical-guideline-component-suggestion .component-speciality:hover {
    text-decoration: underline;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-search .options {
    max-height: 212px;
    overflow-y: auto;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar {
    width: 12px;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px var(--brand-primary-light);
    border: 4px solid transparent;
    border-radius: 8px;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px var(--brand-primary);
    border: 4px solid transparent;
    border-radius: 8px;
  }
  .synapse-app .component-medical-guideline-autocomplete .component-search:not(.disabled):not(:disabled):focus .options .component-icon svg, .synapse-app .component-medical-guideline-autocomplete .component-search:not(.disabled):not(:disabled):focus-within .options .component-icon svg {
    --dark: var(--grey-75);
  }
  .synapse-app .medical-guideline-component-suggestion .component-suggestion-icon {
    display: none;
  }
  .synapse-app .medical-guideline-component-suggestion:hover .component-suggestion-icon {
    display: block;
  }
  .synapse-app .options-list {
    max-height: 300px;
    overflow: auto;
  }
  .synapse-app .options-list > div.sign:last-of-type {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    margin-bottom: 0 !important;
  }
  .synapse-app .options-list .option {
    display: flex;
  }
  .synapse-app .options-list .option .tagEntity {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .options-list .option .ingredients__label {
    line-height: 0.75rem;
    color: var(--grey-75);
  }
  .synapse-app .options-list .showmore {
    cursor: pointer;
  }
  .synapse-app .options-list .showmore:hover {
    background-color: var(--brand-primary-light) !important;
  }
  .synapse-app .options-list .sign:not(.showmore) {
    cursor: default;
  }
  .synapse-app .options-list .sign + .option:before {
    display: none !important;
  }
  .synapse-app .entityTypesContainer {
    border-bottom: 1px solid var(--brand-primary-light);
  }
  .synapse-app .component-input-search .component-input, .synapse-app .component-input-search .component-multi-select {
    margin-top: 4px;
  }
  .synapse-app .component-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .component-modal .component-modal__content {
    border-radius: var(--rounded-150);
    background-color: #fff;
    width: auto !important;
    max-height: 95vh;
    max-width: 95vw;
    overflow-y: auto;
  }
  .synapse-app .component-modal .component-modal__content .btn.border.close {
    float: none;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: var(--grey-0);
    opacity: 1;
  }
  .synapse-app .component-modal .component-modal__content .btn.border.close:hover {
    background-color: var(--grey-25);
  }
  @media screen and (max-width: 480px) {
    .synapse-app .component-modal .component-modal__content {
      width: 100% !important;
    }
  }
  .synapse-app .component-multi-select-element {
    position: relative;
    z-index: 0;
    padding: 0;
    padding-left: var(--spacing-2);
    height: 36px;
    text-align: left;
  }
  .synapse-app .component-multi-select-element .items {
    position: relative;
    z-index: 1;
    display: inline;
  }
  .synapse-app .component-multi-select-element .items .badge-wrapper {
    display: inline-flex;
    height: 100%;
    align-items: center;
  }
  .synapse-app .component-multi-select-element .items .badge {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    cursor: pointer;
  }
  .synapse-app .component-multi-select-element .items .badge[data-value=CONTRAINDICATION] {
    background-color: var(--alert-100);
  }
  .synapse-app .component-multi-select-element .items .badge[data-value=ASSOCIATION_DISCOURAGED] {
    background-color: var(--alert-75);
  }
  .synapse-app .component-multi-select-element .items .badge[data-value=PRECAUTION_OF_USE] {
    background-color: var(--alert-50);
  }
  .synapse-app .component-multi-select-element .items .badge[data-value=TO_CONSIDER] {
    background-color: var(--alert-25);
  }
  .synapse-app .component-multi-select-element .input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .synapse-app .component-multi-select-element .input select {
    min-height: 36px;
    width: 100%;
    height: 100%;
  }
  .synapse-app .icon-wrapper-no-problem-detected {
    width: 50px;
    height: 50px;
    background-color: #f0fbf6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .component-selector .options-row {
    overflow-x: scroll;
  }
  .synapse-app .component-selector .selector-option {
    width: 100%;
    margin: 0;
  }
  .synapse-app .component-selector .selector-option span {
    font-size: 1.1rem !important;
    line-height: 1.5rem;
    color: var(--brand-primary) !important;
    border: none !important;
    opacity: 0.7;
    cursor: pointer;
  }
  .synapse-app .component-selector .selector-option input {
    display: none;
  }
  .synapse-app .component-selector .selector-option input:checked ~ span {
    opacity: 1;
  }
  .synapse-app .component-selector .selector-option input:checked ~ span i {
    text-decoration: underline;
  }
  .synapse-app .component-selector .selector-option input:not(:checked) ~ span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border: none !important;
  }
  .synapse-app .force-non-italic {
    font-style: normal;
  }
  .synapse-app .component-pagination {
    user-select: none;
  }
  .synapse-app .component-pagination .icn-back {
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  .synapse-app .component-pagination .icn-back.disabled {
    opacity: 0.3;
  }
  .synapse-app .component-pagination span.ellipsis {
    cursor: pointer;
  }
  .synapse-app .component-pagination input.ellipsis {
    width: 80px;
  }
  .synapse-app .component-pagination .page {
    font-size: var(--text-75);
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: var(--brand-primary);
    width: 26px;
    height: 26px;
  }
  .synapse-app .component-pagination .page.current {
    color: var(--white);
    background-color: var(--brand-primary);
  }
  .synapse-app .component-partial-drug-card {
    overflow: hidden;
  }
  .synapse-app .component-partial-drug-card .drawer-down-do {
    background-color: #fff;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .col {
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .col-auto {
    transition: transform 0.2s ease, background-color 0.3s ease;
    transform: translateX(100%);
  }
  .synapse-app .component-partial-drug-card .component-drugRow .col-auto.show {
    transform: translateX(0);
  }
  .synapse-app .component-partial-drug-card .component-drugRow.disabled .col {
    opacity: 0.5;
  }
  .synapse-app .component-partial-drug-card .component-drugRow.disabled .col-auto {
    background-color: var(--grey-50) !important;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .row {
    align-items: center;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .row .col {
    padding: var(--spacing-1);
  }
  .synapse-app .component-partial-drug-card .component-drugRow .row .col-auto {
    padding: var(--spacing-1);
    background-color: var(--alert-0);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .row .col-auto .btn:not(.d-none) + .btn {
    border-left: 1px solid var(--border-color);
    border-radius: 0;
  }
  .synapse-app .component-partial-drug-card .component-drugRow .row .col-auto .btn--minor {
    padding-top: 0;
    padding-left: 0;
    color: var(--brand-primary);
  }
  .synapse-app .component-researchBarComposite {
    position: relative;
    z-index: unset;
    color: var(--brand-primary) !important;
  }
  .synapse-app .component-researchBarComposite.disabled > .row {
    background-color: var(--grey-25) !important;
    color: var(--grey-50);
    cursor: initial;
  }
  .synapse-app .component-researchBarComposite.disabled > .row:hover {
    border-color: var(--grey-25) !important;
  }
  .synapse-app .component-researchBarComposite input#researchBarUniversalInput {
    outline: none;
    color: var(--brand-primary) !important;
  }
  .synapse-app .component-researchBarComposite input#researchBarUniversalInput::placeholder {
    color: var(--grey-50) !important;
    font-style: initial;
  }
  .synapse-app .component-researchBarComposite .suggestions {
    position: absolute;
    overflow-y: auto;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: var(--dp-150);
    border-radius: var(--rounded-100);
  }
  .synapse-app .component-researchBarComposite .suggestions .dropDownContent {
    border: 0 !important;
  }
  .synapse-app .component-researchBarComposite .suggestions .dropDownContent .dropDownElement {
    cursor: pointer;
  }
  .synapse-app .component-researchBarComposite .suggestions .dropDownContent .dropDownElement.dropDownElementSelected {
    background-color: var(--brand-quaternary-light);
  }
  .synapse-app .component-researchBarComposite .suggestions .dropDownContent .dropDownElement.dropDownElementDisabled {
    background-color: var(--grey-0);
    cursor: default;
  }
  .synapse-app .component-researchBarComposite .spinner-border {
    border-width: 0.15rem;
    margin-top: 4px;
    width: 20px;
    height: 20px;
  }
  .synapse-app .component-researchBarComposite span.searchbar-icn {
    width: 28px;
    height: 28px;
  }
  .synapse-app .component-secondary-navigation .btn-link {
    color: var(--brand-primary);
    font-size: 1.125rem;
    outline: none;
    position: relative;
  }
  .synapse-app .component-secondary-navigation .btn-link + .btn-link {
    margin-left: 1.875rem;
  }
  .synapse-app .component-secondary-navigation .btn-link:focus {
    box-shadow: none;
  }
  .synapse-app .component-secondary-navigation .is-active {
    color: var(--brand-primary);
    text-decoration: none;
  }
  .synapse-app .component-secondary-navigation .is-active::after {
    content: "";
    display: block;
    background: var(--brand-secondary);
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
  }
  .synapse-app .component-secondary-navigation .is-disabled {
    cursor: none;
    opacity: 0.5;
    pointer-events: none;
  }
  .synapse-app .component-select-element {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .synapse-app .component-select-element.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .synapse-app .component-select-element:not(.border):hover {
    box-shadow: var(--dp-100);
  }
  .synapse-app .component-select-element.border:hover {
    box-shadow: var(--dp-50);
  }
  .synapse-app .component-select-element > :first-child {
    padding: 0.7rem;
    cursor: pointer;
  }
  .synapse-app .component-select-element .icn-back {
    transform: rotate(-90deg);
  }
  .synapse-app .component-select-element .content {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
  }
  .synapse-app .component-select-element .content .select-section {
    padding-top: 0.1px;
    padding-bottom: 0.1px;
  }
  .synapse-app .component-select-element .content .select-section .title {
    background-color: var(--brand-quaternary-dark);
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
  .synapse-app .component-select-element .content .select-section .option {
    padding: 0.35rem 0.7rem;
  }
  .synapse-app .component-select-element .content .select-section .option.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .synapse-app .component-select-element .content .select-section .option:not(.disabled):hover {
    cursor: pointer;
    background-color: rgba(var(--grey-25), 0.3);
  }
  .synapse-app .component-select-element.is-border .select-section {
    margin-left: -1px;
    margin-right: -1px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-top: 0;
    border-bottom-left-radius: var(--rounded-150);
    border-bottom-right-radius: var(--rounded-150);
  }
  .synapse-app .component-api-select {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: calc(100% - 0.5rem);
    right: 0;
    z-index: 1;
    overflow: hidden;
  }
  .synapse-app .component-api-select .component-check-element {
    padding: 10px;
  }
  .synapse-app .component-api-select .component-check-element:hover, .synapse-app .component-api-select .component-check-element:active {
    background-color: var(--brand-quaternary-light);
  }
  .synapse-app .component-striped-banner {
    background: repeating-linear-gradient(-45deg, rgba(47, 181, 232, 0.15) 0 10px, var(--brand-quaternary-light) 10px 20px);
  }
  .synapse-app .component-striped-banner.striped-alert-100 {
    background: repeating-linear-gradient(-45deg, rgba(var(--alert-100), 0.15) 0 10px, var(--alert-100-light) 10px 20px);
  }
  .synapse-app .component-striped-banner.striped-alert-50 {
    background: repeating-linear-gradient(-45deg, rgba(var(--alert-50), 0.15) 0 10px, var(--alert-50-light) 10px 20px);
  }
  .synapse-app .component-switch-element.disabled {
    opacity: 0.3;
  }
  .synapse-app .component-switch-element .slide-custom {
    cursor: pointer;
    padding: 0;
    height: 30px;
    overflow: hidden;
  }
  .synapse-app .component-switch-element .slide-custom input {
    display: none;
  }
  .synapse-app .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball {
    z-index: 0;
    border-radius: calc(15px);
    width: calc(2 * 26px);
  }
  .synapse-app .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball ~ span {
    min-width: 30px;
  }
  .synapse-app .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball .ball {
    display: block;
    z-index: 1;
    border-radius: 100%;
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-left: 0;
    transition: all 0.2s ease;
  }
  .synapse-app .component-switch-element .slide-custom input[type=checkbox]:not(:checked) ~ .bg-ball {
    background-color: var(--grey-25) !important;
  }
  .synapse-app .component-switch-element .slide-custom input[type=checkbox]:checked ~ .bg-ball .ball {
    margin-left: calc(2 * 26px - 8px - 18px);
  }
  .synapse-app .component-NewTableCardElement .TableCard-header {
    border-radius: var(--rounded-100);
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .synapse-app .component-NewTableCardElement .TableCard-content {
    border-radius: var(--rounded-100);
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: 1px solid var(--border-color);
    border-top: 0;
  }
  .synapse-app .component-NewTableCardElement .TableCard-content .content-child:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .synapse-app .component-toggleElement {
    background-color: #f4f4f4;
    color: var(--grey-50);
    width: max-content;
  }
  .synapse-app .component-toggleElement .toggle {
    cursor: pointer;
    margin-bottom: 0;
  }
  .synapse-app .component-toggleElement input:checked, .synapse-app .component-toggleElement input:not(:checked) {
    width: 0;
    display: none;
    visibility: hidden;
  }
  .synapse-app .component-toggleElement input:checked ~ span {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  }
  .synapse-app .component-toggleElement input:checked ~ span.defaultButton {
    background-color: var(--white);
    color: var(--brand-primary);
  }
  .synapse-app .component-tooltip .tooltip-content {
    position: absolute;
    display: none;
    max-width: 95vw;
    top: 0;
    left: 0;
    box-shadow: var(--dp-100);
    background-color: #fff;
    box-shadow: var(--dp-100);
    color: var(--grey-100);
    padding: var(--spacing-2);
    margin: var(--spacing-1);
    border: 1px solid var(--border-color);
    font-weight: lighter;
  }
  .synapse-app .component-tooltip .tooltip-content.position-left {
    transform: translate(-100%, -50%);
  }
  .synapse-app .component-tooltip .tooltip-content.position-right {
    left: 100%;
    transform: translate(0, -50%);
  }
  .synapse-app .component-tooltip .tooltip-content.position-top {
    transform: translate(-50%, -110%);
  }
  .synapse-app .component-tooltip .tooltip-content.position-bottom {
    top: 110%;
    transform: translate(-50%, 0);
  }
  .synapse-app .component-tooltip .tooltip-content.position-top-left {
    transform: translate(-100%, -110%);
  }
  .synapse-app .component-tooltip .tooltip-content.position-top-right {
    left: 100%;
    transform: translate(0, -110%);
  }
  .synapse-app .component-tooltip .tooltip-content.position-bottom-left {
    top: 110%;
    transform: translate(-100%, 0);
  }
  .synapse-app .component-tooltip .tooltip-content.position-bottom-right {
    top: 110%;
    left: 100%;
  }
  .synapse-app .component-tooltip.visible .tooltip-content, .synapse-app .component-tooltip:hover .tooltip-content {
    display: unset;
  }
  .synapse-app .component-prescriptionAnalysisView:not(.is-mobile) .component-tooltip {
    position: relative;
  }
  .synapse-app .component-tooltip-on-hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 150ms ease-in-out;
    width: auto;
    z-index: 100;
  }
  .synapse-app .component-tooltip-on-hover.is-visible {
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  .synapse-app .component-tooltip-on-hover--dark {
    background: var(--grey-75);
    color: var(--white);
    font-size: 14px;
    line-height: 21px;
    padding: 2px 12px;
  }
  .synapse-app .component-tooltip-on-hover--light {
    background: var(--grey-0);
    color: var(--brand-primary);
    font-size: 12px;
    line-height: 1.2;
  }
  .synapse-app .component-validable-input-text {
    border: 1px solid var(--grey-25);
    background: var(--white);
    color: var(--brand-primary);
    outline: none;
    transition: border 150ms ease-out;
    -moz-appearance: textfield;
  }
  .synapse-app .component-validable-input-text input {
    padding: 0 !important;
    border: none;
    border-radius: 0;
    margin: 0 0.125rem 0 0;
    color: var(--brand-primary);
    outline: none;
    transition: border 150ms ease-out;
    -moz-appearance: textfield;
  }
  .synapse-app .component-validable-input-text input::placeholder {
    color: var(--grey-50);
  }
  .synapse-app .component-validable-input-text input::-webkit-outer-spin-button, .synapse-app .component-validable-input-text input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .synapse-app .component-validable-input-text .component-validable-input-text-btn {
    padding: 2px;
    cursor: pointer;
  }
  .synapse-app .component-validable-input-text .component-validable-input-text-btn:hover {
    background-color: var(--grey-0);
  }
  .synapse-app .component-validable-input-text:hover:not(.component-validable-input-text--error), .synapse-app .component-validable-input-text:focus-within:not(.component-validable-input-text--error) {
    border-color: var(--brand-primary);
  }
  .synapse-app .component-validable-input-text--error {
    border-color: var(--alert-100);
  }
  .synapse-app .widget-header-component .widget-header-component-title {
    font-weight: 700;
    font-size: 16px;
  }
  .synapse-app .widget-header-component .widget-header-component-subtitle {
    font-weight: 400;
    font-size: 14px;
    color: var(--grey-75);
  }
  .synapse-app .component-chordchart-svg-element .drugsList .drug-path {
    fill: var(--grey-25);
    cursor: pointer;
  }
  .synapse-app .component-chordchart-svg-element .drugsList .drug-path.active {
    fill: var(--grey-50);
  }
  .synapse-app .component-chordchart-svg-element .drugsList textPath {
    cursor: pointer;
    fill: var(--brand-primary);
    user-select: none;
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction {
    cursor: pointer;
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction.hidden {
    fill: var(--grey-0) !important;
    cursor: initial;
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=ALL] {
    fill: var(--brand-quaternary);
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=TO_CONSIDER], .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MINOR] {
    fill: var(--alert-25);
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=PRECAUTION_OF_USE], .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MODERATE] {
    fill: var(--alert-50);
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=ASSOCIATION_DISCOURAGED], .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MAJOR] {
    fill: var(--alert-75);
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=CONTRAINDICATION], .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=CONTRAINDICATED] {
    fill: var(--alert-100);
  }
  .synapse-app .component-chordchart-svg-element .interactions .interaction[data-interaction-level=INCOMPATIBILITY] {
    fill: #000;
  }
  .synapse-app .component-ddi-details-element {
    font-weight: lighter;
  }
  .synapse-app .component-ddi-details-element .badge {
    font-weight: lighter;
  }
  .synapse-app .component-ddi-details-element .ratio-header {
    position: relative;
    z-index: 1;
  }
  .synapse-app .component-ddi-details-element .ratios .table {
    border-spacing: 0;
    border-collapse: separate;
  }
  .synapse-app .component-ddi-details-element .ratios .table.table-mobile {
    table-layout: fixed;
  }
  @media screen and (max-width: 610px) {
    .synapse-app .component-ddi-details-element .ratios .table thead .adjusted {
      font-size: var(--text-50);
    }
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr .ddi-fraction-separator {
    border-top: 1px solid var(--brand-primary);
    margin: 1px 0;
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr > td:first-child {
    border-left: 1px solid #dee2e6;
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr > td:last-child {
    border-right: 1px solid #dee2e6;
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr:first-child > td:first-child {
    border-top-left-radius: 8px !important;
    border-left: 1px solid #dee2e6;
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr:last-child > td:first-child {
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 8px !important;
  }
  .synapse-app .component-ddi-details-element .ratios .table tbody > tr:last-child > td:last-child {
    border-bottom: 1px solid #dee2e6;
    border-bottom-right-radius: 8px !important;
  }
  .synapse-app .component-interaction-cause-composite .icn--black::before {
    mix-blend-mode: unset !important;
  }
  .synapse-app .component-interaction-cause-composite .component-drugLabelElement .font-weight-bold {
    display: block;
  }
  .synapse-app .component-interaction-cause-composite .divider-wrapper {
    width: 20px;
  }
  .synapse-app .component-interaction-cause-composite .divider-wrapper .divider {
    width: 1px;
    height: 100%;
    background-color: var(--grey-25);
  }
  .synapse-app .component-interaction-entity-composite .icn--black::before {
    mix-blend-mode: unset !important;
  }
  .synapse-app .component-interaction-entity-composite .component-drugLabelElement .font-weight-bold {
    display: block;
  }
  .synapse-app .component-interaction-entity-composite .divider-wrapper {
    width: 20px;
  }
  .synapse-app .component-interaction-entity-composite .divider-wrapper .divider {
    width: 1px;
    height: 100%;
    background-color: var(--grey-25);
  }
  .synapse-app .component-interaction-thesaurus-composite.ALL .mecanism, .synapse-app .component-interaction-thesaurus-composite.ALL .behavior {
    background-color: rgba(104, 218, 160, 0.1);
  }
  .synapse-app .component-interaction-thesaurus-composite.TO_CONSIDER .mecanism, .synapse-app .component-interaction-thesaurus-composite.TO_CONSIDER .behavior {
    background-color: rgba(222, 239, 117, 0.1);
  }
  .synapse-app .component-interaction-thesaurus-composite.PRECAUTION_OF_USE .mecanism, .synapse-app .component-interaction-thesaurus-composite.PRECAUTION_OF_USE .behavior {
    background-color: rgba(255, 200, 61, 0.1);
  }
  .synapse-app .component-interaction-thesaurus-composite.ASSOCIATION_DISCOURAGED .mecanism, .synapse-app .component-interaction-thesaurus-composite.ASSOCIATION_DISCOURAGED .behavior {
    background-color: rgba(255, 138, 72, 0.1);
  }
  .synapse-app .component-interaction-thesaurus-composite.CONTRAINDICATION .mecanism, .synapse-app .component-interaction-thesaurus-composite.CONTRAINDICATION .behavior {
    background-color: rgba(235, 67, 67, 0.1);
  }
  .synapse-app .component-interaction-ddi .interaction-ddi {
    background-color: rgba(47, 181, 232, 0.1);
  }
  .synapse-app .component-interaction-ddi .interaction-ddi .component-ddi-details-element .rounded {
    background-color: #fff;
  }
  .synapse-app .component-interaction-incompatibility .description {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .synapse-app .component-interaction-incompatibility a.underline {
    text-decoration: underline !important;
  }
  .synapse-app .component-interaction-gravity {
    overflow: hidden;
  }
  .synapse-app .component-interaction-gravity .bg-black {
    background-color: #000;
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title {
    cursor: pointer;
    position: relative;
    z-index: 1;
    min-height: 44px;
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title.openable:hover > .title-inner-box {
    background-color: var(--grey-0) !important;
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title .title-inner-box > div > span {
    min-width: 44px;
    height: 44px;
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title p {
    font-size: 1rem;
    margin: 0;
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title i.icn-back {
    transition: transform 0.1s ease;
    cursor: pointer;
    transform: rotate(-90deg);
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title i.icn-back.open {
    transform: rotate(-270deg);
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-title:hover {
    background-color: var(--grey-0);
  }
  .synapse-app .component-interaction-gravity .interaction-gravity-wrapper {
    transition: transform 0.1s ease;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .chordchart-wrapper {
    padding-right: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .chordchart-wrapper .chordchart {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100vw - (100vw - 400px) / 1.1);
    min-width: 0px;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper {
    padding-left: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .pl-3 {
    padding-left: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .col, .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .col-auto {
    min-width: 100%;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4 .component-interaction-gravity {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4:not(:last-of-type) .component-interaction-gravity {
    border-bottom: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .component-tooltip::before {
    left: 0;
    transform: translateX(-110%);
    z-index: 1;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .component-tooltip .btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--grey-25);
    border-radius: 100%;
    padding: 0 !important;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .component-tooltip .btn .fa::before {
    content: "";
    display: none;
  }
  .synapse-app .component-interactions-block-composite.is-mobile .component-tooltip .btn .fa::after {
    content: "?";
    font-family: var(--font-family-tertiary);
    font-size: var(--text-50);
    font-weight: 700;
    color: var(--brand-primary);
    position: relative;
    top: -3px;
  }
  .synapse-app .component-interactions-block-composite:not(.is-mobile) .chordchart-wrapper {
    max-width: 500px;
    width: 54%;
  }
  .synapse-app .component-interactions-block-composite:not(.is-mobile) .chordchart-wrapper .chordchart {
    min-width: 150px;
    max-width: 100%;
    text-align: center;
  }
  .synapse-app .component-interactions-block-composite:not(.is-mobile) .detail-wrapper {
    max-width: 500px;
    min-width: 400px;
    width: 44%;
  }
  .synapse-app .component-interactions-block-composite .interactions-details {
    position: relative;
    z-index: 0;
  }
  .synapse-app .component-interactions-block-composite .other-warning {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning] .other-warning {
    width: 10px;
    height: 10px;
    line-height: 10px;
    color: transparent !important;
    background-color: transparent !important;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning][data-warning=color-0] .other-warning {
    background-color: var(--brand-quaternary) !important;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-25] .other-warning {
    background-color: var(--alert-25) !important;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-50] .other-warning {
    background-color: var(--alert-50) !important;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-75] .other-warning {
    background-color: var(--alert-75) !important;
  }
  .synapse-app .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-100] .other-warning {
    background-color: var(--alert-100) !important;
  }
  .synapse-app .component-groundsCompositeTheriaque .error {
    background: #fdecec;
    width: 100%;
  }
  .synapse-app .component-groundsCompositeTheriaque .error .icon {
    padding: 5px;
  }
  .synapse-app .component-groundsCompositeTheriaque .error .icon .icn {
    width: 8px;
    height: 8px;
  }
  .synapse-app .component-groundsCompositeTheriaque .content {
    column-count: 1;
    column-gap: var(--spacing-4);
  }
  .synapse-app .component-groundsCompositeTheriaque .content > div {
    break-inside: avoid;
  }
  @media (min-width: 768px) {
    .synapse-app .component-groundsCompositeTheriaque .content {
      column-count: 2;
    }
  }
  .synapse-app .component-groundsCompositeTheriaque .component-no-problem-detected {
    column-span: all;
  }
  .synapse-app .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    border-top: 1px solid var(--grey-25);
  }
  .synapse-app .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div:first-child {
    padding-top: var(--spacing-25);
  }
  .synapse-app .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div:last-child {
    padding-bottom: var(--spacing-2);
  }
  .synapse-app .component-groundsCompositeTheriaque .folded-sam-content {
    max-height: 21px;
  }
  .synapse-app .component-groundsCompositeTheriaque .folded-sam-content .text-truncate * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-app .component-groundsCompositeTheriaque .title-sam-content {
    max-height: 32px;
  }
  .synapse-app .component-groundsCompositeTheriaque .title-sam-content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-app .component-groundsCompositeUSA .error {
    background: #fdecec;
    width: 100%;
  }
  .synapse-app .component-groundsCompositeUSA .error .icon {
    padding: 5px;
  }
  .synapse-app .component-groundsCompositeUSA .error .icon .icn {
    width: 8px;
    height: 8px;
  }
  .synapse-app .component-groundsCompositeUSA .content {
    column-count: 1;
    column-gap: var(--spacing-4);
  }
  .synapse-app .component-groundsCompositeUSA .content > div {
    break-inside: avoid;
  }
  @media (min-width: 768px) {
    .synapse-app .component-groundsCompositeUSA .content {
      column-count: 2;
    }
  }
  .synapse-app .component-groundsCompositeUSA .component-no-problem-detected {
    column-span: all;
  }
  .synapse-app .component-groundsCompositeUSA .card-wrapper-padding-handler > div {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    border-top: 1px solid var(--grey-25);
  }
  .synapse-app .component-groundsCompositeUSA .card-wrapper-padding-handler > div:first-child {
    padding-top: var(--spacing-25);
  }
  .synapse-app .component-groundsCompositeUSA .card-wrapper-padding-handler > div:last-child {
    padding-bottom: var(--spacing-2);
  }
  .synapse-app .component-side-effect-explorer-composite > * {
    margin-left: var(--spacing-3);
  }
  .synapse-app .component-side-effect-explorer-composite > *:first-child {
    margin-left: var(--spacing-0);
  }
  .synapse-app .component-side-effect-explorer-composite .header {
    text-align: center;
    color: var(--brand-primary);
  }
  .synapse-app .component-side-effect-explorer-composite .header-warning {
    font-size: 14px;
  }
  .synapse-app .component-side-effect-explorer-composite .icn-frequency {
    width: 25px;
    height: 25px;
  }
  .synapse-app .component-side-effect-explorer-composite .list > .col {
    min-width: 100%;
  }
  .synapse-app .component-side-effect-explorer-composite .selector {
    position: relative;
    z-index: 0;
  }
  .synapse-app .component-side-effect-explorer-composite .call-to-action-signal i.signal-indesirable-icon::before {
    mix-blend-mode: hard-light;
    mask-repeat: round;
    -webkit-mask-repeat: round;
  }
  .synapse-app .component-side-effect-explorer-composite .call-to-action-signal span {
    font-weight: 400;
    font-size: 0.9rem;
  }
  .synapse-app .component-side-effect-explorer-composite .side-effect-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-app .component-side-effect-explorer-composite .side-effect-source-footer a {
    color: var(--grey-50);
  }
  .synapse-app .component-side-effect-table-card.border-bottom {
    border-bottom: solid 1px var(--grey-25);
  }
  .synapse-app .component-side-effect-table-card .card {
    background: transparent;
    box-shadow: none !important;
    border: none !important;
  }
  .synapse-app .component-side-effect-table-card .list-group-item:not(:last-child) {
    border-bottom: 0 !important;
  }
  .synapse-app .component-side-effect-table-card .show-more {
    box-shadow: none;
  }
  .synapse-app .component-side-effect-tag {
    background-color: #ededed;
    color: #343a40;
    white-space: normal !important;
    text-align: left !important;
  }
  .synapse-app .component-side-effect-tag.pointer {
    cursor: pointer;
  }
  .synapse-app .component-stoppComposite {
    color: var(--brand-primary);
  }
  .synapse-app .component-stoppComposite .header {
    text-align: center;
  }
  .synapse-app .component-stoppComposite .header-warning {
    font-size: 14px;
  }
  .synapse-app .component-stoppComposite ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .synapse-app .component-stoppComposite li .icn-arrow {
    transform: rotate(-90deg);
  }
  .synapse-app .component-stoppComposite .bg-grey-0 {
    background-color: var(--grey-0);
  }
  .synapse-app .component-stoppComposite .stopp-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-app .component-stoppComposite .stopp-source-footer a {
    color: var(--grey-50);
  }
  .synapse-app .component-start-card .start-tags .tag {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }
  .synapse-app .component-start-card ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .synapse-app .component-start-card li .icn-arrow {
    transform: rotate(-90deg);
  }
  .synapse-app .component-start-card .expand-reference {
    text-decoration: underline;
    cursor: pointer;
  }
  .synapse-app .component-start-card .checklist {
    margin-left: var(--spacing-1);
    line-height: 1.3;
  }
  .synapse-app .component-start-composite {
    color: var(--brand-primary);
  }
  .synapse-app .component-start-composite .header {
    text-align: center;
  }
  .synapse-app .component-start-composite .header-warning {
    font-size: 14px;
  }
  .synapse-app .component-start-composite .list-title {
    font-size: 16px;
  }
  .synapse-app .component-start-composite .start-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-app .component-start-composite .start-source-footer a {
    color: var(--grey-50);
  }
  .synapse-app .monograph-container {
    height: calc(100% - 63px);
    transition: height 0.3s ease-in-out;
  }
  .synapse-app .monograph-container .hr.divider {
    height: 1px;
    background: var(--grey-25);
    margin-top: 0;
    margin-bottom: 0;
  }
  .synapse-app .monograph-container .monograph-content-side-bar {
    display: flex;
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .synapse-app .monograph-container .monograph-content-side-bar .monograph-sidebar {
    width: 256px;
    overflow-y: auto;
    box-shadow: 1px 0px 4px -2px rgba(34, 45, 57, 0.12) !important;
    z-index: 2 !important;
  }
  .synapse-app .monograph-container .monograph-content-side-bar .monograph-sidebar .divider {
    margin: 0px;
  }
  .synapse-app .monograph-container .monograph-content-menu-header {
    display: flex;
    height: 100%;
    flex-direction: column;
    position: relative;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .monograph-search {
    padding-bottom: var(--spacing-3);
  }
  .synapse-app .monograph-container .monograph-content-menu-header .cancel-search-btn {
    z-index: 10;
    position: relative;
    background-color: #fff !important;
    display: flex;
    align-items: center;
    flex: 0 0 40px;
    padding: var(--spacing-25) var(--spacing-3);
    gap: var(--spacing-2);
    color: var(--grey-100, #222d39);
    justify-content: flex-start;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .cancel-search-btn .hr {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .downward-inversion {
    position: absolute;
    width: 100%;
    background-color: #fff !important;
    top: 57px;
    transition: height 0.3s ease-in-out;
    z-index: 5;
    transition: top 0.3s ease-in-out;
    padding-top: 10px;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .downward-inversion.hidden {
    visibility: hidden;
    top: -100px;
  }
  .synapse-app .monograph-container .monograph-content-menu-header button:not(.scroll-to-top-button):not(.results-navigation).summary-btn {
    height: 43px;
    flex: 0 0 43px;
    border-radius: 0px 0px var(--rounded-50, 4px) var(--rounded-50, 4px);
    box-shadow: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    z-index: 5;
    display: flex;
    gap: var(--spacing-1);
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .synapse-app .monograph-container .monograph-content-menu-header button:not(.scroll-to-top-button):not(.results-navigation).summary-btn.downward-inversion {
    height: 53px;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .monograph-sidebar {
    top: 43px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: calc(100% - 43px);
    background: #fff;
    border-radius: var(--rounded-50, 4px);
    background: var(--grey-white, #fff);
    box-shadow: 0px 4px 8px 0px rgba(34, 45, 57, 0.08);
    z-index: 5;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .monograph-sidebar.start-search {
    position: absolute;
    overflow: auto;
  }
  .synapse-app .monograph-container .monograph-content-menu-header .monograph-sidebar .divider {
    margin: 0px;
  }
  .synapse-app .monograph-container .monograph-main-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(100vh - 350px);
    height: 100%;
    overflow-y: auto;
  }
  .synapse-app .monograph-container .monograph-main-content .content-body {
    padding: 0 var(--spacing-4);
  }
  .synapse-app .monograph-container .to-top-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
  }
  .synapse-app .monograph-container .hl-search-main {
    position: relative;
  }
  .synapse-app .monograph-container .hl-search-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--brand-secondary, #ff0099);
    opacity: 0.6;
    z-index: -1;
  }
  .synapse-app .monograph-container .hl-search-other {
    background-color: var(--brand-secondary-medium, #ffceeb);
  }
  .synapse-app .monograph-container .hl-filter {
    background-color: var(--grey-25);
  }
  .synapse-app .no-header .monograph-container {
    height: 100%;
  }
  .synapse-app .is-scrolled .monograph-content-menu-header .monograph-sidebar {
    top: 104px;
    max-height: calc(100% - 104px);
  }
  .synapse-app .is-scrolled:not(.asc) .monograph-container {
    height: 100%;
  }
  .synapse-app .section-content {
    margin: 0px;
    padding: 0px;
  }
  .synapse-app .section-content-mobile {
    scroll-margin: 115px;
  }
  .synapse-app .section-content-desktop {
    scroll-margin: 83px;
  }
  .synapse-app .list-item {
    display: list-item;
    margin-left: 25px;
    margin-bottom: 0;
  }
  .synapse-app [class^=section-content-] {
    margin-bottom: var(--spacing-3);
  }
  .synapse-app .section-content-4 {
    padding-left: var(--spacing-1);
  }
  .synapse-app .possible-scroll {
    overflow-x: auto;
  }
  .synapse-app .header-1 {
    display: flex;
    margin: var(--spacing-45) 0 var(--spacing-3);
    padding-left: 3px;
    white-space: pre;
  }
  .synapse-app .header-1:before {
    content: "";
    margin-right: var(--spacing-1);
    width: 25px;
    height: 25px;
    background: transparent url("https://static.synapse-medicine.com/widgets/bullet.png") no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .synapse-app .header-2 {
    margin: var(--spacing-3) 0;
  }
  .synapse-app .header-2 button {
    text-align: left;
    gap: var(--spacing-1);
  }
  .synapse-app .header-2 button .chevron-icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
  }
  .synapse-app .header-2.opened button .chevron-icon {
    transform: rotate(90deg);
  }
  .synapse-app .header-4 {
    margin-bottom: var(--spacing-25);
  }
  .synapse-app .header-3 {
    margin: var(--spacing-1) 0;
  }
  .synapse-app .header-3 button {
    gap: var(--spacing-1);
    text-align: left;
    align-items: flex-start;
    padding: var(--spacing-1);
  }
  .synapse-app .header-3 button:hover {
    border-radius: var(--spacing-1);
    border-color: var(-grey-0, #f5f5f5);
    background: var(--grey-0, #f5f5f5);
  }
  .synapse-app .header-3 button:before {
    content: "";
    background: transparent url("https://static.synapse-medicine.com/widgets/polygon.svg") no-repeat;
    background-position: left center;
    background-size: contain;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
    margin-top: 4px;
  }
  .synapse-app .header-3.opened {
    margin-bottom: var(--spacing-2);
  }
  .synapse-app .header-3.opened button:before {
    transform: rotate(90deg);
  }
  .synapse-app .invisible-button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    min-height: 0px;
  }
  .synapse-app .tag-list {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    flex-wrap: wrap;
  }
  .synapse-app .tag-list > .invisible-button {
    position: relative;
    top: -2px;
  }
  .synapse-app .tag-list .tooltip-content-tag {
    max-width: 130px;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
  }
  .synapse-app .tag-list .tooltip-content-tag-plus {
    left: auto !important;
    right: 0% !important;
  }
  .synapse-app .content-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-25);
    width: 100%;
    background: var(--brand-light-primary, #f2faff);
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-25);
    box-shadow: 0px 1px 4px -2px rgba(34, 45, 57, 0.12) !important;
  }
  .synapse-app .content-header .title {
    margin-bottom: var(--spacing-1);
    font-size: 18px;
    color: var(--grey-100, #222d39);
  }
  .synapse-app .content-header .title.fixed {
    position: absolute;
    background: var(--brand-light-primary, #f2faff);
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-3);
    margin-top: calc(var(--spacing-4) * -1);
    margin-left: calc(var(--spacing-4) * -1);
    width: calc(100% - 256px);
    z-index: 1;
    top: var(--spacing-4);
    transition: top 0.3s ease-in-out;
    box-shadow: 1px 1px 4px 0px rgba(34, 45, 57, 0.12);
    z-index: 5;
  }
  .synapse-app .content-header .title.fixed.hidden {
    visibility: hidden;
    top: -100px;
  }
  .synapse-app .content-header .subtitle {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
    font-size: 10px;
    font-weight: 600;
    color: var(--grey-75);
    flex-wrap: wrap;
  }
  .synapse-app .content-header .subtitle .data-subtitle {
    font-size: 12px;
  }
  .synapse-app .content-header .subtitle .data-subtitle a {
    text-decoration: underline;
  }
  .synapse-app .content-header .source {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
  }
  .synapse-app .content-header .component-tooltip-v1 {
    display: flex !important;
  }
  .synapse-app .content-header .indications-line {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
  }
  .synapse-app .content-header .indications-line > span {
    margin-right: 4px;
  }
  .synapse-app .content-header.wrap .subtitle:not(.source) {
    flex-direction: column;
    align-items: flex-start;
  }
  .synapse-app .content-header.wrap .title.fixed {
    width: 100%;
  }
  .synapse-app .monograph-loading {
    background-image: url("https://static.synapse-medicine.com/widgets/background.svg");
    background-size: cover;
    padding: 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-top: 80px;
    gap: 16px;
  }
  .synapse-app .monograph-loading .loader {
    color: var(--brand-tertiary);
  }
  .synapse-app .monograph-empty {
    background-image: url("https://static.synapse-medicine.com/widgets/background-center.svg");
    background-position: center;
    background-size: cover;
    padding: 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    gap: 16px;
  }
  .synapse-app .monograph-empty p {
    max-width: 302px;
  }
  .synapse-app .monograph-error {
    background-image: url("https://static.synapse-medicine.com/widgets/background.svg");
    background-size: cover;
    padding: 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 80px 125px;
    gap: 2px;
  }
  .synapse-app .monograph-error .error-container {
    max-width: 584px;
  }
  .synapse-app .monograph-filters {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    position: relative;
    z-index: 1;
  }
  .synapse-app .monograph-filters .monograph-filters-footer {
    color: var(--grey-75);
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
  }
  .synapse-app .monograph-filters .buttons-container {
    display: flex;
    padding: var(--spacing-1);
    border-radius: var(--rounded-50, 4px);
    border: 1px solid var(--grey-25);
    background: var(--grey-0);
    width: fit-content;
    max-width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .synapse-app .monograph-filters .buttons-container::-webkit-scrollbar {
    display: none;
  }
  .synapse-app .monograph-search {
    padding: var(--spacing-4) var(--spacing-3) var(--spacing-2);
  }
  .synapse-app .monograph-search .monograph-search-title {
    color: var(--brand-primary, #00a0ff);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: var(--spacing-25);
  }
  .synapse-app .monograph-search .monograph-search-field {
    display: flex;
    gap: var(--spacing-2);
  }
  .synapse-app .monograph-search .results-navigation {
    display: flex;
    min-width: 40px;
    padding: var(--spacing-1);
    justify-content: center;
    align-items: center;
    border-radius: var(--rounded-50);
    border: 1px solid var(--grey-25);
    background: #fff;
    min-height: 17px;
    height: 100%;
  }
  .synapse-app .monograph-search .results-navigation:disabled {
    background: var(--grey-25);
    border-color: var(--grey-25);
  }
  .synapse-app .monograph-search .result-index {
    text-align: right;
    color: var(--grey-75);
    font-size: 12px;
    line-height: 12px;
    margin-top: var(--spacing-1);
  }
  .synapse-app .monograph-searchfield {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    border: 1px solid var(--grey-50);
    border-radius: var(--rounded-50);
    padding: 5px var(--spacing-25);
    line-height: 20px;
    width: 100%;
  }
  .synapse-app .monograph-searchfield:focus-within {
    border: 1px solid var(--brand-primary, #00a0ff);
  }
  .synapse-app .monograph-searchfield > div {
    flex: 0 0 15px;
    line-height: 1;
  }
  .synapse-app .monograph-searchfield > div .invisible-button {
    position: relative;
    top: 2px;
  }
  .synapse-app .monograph-searchfield input {
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 20px;
    width: 100%;
    font-size: 14px;
    color: var(--grey-100, #222d39);
  }
  .synapse-app .monograph-searchfield input::placeholder {
    color: var(--grey-50);
    opacity: 1;
  }
  .synapse-app .monograph-searchfield input::-ms-input-placeholder {
    color: var(--grey-50);
  }
  .synapse-app .monograph-searchfield .invisible-button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    min-height: 17px;
  }
  .synapse-app .monograph-short-cuts {
    padding: var(--spacing-4) var(--spacing-3);
  }
  .synapse-app .monograph-short-cuts .monograph-short-cut-go {
    color: var(--brand-primary, #00a0ff);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: var(--spacing-2);
  }
  .synapse-app .monograph-short-cuts .short-cut-item {
    cursor: pointer;
    padding: var(--spacing-1) var(--spacing-2);
    display: flex;
    width: 100%;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    line-height: 105%;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    justify-content: flex-start;
  }
  .synapse-app .monograph-short-cuts .short-cut-item:hover {
    border-radius: var(--rounded-50, 4px);
    border: 1px solid var(--brand-secondary-medium, #ffceeb);
    background: var(--additional-secondary, #fdf7fb);
  }
  .synapse-app .monograph-summary {
    padding: var(--spacing-4) var(--spacing-3);
    font-size: 12px;
  }
  .synapse-app .monograph-summary .monograph-summary-title {
    color: var(--brand-primary, #00a0ff);
    font-weight: 600;
    margin-bottom: var(--spacing-2);
    margin-bottom: var(--spacing-25);
  }
  .synapse-app .monograph-summary .links-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
  }
  .synapse-app .link-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--spacing-1) var(--spacing-2);
    background: none;
    border: none;
    font-weight: 600;
    color: var(--greys-grey-100);
    text-align: left;
    border-radius: var(--rounded-50, 4px);
    border: 1px solid transparent;
    font-size: 12px;
  }
  .synapse-app .link-button:hover {
    cursor: pointer;
    border: 1px solid var(--brand-secondary-medium, #ffceeb);
    background: var(--additional-secondary, #fdf7fb);
  }
  .synapse-app .link-button.nested {
    color: var(--grey-75);
    font-weight: normal;
  }
  .synapse-app .link-button.active {
    color: var(--brand-main-secondary, #f09);
  }
  .synapse-app .new-monograph-header {
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    height: 63px;
    padding: var(--spacing-2) var(--spacing-3);
    gap: 16px;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
  }
  .synapse-app .new-monograph-header picture img {
    max-height: 20px;
  }
  .synapse-app .new-monograph-header .search-bar {
    z-index: 10;
  }
  .synapse-app .new-monograph-header .search-bar .component-researchBarComposite > div.row {
    background: #fff;
  }
  .synapse-app .showClose {
    padding-right: 72px;
  }
  .synapse-app .is-scrolled.desc .new-monograph-header {
    margin-top: -63px;
  }
  .synapse-app .is-scrolled.asc .new-monograph-header {
    background: var(--brand-light-primary, #f2faff);
  }
}
html,
body {
  margin: 0;
  padding: 0;
}

@layer synapse-app {
  .synapse-app {
    margin: 0;
    background: var(--brand-quaternary-light);
    -webkit-tap-highlight-color: transparent;
    /**
     * Swiper 9.2.0
     * Most modern mobile touch slider and framework with hardware accelerated transitions
     * https://swiperjs.com
     *
     * Copyright 2014-2023 Vladimir Kharlampidi
     *
     * Released under the MIT License
     *
     * Released on: March 31, 2023
     */
    /* FONT_START */
    /* FONT_END */
    /* Auto Height */
    /* 3D Effects */
    /* CSS Mode */
    /**
      Swiper's "autoHeight" property bugs when the height of a slide is dynamic.
      As is the case for us with input errors that can add to the DOM.
      This being the case, we don't want the highest slide to define the overall height.
      This fix allows to manage this behavior.
     */
    /**
      We hide inactive slide interactive children to prevent keyboard focus issue
      Please take a look -> https://github.com/nolimits4web/swiper/issues/699
      Unlike the link, we don't hide the whole slide to keep the sliding effect
      Focusable elements -> https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus
     */
  }
  .synapse-app #root {
    isolation: isolate;
  }
  .synapse-app a:hover {
    text-decoration: none;
  }
  .synapse-app .btn-unstyled {
    appearance: none;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
  }
  .synapse-app .sp-component-header-mobile .sp-component-menu-account > button {
    background: none;
    border: none;
    width: 100%;
    appearance: none;
    color: var(--brand-primary);
  }
  .synapse-app .sp-component-header {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .synapse-app .sp-component-header .sp-component-navigation {
    margin-bottom: -1px;
  }
  .synapse-app .sp-component-header .sp-component-dropdown-menu {
    top: calc(100% + 8px);
    right: 0;
    min-width: 260px;
  }
  .synapse-app .sp-component-header .sp-component-dropdown-toggle {
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: border-color 150ms ease-out;
  }
  .synapse-app .sp-component-header .sp-component-dropdown-toggle:hover, .synapse-app .sp-component-header .sp-component-dropdown-toggle:focus, .synapse-app .sp-component-header .sp-component-dropdown-toggle.is-active {
    border-bottom-color: inherit;
  }
  .synapse-app .sp-component-navigation > a {
    border-bottom: 2px solid transparent;
    transition: border-color 150ms ease-out;
  }
  .synapse-app .sp-component-navigation > a.is-active,
.synapse-app .sp-component-navigation > a:hover,
.synapse-app .sp-component-navigation > a:focus {
    border-color: inherit;
  }
  .synapse-app .sp-component-navigation > a.is-active {
    color: var(--brand-primary) !important;
  }
  .synapse-app .sp-component-navigation-mobile a.is-active {
    background: var(--brand-quaternary-light);
    color: var(--brand-quaternary);
    font-weight: 700;
  }
  .synapse-app .sp-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 76%;
    transform: translate(25%, 0);
    opacity: 0;
    transition: transform 550ms cubic-bezier(0.12, 0.75, 0.37, 0.97), opacity 550ms cubic-bezier(0.12, 0.75, 0.37, 0.97);
  }
  .synapse-app .sp-sidebar.is-open {
    transform: translate(0, 0);
    opacity: 1;
  }
  .synapse-app .sp-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
  }
  .synapse-app .sp-sidebar-close,
.synapse-app .sp-sidebar-trigger {
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    color: var(--brand-primary);
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-item {
    transition: background 150ms ease-out;
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-item.is-active {
    color: var(--brand-quaternary);
    background: var(--brand-quaternary-light);
    font-weight: 700;
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-item:not(.is-active):hover {
    background: var(--grey-0);
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-item + .sp-component-dropdown-item {
    margin-top: var(--spacing-1);
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-menu {
    right: 0;
    opacity: 0;
    transition: opacity 150ms ease-out;
  }
  .synapse-app .sp-component-dropdown .sp-component-dropdown-menu.is-visible {
    opacity: 1;
  }
  .synapse-app .sp-paper-layout {
    padding: var(--spacing-45) var(--spacing-0);
  }
  .synapse-app .sp-paper-layout .sp-paper-container {
    box-shadow: var(--dp-75);
    padding: var(--spacing-3) var(--spacing-4);
    margin: 0 auto;
    border-radius: var(--rounded-100);
    background-color: var(--white);
  }
  .synapse-app .sp-gradient-layout {
    min-height: 100vh;
    border: var(--spacing-4) solid var(--white);
    border-top: none;
    background-position: 50% 15%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .synapse-app .sp-component-title .sp-icon-container {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--brand-primary);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .sp-component-section .sp-form-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    z-index: 1;
    cursor: wait;
    opacity: 0.75;
    left: 0;
    top: 0;
    border-radius: var(--rounded-50);
  }
  .synapse-app .sp-support-team-picture img {
    display: block;
    max-width: 100%;
    width: 50px;
    height: auto;
  }
  .synapse-app .sp-component-footer {
    font-size: 10px;
  }
  .synapse-app .sp-component-footer .sp-footer-divider {
    height: 10px;
    margin: 0;
    background-color: var(--brand-primary);
  }
  .synapse-app .sp-component-external-link,
.synapse-app .sp-component-external-link:link {
    text-decoration: underline var(--brand-primary) solid !important;
  }
  .synapse-app .sp-component-input-file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .synapse-app .sp-component-input-file .sp-input-file-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-1);
    margin-bottom: var(--spacing-2);
  }
  .synapse-app .sp-component-input-file label, .synapse-app .sp-component-input-file button {
    cursor: pointer;
  }
  .synapse-app .sp-component-input-file input[type=file] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
  }
  .synapse-app .sp-contact-form-component .component-select {
    margin-top: 0;
  }
  .synapse-app .sp-contact-form-component .sp-two-inputs > div {
    flex-grow: 1;
  }
  .synapse-app .sp-contact-form-component .component-formTextAreaInput .label {
    display: inline-flex;
    color: var(--grey-75);
    font-size: var(--text-75);
  }
  .synapse-app .sp-contact-form-component .sp-textarea {
    width: 100%;
    padding: var(--spacing-3);
    height: 150px;
    border-radius: var(--rounded-100);
    border: 1px solid var(--grey-50);
    background-color: var(--white);
    color: var(--brand-primary);
    font-size: var(--text-75);
    resize: none;
    overflow: auto;
  }
  .synapse-app .sp-contact-form-component .sp-textarea:not(.disabled):not(:disabled):focus, .synapse-app .sp-contact-form-component .sp-textarea:not(.disabled):not(:disabled):focus-within {
    border-color: var(--brand-primary);
  }
  .synapse-app .sp-component-prescription-analysis .component-panel {
    max-width: 80% !important;
  }
  .synapse-app .sp-component-prescription-analysis .tabs {
    border-bottom: 3px solid var(--grey-25);
    gap: 60px;
  }
  .synapse-app .sp-component-prescription-analysis .tabs > button {
    color: var(--grey-75);
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2);
    cursor: pointer;
  }
  .synapse-app .sp-component-prescription-analysis .tabs > button.active {
    border-bottom-color: var(--brand-primary);
    color: var(--brand-primary);
  }
  .synapse-app .sp-component-prescription-analysis .tabs > button.disabled {
    pointer-events: none;
    color: var(--grey-25);
  }
  .synapse-app .sp-component-prescription-analysis .tabs .notification {
    width: var(--spacing-2);
    height: var(--spacing-2);
    border-radius: 100%;
    background: currentColor;
    display: block;
  }
  .synapse-app .summary-components {
    flex-grow: 1;
    padding-left: 400px;
  }
  .synapse-app .prescription-modal_content {
    min-height: 90% !important;
  }
  .synapse-app .summary-additional-buttons {
    border-radius: var(--rounded-100);
    border: 1px solid var(--grey-25);
    padding: var(--spacing-3);
    background-color: white;
    color: var(--color-brand-primary);
    text-align: initial;
  }
  .synapse-app .summary-additional-buttons:hover {
    background-color: var(--grey-0);
  }
  .synapse-app .summary-additional-buttons:disabled {
    color: var(--grey-75);
  }
  .synapse-app .summary-additional-buttons:disabled:hover {
    background-color: white;
  }
  .synapse-app .prescription-import-mrn-profile-container {
    padding: var(--spacing-2);
    border-bottom: 1px solid var(--grey-25);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .patient-infos {
    flex-grow: 1;
    display: flex;
  }
  .synapse-app .patient-infos .patient-infos-info {
    border-left: 1px solid var(--grey-25);
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }
  .synapse-app .patient-infos .patient-infos-name {
    border-left: none;
    padding-left: 0;
    font-weight: 700;
  }
  .synapse-app .component-panel {
    max-width: 40% !important;
    min-width: 400px !important;
  }
  .synapse-app .prescription-import-mrn-profile-modal {
    max-width: 200px;
  }
  .synapse-app .results-section,
.synapse-app .radio-treatments,
.synapse-app .nb-of-results {
    text-align: start !important;
  }
  .synapse-app .radio-treatments {
    max-width: 60%;
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  .synapse-app .radio-treatments label {
    margin-left: 0 !important;
  }
  .synapse-app .result-card-container {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-2);
    border-radius: var(--rounded-100);
    border: 1px solid var(--brand-primary-medium);
    background-color: var(--brand-primary-light);
    color: var(--brand-primary-medium);
  }
  .synapse-app .result-card-container.selected {
    background-color: var(--brand-primary-medium);
    color: var(--brand-primary-light);
  }
  .synapse-app .result-card-container .result-card-name {
    font-size: var(--text-125);
    font-weight: var(--font-weight-bold);
  }
  .synapse-app .result-card-container .result-card-infos {
    display: flex;
    flex-direction: row;
  }
  .synapse-app .result-card-container .result-card-infos .result-card-info {
    padding-left: var(--spacing-2);
    display: flex;
    flex-direction: row;
  }
  .synapse-app .result-card-container .result-card-infos #MRN-number {
    font-weight: var(--font-weight-bold);
  }
  .synapse-app .autocomplete-container {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
  }
  .synapse-app .autocomplete-container .component-input, .synapse-app .autocomplete-container .component-multi-select {
    margin-top: 0px;
  }
  .synapse-app .sp-component-prescription-import .component-modal-v1.platform {
    overflow: auto;
  }
  .synapse-app .modal-quick-extract {
    top: 5% !important;
    max-width: 1090px !important;
    height: auto !important;
    max-height: none !important;
    overflow: initial !important;
  }
  .synapse-app .modal-quick-extract .component-modal-close {
    z-index: 1;
  }
  .synapse-app .modal-quick-extract > .content {
    padding-top: var(--spacing-4) !important;
  }
  @font-face {
    .synapse-app {
      font-family: "swiper-icons";
      src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
      font-weight: 400;
      font-style: normal;
    }
  }
  .synapse-app :root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
  }
  .synapse-app .swiper,
.synapse-app swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
  }
  .synapse-app .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .synapse-app .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  .synapse-app .swiper-android .swiper-slide,
.synapse-app .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .synapse-app .swiper-horizontal {
    touch-action: pan-y;
  }
  .synapse-app .swiper-vertical {
    touch-action: pan-x;
  }
  .synapse-app .swiper-slide,
.synapse-app swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
  }
  .synapse-app .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .synapse-app .swiper-autoheight,
.synapse-app .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .synapse-app .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .synapse-app .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .synapse-app .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .synapse-app .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .synapse-app .swiper-3d {
    perspective: 1200px;
  }
  .synapse-app .swiper-3d .swiper-slide,
.synapse-app .swiper-3d .swiper-slide-shadow,
.synapse-app .swiper-3d .swiper-slide-shadow-left,
.synapse-app .swiper-3d .swiper-slide-shadow-right,
.synapse-app .swiper-3d .swiper-slide-shadow-top,
.synapse-app .swiper-3d .swiper-slide-shadow-bottom,
.synapse-app .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .synapse-app .swiper-3d .swiper-slide-shadow,
.synapse-app .swiper-3d .swiper-slide-shadow-left,
.synapse-app .swiper-3d .swiper-slide-shadow-right,
.synapse-app .swiper-3d .swiper-slide-shadow-top,
.synapse-app .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .synapse-app .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .synapse-app .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .synapse-app .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .synapse-app .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .synapse-app .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .synapse-app .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .synapse-app .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .synapse-app .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .synapse-app .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .synapse-app .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .synapse-app .swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  .synapse-app .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .synapse-app .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .synapse-app .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .synapse-app .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .synapse-app .swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  .synapse-app .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .synapse-app .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.synapse-app swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.synapse-app .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .synapse-app .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .synapse-app .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .synapse-app .swiper-slide {
    height: 0;
  }
  .synapse-app .swiper-slide.swiper-slide-active {
    height: 100%;
  }
  .synapse-app .swiper-slide a[href]:not([tabindex="-1"]),
.synapse-app .swiper-slide area[href]:not([tabindex="-1"]),
.synapse-app .swiper-slide input:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide select:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide textarea:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide button:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide iframe:not([tabindex="-1"]),
.synapse-app .swiper-slide [tabindex]:not([tabindex="-1"]),
.synapse-app .swiper-slide [contentEditable=true]:not([tabindex="-1"]) {
    visibility: hidden;
  }
  .synapse-app .swiper-slide.swiper-slide-active a[href]:not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active area[href]:not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active input:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active select:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active textarea:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active button:not([disabled]):not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active iframe:not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active [tabindex]:not([tabindex="-1"]),
.synapse-app .swiper-slide.swiper-slide-active [contentEditable=true]:not([tabindex="-1"]) {
    visibility: visible;
  }
  .synapse-app .sp-hot-reload-modal button {
    display: none;
  }
  .synapse-app .sp-hot-reload-modal progress {
    border-radius: 10px;
    width: 50%;
    min-width: 200px;
    height: 10px;
    margin: auto;
    border: 1px solid var(--grey-50);
  }
  .synapse-app .sp-hot-reload-modal progress::-webkit-progress-bar {
    background-color: var(--grey-25);
    border-radius: 10px;
  }
  .synapse-app .sp-hot-reload-modal progress::-webkit-progress-value {
    background-color: var(--brand-secondary);
    border-radius: 10px;
  }
  .synapse-app .sp-hot-reload-modal progress::-moz-progress-bar {
    background-color: var(--brand-secondary);
    border-radius: 10px;
  }
  .synapse-app .sp-offline-modal button {
    display: none;
  }
  .synapse-app-pro {
    background-color: #fafafa !important;
  }
  .synapse-app-pro .synapse-popup {
    overflow-x: hidden;
  }

  .synapse-app .sp-page-virtual-prescription {
    min-height: calc(100vh - 55px);
    display: flex;
    flex-direction: column;
  }
  .synapse-app .sp-page-virtual-prescription .sp-section-virtual-prescription-inputs {
    padding: var(--spacing-2);
  }
  .synapse-app .sp-page-virtual-prescription .sp-section-virtual-prescription-inputs .component-researchBarComposite > div {
    background: var(--white);
  }
  .synapse-app .sp-page-virtual-prescription .sp-section-virtual-prescription-profile {
    margin-bottom: var(--spacing-2);
  }
  .synapse-app .sp-page-virtual-prescription .sp-section-virtual-prescription-prescription {
    min-height: 295px;
    padding: var(--spacing-45) var(--spacing-3) calc(var(--spacing-5) - var(--spacing-2));
  }
  .synapse-app .sp-page-virtual-prescription .sp-section-virtual-prescription-outputs {
    padding: var(--spacing-4);
    position: relative;
    flex: 1;
  }
  .synapse-app .sp-page-virtual-prescription .sp-component-prescription-import > button > span {
    display: none;
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-inputs {
    padding: 0;
    position: relative;
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-profile {
    background: var(--white);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    margin-bottom: 0;
    padding: var(--spacing-45) var(--spacing-3) var(--spacing-3);
    border-bottom: 1px solid var(--grey-25);
    border-right: 1px solid var(--grey-25);
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-primary) var(--brand-primary-light);
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-profile::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-profile::-webkit-scrollbar:vertical {
    width: 5px;
    background-color: var(--white);
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-profile::-webkit-scrollbar-thumb {
    border-radius: var(--rounded-100);
    border: 1px solid var(--brand-primary);
    /* should match background, can't be transparent */
    background-color: var(--brand-primary);
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-prescription {
    min-height: clamp(530px, 60vh, 60vh);
    padding-left: calc(400px + var(--spacing-5));
    padding-right: var(--spacing-5);
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-section-virtual-prescription-outputs {
    padding-left: clamp(var(--spacing-4), 10%, 140px);
    padding-right: clamp(var(--spacing-4), 10%, 140px);
  }
  .synapse-app .sp-page-virtual-prescription--lg .sp-component-prescription-import > button > span {
    display: inline;
  }
  .synapse-app .epic-profile {
    z-index: 1;
  }
  .synapse-app .epic-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .synapse-app .sp-page-monograph {
    max-width: 983px;
    margin: 0 auto;
    background-color: white;
    height: calc(100vh - 50px) !important;
  }
  .synapse-app .sp-page-monograph:not(.sp-page-monograph--lg) .component-monographComposite {
    margin-left: 0;
    margin-right: 0;
  }
  .synapse-app .component-formSelect.mt-0 .component-select {
    margin: inherit;
  }
  .synapse-app .component-formSelect .options {
    max-height: 180px;
    overflow: auto;
  }
  .synapse-app .component-modal .btn.close {
    padding: 0;
  }
}
@layer synapse-widgets {
  .synapse-widget {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Graphik-regular;
    --font-family-tertiary: Graphik-regular;
    --text-25: calc(1 / 16 * 10rem);
    --text-50: calc(1 / 16 * 12rem);
    --text-75: calc(1 / 16 * 14rem);
    --text-100: 1rem;
    --text-125: calc(1 / 16 * 18rem);
    --text-150: calc(1 / 16 * 20rem);
    --text-175: calc(1 / 16 * 24rem);
    --text-200: calc(1 / 16 * 28rem);
    --h1-family: Graphik-regular;
    --h2-family: Graphik-regular;
    --h3-family: Graphik-regular;
    --h4-family: Graphik-regular;
    --h5-family: Graphik-regular;
    --h6-family: Graphik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h6-transform: none;
    --h1-size: calc(1 / 16 * 40rem);
    --h2-size: calc(1 / 16 * 32rem);
    --h3-size: calc(1 / 16 * 28rem);
    --h4-size: calc(1 / 16 * 24rem);
    --h5-size: calc(1 / 16 * 20rem);
    --h6-size: calc(1 / 16 * 18rem);
    --h1-weight: 600;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --h1-line-height: 1.15;
    --h2-line-height: 1.15;
    --h3-line-height: 1.15;
    --h4-line-height: 1.15;
    --h5-line-height: 1.25;
    --h6-line-height: 1.25;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --dp-copilot-25: 0px 1px 2px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-50: 0px 4px 13px 0px rgba(127, 44, 191, 0.09);
    --dp-copilot-100: 0px 1px 10px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-200: 0px 3px 17px 0px rgba(152, 53, 230, 0.25);
    --alert-0: #68daa0;
    --alert-0-h: 149.4736842105deg;
    --alert-0-s: 60.6382978723%;
    --alert-0-l: 63.137254902%;
    --alert-0-light: #e8faf2;
    --alert-0-light-h: 153.3333333333deg;
    --alert-0-light-s: 64.2857142857%;
    --alert-0-light-l: 94.5098039216%;
    --alert-0-medium: #c2f4db;
    --alert-0-medium-h: 150deg;
    --alert-0-medium-s: 69.4444444444%;
    --alert-0-medium-l: 85.8823529412%;
    --alert-0-dark: #5abe8b;
    --alert-0-dark-h: 149.4deg;
    --alert-0-dark-s: 43.4782608696%;
    --alert-0-dark-l: 54.9019607843%;
    --alert-25: #deef75;
    --alert-25-h: 68.3606557377deg;
    --alert-25-s: 79.2207792208%;
    --alert-25-l: 69.8039215686%;
    --alert-25-light: #feffed;
    --alert-25-light-h: 63.3333333333deg;
    --alert-25-light-s: 100%;
    --alert-25-light-l: 96.4705882353%;
    --alert-25-medium: #eef7b7;
    --alert-25-medium-h: 68.4375deg;
    --alert-25-medium-s: 80%;
    --alert-25-medium-l: 84.3137254902%;
    --alert-25-dark: #afc144;
    --alert-25-dark-h: 68.64deg;
    --alert-25-dark-s: 50.2008032129%;
    --alert-25-dark-l: 51.1764705882%;
    --alert-50: #fae15f;
    --alert-50-h: 50.3225806452deg;
    --alert-50-s: 93.9393939394%;
    --alert-50-l: 67.6470588235%;
    --alert-50-light: #fff9e7;
    --alert-50-light-h: 45deg;
    --alert-50-light-s: 100%;
    --alert-50-light-l: 95.2941176471%;
    --alert-50-medium: #fff2af;
    --alert-50-medium-h: 50.25deg;
    --alert-50-medium-s: 100%;
    --alert-50-medium-l: 84.3137254902%;
    --alert-50-dark: #eeb934;
    --alert-50-dark-h: 42.9032258065deg;
    --alert-50-dark-s: 84.5454545455%;
    --alert-50-dark-l: 56.862745098%;
    --alert-75: #fb7021;
    --alert-75-h: 21.7431192661deg;
    --alert-75-s: 96.4601769912%;
    --alert-75-l: 55.6862745098%;
    --alert-75-light: #ffefe6;
    --alert-75-light-h: 21.6deg;
    --alert-75-light-s: 100%;
    --alert-75-light-l: 95.0980392157%;
    --alert-75-medium: #fed2b8;
    --alert-75-medium-h: 22.2857142857deg;
    --alert-75-medium-s: 97.2222222222%;
    --alert-75-medium-l: 85.8823529412%;
    --alert-75-dark: #e75a08;
    --alert-75-dark-h: 22.0627802691deg;
    --alert-75-dark-s: 93.3054393305%;
    --alert-75-dark-l: 46.862745098%;
    --alert-100: #eb4343;
    --alert-100-h: 0deg;
    --alert-100-s: 80.7692307692%;
    --alert-100-l: 59.2156862745%;
    --alert-100-light: #fdecec;
    --alert-100-light-h: 0deg;
    --alert-100-light-s: 80.9523809524%;
    --alert-100-light-l: 95.8823529412%;
    --alert-100-medium: #ffc6c6;
    --alert-100-medium-h: 0deg;
    --alert-100-medium-s: 100%;
    --alert-100-medium-l: 88.8235294118%;
    --alert-100-dark: #da2c2c;
    --alert-100-dark-h: 0deg;
    --alert-100-dark-s: 70.1612903226%;
    --alert-100-dark-l: 51.3725490196%;
    --alert-125: #200303;
    --alert-125-h: 0deg;
    --alert-125-s: 82.8571428571%;
    --alert-125-l: 6.862745098%;
    --alert-125-light: #e9e6e6;
    --alert-125-light-h: 0deg;
    --alert-125-light-s: 6.3829787234%;
    --alert-125-light-l: 90.7843137255%;
    --alert-125-medium: #e1e1e1;
    --alert-125-medium-h: 0deg;
    --alert-125-medium-s: 0%;
    --alert-125-medium-l: 88.2352941176%;
    --alert-125-dark: #0b0101;
    --alert-125-dark-h: 0deg;
    --alert-125-dark-s: 83.3333333333%;
    --alert-125-dark-l: 2.3529411765%;
    --brand-primary: #00a0ff;
    --brand-primary-h: 202.3529411765deg;
    --brand-primary-s: 100%;
    --brand-primary-l: 50%;
    --brand-primary-light: #f2faff;
    --brand-primary-light-h: 203.0769230769deg;
    --brand-primary-light-s: 100%;
    --brand-primary-light-l: 97.4509803922%;
    --brand-primary-medium: #c3e9ff;
    --brand-primary-medium-h: 202deg;
    --brand-primary-medium-s: 100%;
    --brand-primary-medium-l: 88.2352941176%;
    --brand-primary-dark: #0080cc;
    --brand-primary-dark-h: 202.3529411765deg;
    --brand-primary-dark-s: 100%;
    --brand-primary-dark-l: 40%;
    --brand-secondary: #ff0099;
    --brand-secondary-h: 324deg;
    --brand-secondary-s: 100%;
    --brand-secondary-l: 50%;
    --brand-secondary-light: #fef2fa;
    --brand-secondary-light-h: 320deg;
    --brand-secondary-light-s: 85.7142857143%;
    --brand-secondary-light-l: 97.2549019608%;
    --brand-secondary-medium: #ffceeb;
    --brand-secondary-medium-h: 324.4897959184deg;
    --brand-secondary-medium-s: 100%;
    --brand-secondary-medium-l: 90.3921568627%;
    --brand-secondary-dark: #cc007a;
    --brand-secondary-dark-h: 324.1176470588deg;
    --brand-secondary-dark-s: 100%;
    --brand-secondary-dark-l: 40%;
    --brand-tertiary: #9835e6;
    --brand-tertiary-h: 273.5593220339deg;
    --brand-tertiary-s: 77.9735682819%;
    --brand-tertiary-l: 55.4901960784%;
    --brand-tertiary-light: #f6ebff;
    --brand-tertiary-light-h: 273deg;
    --brand-tertiary-light-s: 100%;
    --brand-tertiary-light-l: 96.0784313725%;
    --brand-tertiary-medium: #eaceff;
    --brand-tertiary-medium-h: 274.2857142857deg;
    --brand-tertiary-medium-s: 100%;
    --brand-tertiary-medium-l: 90.3921568627%;
    --brand-tertiary-dark: #7f2cbf;
    --brand-tertiary-dark-h: 273.8775510204deg;
    --brand-tertiary-dark-s: 62.5531914894%;
    --brand-tertiary-dark-l: 46.0784313725%;
    --additional-primary: #f5fbfe;
    --additional-primary-h: 200deg;
    --additional-primary-s: 81.8181818182%;
    --additional-primary-l: 97.8431372549%;
    --additional-secondary: #fdf7fb;
    --additional-secondary-h: 320deg;
    --additional-secondary-s: 60%;
    --additional-secondary-l: 98.0392156863%;
    --additional-tertiary: #faf7fd;
    --additional-tertiary-h: 270deg;
    --additional-tertiary-s: 60%;
    --additional-tertiary-l: 98.0392156863%;
    --additional-quaternary: #ffffff;
    --additional-quaternary-h: 0deg;
    --additional-quaternary-s: 0%;
    --additional-quaternary-l: 100%;
    --additional-fifth: #f8f9f9;
    --additional-fifth-h: 180deg;
    --additional-fifth-s: 7.6923076923%;
    --additional-fifth-l: 97.4509803922%;
    --additional-sixth: #222d39;
    --additional-sixth-h: 211.3043478261deg;
    --additional-sixth-s: 25.2747252747%;
    --additional-sixth-l: 17.8431372549%;
    --copilot-primary: linear-gradient(125deg, #9835e6 0%, #5e5eef 100%);
    --copilot-secondary: linear-gradient(125deg, #9835e6 0%, #c21fc7 100%);
    --white: #ffffff;
    --white-h: 0deg;
    --white-s: 0%;
    --white-l: 100%;
    --grey-0: #f5f5f5;
    --grey-0-h: 0deg;
    --grey-0-s: 0%;
    --grey-0-l: 96.0784313725%;
    --grey-25: #e1e1e1;
    --grey-25-h: 0deg;
    --grey-25-s: 0%;
    --grey-25-l: 88.2352941176%;
    --grey-50: #b6babe;
    --grey-50-h: 210deg;
    --grey-50-s: 5.7971014493%;
    --grey-50-l: 72.9411764706%;
    --grey-75: #6e7881;
    --grey-75-h: 208.4210526316deg;
    --grey-75-s: 7.949790795%;
    --grey-75-l: 46.862745098%;
    --grey-80: #49545e;
    --grey-80-h: 208.5714285714deg;
    --grey-80-s: 12.5748502994%;
    --grey-80-l: 32.7450980392%;
    --grey-100: #222d39;
    --grey-100-h: 211.3043478261deg;
    --grey-100-s: 25.2747252747%;
    --grey-100-l: 17.8431372549%;
    --border-width: 1px;
    --border-color: #e1e1e1;
    --border-color-h: 0deg;
    --border-color-s: 0%;
    --border-color-l: 88.2352941176%;
    --outline-primary: 3px solid rgba(0, 160, 255, 0.2);
    --z-0: 0;
    --z-1: 1;
    --z-2: 2;
    --z-3: 3;
    --z-cheating: 100;
    --weight-bold: 700;
    --weight-semibold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-normal: 400;
    --weight-light: 300;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/GraphikRegular.otf");
    font-weight: 300 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/GraphikSemibold.otf");
    font-weight: 600;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/GraphikBold.otf");
    font-weight: 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Graphik-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/GraphikMedium.otf");
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-SemiBold.ttf");
    font-weight: 600;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter-regular";
    src: url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.woff2") format("woff2"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.otf") format("otf"), url("https://static.test.c-napps.com/boto/fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 300 500;
    font-display: swap;
  }
  .synapse-widget :root {
    --font-family-primary: Inter-regular;
    --font-family-secondary: Graphik-regular;
    --font-family-tertiary: Graphik-regular;
    --text-25: calc(1 / 16 * 10rem);
    --text-50: calc(1 / 16 * 12rem);
    --text-75: calc(1 / 16 * 14rem);
    --text-100: 1rem;
    --text-125: calc(1 / 16 * 18rem);
    --text-150: calc(1 / 16 * 20rem);
    --text-175: calc(1 / 16 * 24rem);
    --text-200: calc(1 / 16 * 28rem);
    --h1-family: Graphik-regular;
    --h2-family: Graphik-regular;
    --h3-family: Graphik-regular;
    --h4-family: Graphik-regular;
    --h5-family: Graphik-regular;
    --h6-family: Graphik-regular;
    --h1-transform: none;
    --h2-transform: none;
    --h3-transform: none;
    --h4-transform: none;
    --h5-transform: none;
    --h6-transform: none;
    --h1-size: calc(1 / 16 * 40rem);
    --h2-size: calc(1 / 16 * 32rem);
    --h3-size: calc(1 / 16 * 28rem);
    --h4-size: calc(1 / 16 * 24rem);
    --h5-size: calc(1 / 16 * 20rem);
    --h6-size: calc(1 / 16 * 18rem);
    --h1-weight: 600;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --h1-line-height: 1.15;
    --h2-line-height: 1.15;
    --h3-line-height: 1.15;
    --h4-line-height: 1.15;
    --h5-line-height: 1.25;
    --h6-line-height: 1.25;
    --opacity-0: 0;
    --opacity-25: 0.25;
    --opacity-50: 0.5;
    --opacity-75: 0.75;
    --opacity-100: 1;
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-25: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-45: 32px;
    --spacing-5: 48px;
    --rounded-0: 0px;
    --rounded-25: 2px;
    --rounded-50: 4px;
    --rounded-75: 6px;
    --rounded-100: 8px;
    --rounded-125: 12px;
    --rounded-150: 16px;
    --rounded-200: 32px;
    --dp-0: none;
    --dp-25: 0px 1px 4px 0px rgba(34, 45, 57, 0.12);
    --dp-50: 0px 4px 8px rgba(0, 0, 0, 0.08);
    --dp-75: 0px 8px 14px rgba(0, 0, 0, 0.08);
    --dp-100: 0px 4px 8px rgba(0, 0, 0, 0.16);
    --dp-copilot-25: 0px 1px 2px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-50: 0px 4px 13px 0px rgba(127, 44, 191, 0.09);
    --dp-copilot-100: 0px 1px 10px 0px rgba(152, 53, 230, 0.15);
    --dp-copilot-200: 0px 3px 17px 0px rgba(152, 53, 230, 0.25);
    --alert-0: #68daa0;
    --alert-0-h: 149.4736842105deg;
    --alert-0-s: 60.6382978723%;
    --alert-0-l: 63.137254902%;
    --alert-0-light: #e8faf2;
    --alert-0-light-h: 153.3333333333deg;
    --alert-0-light-s: 64.2857142857%;
    --alert-0-light-l: 94.5098039216%;
    --alert-0-medium: #c2f4db;
    --alert-0-medium-h: 150deg;
    --alert-0-medium-s: 69.4444444444%;
    --alert-0-medium-l: 85.8823529412%;
    --alert-0-dark: #5abe8b;
    --alert-0-dark-h: 149.4deg;
    --alert-0-dark-s: 43.4782608696%;
    --alert-0-dark-l: 54.9019607843%;
    --alert-25: #deef75;
    --alert-25-h: 68.3606557377deg;
    --alert-25-s: 79.2207792208%;
    --alert-25-l: 69.8039215686%;
    --alert-25-light: #feffed;
    --alert-25-light-h: 63.3333333333deg;
    --alert-25-light-s: 100%;
    --alert-25-light-l: 96.4705882353%;
    --alert-25-medium: #eef7b7;
    --alert-25-medium-h: 68.4375deg;
    --alert-25-medium-s: 80%;
    --alert-25-medium-l: 84.3137254902%;
    --alert-25-dark: #afc144;
    --alert-25-dark-h: 68.64deg;
    --alert-25-dark-s: 50.2008032129%;
    --alert-25-dark-l: 51.1764705882%;
    --alert-50: #fae15f;
    --alert-50-h: 50.3225806452deg;
    --alert-50-s: 93.9393939394%;
    --alert-50-l: 67.6470588235%;
    --alert-50-light: #fff9e7;
    --alert-50-light-h: 45deg;
    --alert-50-light-s: 100%;
    --alert-50-light-l: 95.2941176471%;
    --alert-50-medium: #fff2af;
    --alert-50-medium-h: 50.25deg;
    --alert-50-medium-s: 100%;
    --alert-50-medium-l: 84.3137254902%;
    --alert-50-dark: #eeb934;
    --alert-50-dark-h: 42.9032258065deg;
    --alert-50-dark-s: 84.5454545455%;
    --alert-50-dark-l: 56.862745098%;
    --alert-75: #fb7021;
    --alert-75-h: 21.7431192661deg;
    --alert-75-s: 96.4601769912%;
    --alert-75-l: 55.6862745098%;
    --alert-75-light: #ffefe6;
    --alert-75-light-h: 21.6deg;
    --alert-75-light-s: 100%;
    --alert-75-light-l: 95.0980392157%;
    --alert-75-medium: #fed2b8;
    --alert-75-medium-h: 22.2857142857deg;
    --alert-75-medium-s: 97.2222222222%;
    --alert-75-medium-l: 85.8823529412%;
    --alert-75-dark: #e75a08;
    --alert-75-dark-h: 22.0627802691deg;
    --alert-75-dark-s: 93.3054393305%;
    --alert-75-dark-l: 46.862745098%;
    --alert-100: #eb4343;
    --alert-100-h: 0deg;
    --alert-100-s: 80.7692307692%;
    --alert-100-l: 59.2156862745%;
    --alert-100-light: #fdecec;
    --alert-100-light-h: 0deg;
    --alert-100-light-s: 80.9523809524%;
    --alert-100-light-l: 95.8823529412%;
    --alert-100-medium: #ffc6c6;
    --alert-100-medium-h: 0deg;
    --alert-100-medium-s: 100%;
    --alert-100-medium-l: 88.8235294118%;
    --alert-100-dark: #da2c2c;
    --alert-100-dark-h: 0deg;
    --alert-100-dark-s: 70.1612903226%;
    --alert-100-dark-l: 51.3725490196%;
    --alert-125: #200303;
    --alert-125-h: 0deg;
    --alert-125-s: 82.8571428571%;
    --alert-125-l: 6.862745098%;
    --alert-125-light: #e9e6e6;
    --alert-125-light-h: 0deg;
    --alert-125-light-s: 6.3829787234%;
    --alert-125-light-l: 90.7843137255%;
    --alert-125-medium: #e1e1e1;
    --alert-125-medium-h: 0deg;
    --alert-125-medium-s: 0%;
    --alert-125-medium-l: 88.2352941176%;
    --alert-125-dark: #0b0101;
    --alert-125-dark-h: 0deg;
    --alert-125-dark-s: 83.3333333333%;
    --alert-125-dark-l: 2.3529411765%;
    --brand-primary: #00a0ff;
    --brand-primary-h: 202.3529411765deg;
    --brand-primary-s: 100%;
    --brand-primary-l: 50%;
    --brand-primary-light: #f2faff;
    --brand-primary-light-h: 203.0769230769deg;
    --brand-primary-light-s: 100%;
    --brand-primary-light-l: 97.4509803922%;
    --brand-primary-medium: #c3e9ff;
    --brand-primary-medium-h: 202deg;
    --brand-primary-medium-s: 100%;
    --brand-primary-medium-l: 88.2352941176%;
    --brand-primary-dark: #0080cc;
    --brand-primary-dark-h: 202.3529411765deg;
    --brand-primary-dark-s: 100%;
    --brand-primary-dark-l: 40%;
    --brand-secondary: #ff0099;
    --brand-secondary-h: 324deg;
    --brand-secondary-s: 100%;
    --brand-secondary-l: 50%;
    --brand-secondary-light: #fef2fa;
    --brand-secondary-light-h: 320deg;
    --brand-secondary-light-s: 85.7142857143%;
    --brand-secondary-light-l: 97.2549019608%;
    --brand-secondary-medium: #ffceeb;
    --brand-secondary-medium-h: 324.4897959184deg;
    --brand-secondary-medium-s: 100%;
    --brand-secondary-medium-l: 90.3921568627%;
    --brand-secondary-dark: #cc007a;
    --brand-secondary-dark-h: 324.1176470588deg;
    --brand-secondary-dark-s: 100%;
    --brand-secondary-dark-l: 40%;
    --brand-tertiary: #9835e6;
    --brand-tertiary-h: 273.5593220339deg;
    --brand-tertiary-s: 77.9735682819%;
    --brand-tertiary-l: 55.4901960784%;
    --brand-tertiary-light: #f6ebff;
    --brand-tertiary-light-h: 273deg;
    --brand-tertiary-light-s: 100%;
    --brand-tertiary-light-l: 96.0784313725%;
    --brand-tertiary-medium: #eaceff;
    --brand-tertiary-medium-h: 274.2857142857deg;
    --brand-tertiary-medium-s: 100%;
    --brand-tertiary-medium-l: 90.3921568627%;
    --brand-tertiary-dark: #7f2cbf;
    --brand-tertiary-dark-h: 273.8775510204deg;
    --brand-tertiary-dark-s: 62.5531914894%;
    --brand-tertiary-dark-l: 46.0784313725%;
    --additional-primary: #f5fbfe;
    --additional-primary-h: 200deg;
    --additional-primary-s: 81.8181818182%;
    --additional-primary-l: 97.8431372549%;
    --additional-secondary: #fdf7fb;
    --additional-secondary-h: 320deg;
    --additional-secondary-s: 60%;
    --additional-secondary-l: 98.0392156863%;
    --additional-tertiary: #faf7fd;
    --additional-tertiary-h: 270deg;
    --additional-tertiary-s: 60%;
    --additional-tertiary-l: 98.0392156863%;
    --additional-quaternary: #ffffff;
    --additional-quaternary-h: 0deg;
    --additional-quaternary-s: 0%;
    --additional-quaternary-l: 100%;
    --additional-fifth: #f8f9f9;
    --additional-fifth-h: 180deg;
    --additional-fifth-s: 7.6923076923%;
    --additional-fifth-l: 97.4509803922%;
    --additional-sixth: #222d39;
    --additional-sixth-h: 211.3043478261deg;
    --additional-sixth-s: 25.2747252747%;
    --additional-sixth-l: 17.8431372549%;
    --copilot-primary: linear-gradient(125deg, #9835e6 0%, #5e5eef 100%);
    --copilot-secondary: linear-gradient(125deg, #9835e6 0%, #c21fc7 100%);
    --white: #ffffff;
    --white-h: 0deg;
    --white-s: 0%;
    --white-l: 100%;
    --grey-0: #f5f5f5;
    --grey-0-h: 0deg;
    --grey-0-s: 0%;
    --grey-0-l: 96.0784313725%;
    --grey-25: #e1e1e1;
    --grey-25-h: 0deg;
    --grey-25-s: 0%;
    --grey-25-l: 88.2352941176%;
    --grey-50: #b6babe;
    --grey-50-h: 210deg;
    --grey-50-s: 5.7971014493%;
    --grey-50-l: 72.9411764706%;
    --grey-75: #6e7881;
    --grey-75-h: 208.4210526316deg;
    --grey-75-s: 7.949790795%;
    --grey-75-l: 46.862745098%;
    --grey-80: #49545e;
    --grey-80-h: 208.5714285714deg;
    --grey-80-s: 12.5748502994%;
    --grey-80-l: 32.7450980392%;
    --grey-100: #222d39;
    --grey-100-h: 211.3043478261deg;
    --grey-100-s: 25.2747252747%;
    --grey-100-l: 17.8431372549%;
    --border-width: 1px;
    --border-color: #e1e1e1;
    --border-color-h: 0deg;
    --border-color-s: 0%;
    --border-color-l: 88.2352941176%;
    --outline-primary: 3px solid rgba(0, 160, 255, 0.2);
    --z-0: 0;
    --z-1: 1;
    --z-2: 2;
    --z-3: 3;
    --z-cheating: 100;
    --weight-bold: 700;
    --weight-semibold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-normal: 400;
    --weight-light: 300;
  }
  .synapse-widget .component-autocomplete {
    position: relative;
  }
  .synapse-widget .component-autocomplete .search {
    position: relative;
  }
  .synapse-widget .component-autocomplete .search .spinner-border {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    border-width: 0.18rem;
  }
  .synapse-widget .component-autocomplete .suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .synapse-widget .component-autocomplete .suggestions .suggestion {
    cursor: pointer;
  }
  .synapse-widget .component-autocomplete .suggestions > *:hover, .synapse-widget .component-autocomplete .suggestions > *.selected {
    background-color: var(--grey-0);
  }
  .synapse-widget .component-autocomplete.loading .search .icn-cross {
    display: none;
  }
  .synapse-widget .component-autocomplete:not(:focus-within) .suggestions {
    display: none;
  }
  .synapse-widget .component-search {
    position: relative;
  }
  .synapse-widget .component-search .icn {
    position: absolute;
  }
  .synapse-widget .component-search .icn.icn-search {
    left: 0;
    top: calc(50% - 10px);
  }
  .synapse-widget .component-search .icn.icn-cross {
    right: 0;
    top: calc(50% - 10px);
    cursor: pointer;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control:focus {
    outline: 2px solid #c6deff;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control.autocomplete-disabled {
    background-color: #e9ecef;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control .autocomplete-with-tags-tags {
    flex-wrap: wrap;
    gap: 4px;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control .autocomplete-with-tags-tags .badge.badge--brand-primary {
    white-space: break-spaces;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .icn-search {
    display: none;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .icn-cross {
    display: none;
  }
  .synapse-widget .component-autocomplete-with-tags.form-control .autocomplete-with-tags-search .component-autocomplete .search .component-search .form-control.px-5 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border: none !important;
    outline: none;
    box-shadow: none;
  }
  .synapse-widget .component-banner {
    color: var(--brand-primary);
    line-height: 18px;
    padding: 10px;
  }
  .synapse-widget .component-banner .banner-icn {
    width: 24px;
    height: 24px;
  }
  .synapse-widget .component-banner.banner-disabled {
    background-color: var(--grey-0);
    color: var(--grey-50);
  }
  .synapse-widget .component-banner.banner-disabled .banner-icn {
    background-color: var(--grey-50);
  }
  .synapse-widget .component-banner.banner-success {
    background-color: var(--alert-25-light);
  }
  .synapse-widget .component-banner.banner-success .banner-icn {
    background-color: var(--alert-25);
  }
  .synapse-widget .component-banner.banner-warning {
    background-color: var(--alert-75-light);
  }
  .synapse-widget .component-banner.banner-warning .banner-icn {
    background-color: var(--alert-75);
  }
  .synapse-widget .component-banner.banner-error {
    background-color: var(--alert-100-light);
  }
  .synapse-widget .component-banner.banner-error .banner-icn {
    background-color: var(--alert-100);
  }
  .synapse-widget .component-banner.banner-information {
    background-color: var(--brand-primary-light);
  }
  .synapse-widget .component-banner.banner-information .banner-icn {
    background-color: var(--brand-primary);
  }
  .synapse-widget .component-radioElement {
    white-space: nowrap;
    word-break: keep-all;
    --dark: var(--brand-primary);
    --light: var(--white);
    color: var(--light);
  }
  .synapse-widget .component-radioElement.component-radioElement--dark {
    --dark: var(--white);
    --light: var(--brand-primary);
  }
  .synapse-widget .component-radioElement.disabled {
    --dark: var(--grey-50);
    --light: var(--grey-25);
  }
  .synapse-widget .component-radioElement .radioElement {
    cursor: pointer;
    margin-bottom: 0;
  }
  .synapse-widget .component-radioElement .radioElement input:checked, .synapse-widget .component-radioElement .radioElement input:not(:checked) {
    width: 0;
    display: none;
    visibility: hidden;
  }
  .synapse-widget .component-radioElement .radioElement > span .point {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    border-radius: 50%;
    vertical-align: middle;
    background-color: var(--light);
    border: 2px solid var(--dark);
  }
  .synapse-widget .component-radioElement .radioElement > span span {
    vertical-align: middle;
    color: var(--dark);
  }
  .synapse-widget .component-radioElement .radioElement input:checked ~ span {
    color: var(--dark);
  }
  .synapse-widget .component-radioElement .radioElement input:checked ~ span .point::before {
    content: "";
    display: block;
    background-color: var(--dark);
    border: 2px solid var(--light);
    width: 100%;
    height: 100%;
    border-radius: 100%;
  }
  .synapse-widget .component-radioElement .radioElement input:disabled ~ span {
    --dark: var(--grey-50);
    cursor: default;
  }
  .synapse-widget .component-radioElement .radioElement input:disabled ~ span .point {
    cursor: default;
    --dark: var(--grey-25);
    --light: var(--grey-25);
  }
  .synapse-widget .component-radioElement .radioElement input:disabled ~ span .point::before {
    --dark: var(--grey-25);
    --light: var(--white);
    cursor: default;
  }
  .synapse-widget .component-radioElement .radioElement input:disabled:checked ~ span {
    --dark: var(--brand-primary);
    --light: var(--white);
  }
  .synapse-widget .component-radioElement .radioElement input:disabled:checked ~ span .point {
    --dark: var(--grey-50);
  }
  .synapse-widget .component-radioElement .radioElement input:disabled:checked ~ span .point::before {
    --dark: var(--grey-50);
  }
  .synapse-widget .component-radioElement .radioElement + .radioElement {
    margin-left: 1rem;
  }
  .synapse-widget .component-radioBoolElement .radioElement .point {
    margin-right: 0.5rem !important;
  }
  .synapse-widget .component-bottomModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .synapse-widget .component-bottomModal .component-bottomModal__content {
    padding-left: var(--spacing-4);
    pading-right: var(--spacing-4);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    width: 100vw !important;
    height: 25vh !important;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .synapse-widget .component-bottomModal .component-bottomModal__content .action-buttons {
    width: 100%;
    height: 52px;
    font-size: 0.8rem;
    z-index: 100;
    display: flex;
    gap: 16px;
  }
  .synapse-widget .component-bottomModal .component-bottomModal__content .action-buttons button {
    width: 100%;
    height: 100%;
  }
  .synapse-widget .component-box-dropdown {
    background: #fff;
  }
  .synapse-widget .component-box-dropdown.disabled {
    pointer-events: none;
  }
  .synapse-widget .component-box-dropdown > :first-child {
    cursor: pointer;
  }
  .synapse-widget .component-box-dropdown .no-overflow-x {
    overflow-x: hidden;
  }
  .synapse-widget .component-box-dropdown .tags {
    margin-left: -0.25rem;
    margin-top: -0.25rem;
  }
  .synapse-widget .component-box-dropdown .tags .tag {
    min-width: initial;
    font-size: var(--text-50);
    max-width: calc(100% - var(--spacing-1));
    text-overflow: ellipsis;
    overflow-x: clip;
  }
  .synapse-widget .component-box-dropdown .wrapped-content {
    height: 0;
    overflow: hidden;
  }
  .synapse-widget .component-box-dropdown.expanded {
    background: var(--grey-0);
  }
  .synapse-widget .component-box-dropdown.expanded .wrapped-content {
    height: auto;
    overflow: initial;
  }
  .synapse-widget .component-box-dropdown .separator::before, .synapse-widget .component-box-dropdown .separator::after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--grey-25);
    width: 40%;
    height: 1px;
    top: 50%;
  }
  .synapse-widget .component-box-dropdown .separator::before {
    left: 0;
  }
  .synapse-widget .component-box-dropdown .separator::after {
    right: 0;
  }
  .synapse-widget .component-box-select .option {
    position: relative;
    cursor: pointer;
  }
  .synapse-widget .component-box-select .option .option-unselect {
    position: absolute;
    right: 0.25rem;
    top: calc(50% - 35%);
    border-radius: 10rem;
    display: none;
  }
  .synapse-widget .component-box-select .option .option-unselect .icn:before {
    mix-blend-mode: inherit !important;
  }
  .synapse-widget .component-box-select .option.selected:hover .option-unselect {
    display: flex;
  }
  .synapse-widget .component-certification-dm-tooltip-v2 > span {
    width: 100%;
  }
  .synapse-widget .component-check-element {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .synapse-widget .component-check-element:not(.disabled), .synapse-widget .component-check-element:not(.disabled) label, .synapse-widget .component-check-element:not(.disabled) .mask {
    cursor: pointer;
  }
  .synapse-widget .component-check-element .label {
    position: relative;
  }
  .synapse-widget .component-check-element .label .icn {
    position: absolute;
  }
  .synapse-widget .component-check-element input[type=checkbox] {
    display: none;
  }
  .synapse-widget .component-check-element .mask {
    height: 20px;
    width: 20px;
    border-radius: 4px;
  }
  .synapse-widget .component-drop-box {
    background-color: var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .synapse-widget .component-drop-box.target {
    background-color: #095071;
  }
  .synapse-widget .component-drop-box.disabled {
    opacity: 0.6;
  }
  .synapse-widget .component-drugLabelElement .molecule {
    color: #6c757d;
  }
  .synapse-widget .component-drugLabelElement .bold-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
  }
  .synapse-widget .component-drugLabelElement .light-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
  }
  .synapse-widget .component-drugLabelElement .underline {
    text-decoration: underline;
    cursor: pointer;
  }
  .synapse-widget .component-drugLabelElement .associated-brand-name {
    font-size: 0.7rem;
  }
  .synapse-widget .component-drugLabelElement .branded-drug {
    color: var(--grey-100);
    padding-left: var(--spacing-2);
  }
  .synapse-widget .component-drugLabelElement .tag {
    color: #000;
    text-decoration-color: transparent;
    text-decoration: none;
    font-weight: normal !important;
    min-width: 5rem;
    background: transparent;
    border: 1px solid #d3d3d3;
  }
  .synapse-widget .component-drugLabelElement .tag.branded-drug {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
  }
  .synapse-widget .component-drugLabelElement .tag.therapeutic-class {
    border-color: var(--grey-75);
    color: var(--grey-75);
  }
  .synapse-widget .component-drugLabelElement .tag.pharmaceutical-ingredient {
    border-color: var(--alert-0);
    color: var(--alert-0);
  }
  .synapse-widget .component-drugLabelElement .tag.partial {
    border-color: transparent;
    color: var(--brand-primary);
  }
  .synapse-widget .component-drugLabelElement .tag.other {
    border-color: #d3d3d3;
    color: #d3d3d3;
  }
  .synapse-widget .component-dropDownUniversal {
    max-height: 375px;
    overflow-y: auto;
  }
  .synapse-widget .component-drugRowComposite {
    --startStoppColor: #c4c4c4;
    position: relative;
    overflow: hidden;
    background-color: var(--grey-0);
  }
  .synapse-widget .component-drugRowComposite .buyable-status .fa-ban {
    position: relative;
  }
  .synapse-widget .component-drugRowComposite .buyable-status .fa-ban::before {
    font-size: 1.8rem;
    opacity: 0.5;
  }
  .synapse-widget .component-drugRowComposite .buyable-status .fa-ban::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .synapse-widget .component-drugRowComposite .name {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement {
    opacity: 0.9;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement .branded-drug {
    color: var(--brand-primary);
    font-size: 0.8rem;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement .branded-drug > span > span {
    color: var(--grey-100);
    font-size: 1rem;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement .branded-drug > span > span:first-of-type {
    display: block;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement .pharmaceutical-ingredient {
    color: var(--grey-50);
    font-size: 1rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .synapse-widget .component-drugRowComposite .component-drugLabelElement .pharmaceutical-ingredient::before {
    display: block;
    font-weight: normal;
    content: "molécule";
    font-size: 0.8rem;
    -webkit-font-smoothing: auto;
  }
  .synapse-widget .component-drugRowComposite .col-auto.text-right {
    background-color: var(--brand-primary-medium);
    color: var(--white);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .synapse-widget .component-drugRowComposite .col-auto.text-right .menu-item {
    font-size: 0.8rem;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    cursor: pointer;
    color: var(--white);
  }
  .synapse-widget .component-drugRowComposite .col-auto.text-right .menu-item .fa {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
  }
  .synapse-widget .component-drugRowComposite .col-auto.text-right .menu-item.remove {
    border-left: 1px solid var(--white);
  }
  .synapse-widget .component-drugRowComposite .col-auto.text-right .fa {
    font-size: 20px;
    cursor: pointer;
  }
  .synapse-widget .component-select {
    position: relative;
    cursor: pointer;
    user-select: none;
  }
  .synapse-widget .component-select:hover .form-control:not(.disabled) {
    background-color: #fff !important;
    cursor: initial;
  }
  .synapse-widget .component-select .form-control.disabled {
    cursor: initial;
    background-color: #e9ecef !important;
  }
  .synapse-widget .component-select .current, .synapse-widget .component-select .option {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-widget .component-select.open .form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-color: transparent !important;
  }
  .synapse-widget .component-select .icn-back {
    transform: rotateZ(-90deg);
  }
  .synapse-widget .component-select .icn-back::before {
    mix-blend-mode: unset;
  }
  .synapse-widget .component-select .options {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    overflow: hidden;
  }
  .synapse-widget .component-select .options .option:hover, .synapse-widget .component-select .options .option.hover {
    background-color: var(--grey-0) !important;
  }
  .synapse-widget .component-select--medium .current, .synapse-widget .component-select--medium .option, .synapse-widget .component-select--small .current, .synapse-widget .component-select--small .option {
    font-size: 0.875rem;
  }
  .synapse-widget .component-select--medium .form-control, .synapse-widget .component-select--small .form-control {
    column-gap: 0.5rem;
    height: auto;
  }
  .synapse-widget .component-select--small {
    min-width: 6.875rem;
  }
  .synapse-widget .component-select--medium {
    min-width: 6rem;
  }
  .synapse-widget .component-select--light.open .form-control {
    border-bottom-color: var(--grey-25) !important;
  }
  .synapse-widget .component-dynamicUnitInput {
    max-width: 145px;
    min-width: 85px;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped {
    max-height: 38px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5 !important;
    border-radius: var(--rounded-100);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped input::-webkit-outer-spin-button, .synapse-widget .component-dynamicUnitInput .short-wrapped input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped input[type=number] {
    -moz-appearance: textfield;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped .unit {
    max-width: 63px;
    z-index: 0;
    padding: 0.25rem 0.55rem !important;
    height: 36px !important;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped .unit .input-group-addon {
    min-width: fit-content;
    margin: unset;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped .component-select .form-control {
    height: 36px !important;
    min-width: 85px;
    padding: 5px 5px 5px 0px !important;
    text-align: left;
  }
  .synapse-widget .component-dynamicUnitInput .short-wrapped .disabled-select {
    background-color: #e9ecef !important;
  }
  .synapse-widget .component-dynamicUnitInput .input-group {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
  }
  .synapse-widget .form-group {
    margin: 0px;
  }
  .synapse-widget .static-unit {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .synapse-widget .component-defaultErrorFallback {
    height: 100%;
    overflow: auto;
    text-align: center;
  }
  .synapse-widget .component-defaultErrorFallback .trigger {
    display: inline-block;
    margin: 0 0 1rem;
  }
  .synapse-widget .component-defaultErrorFallback .trigger .icn {
    display: inline-block;
    margin: 0 0 0 0.25rem;
    transform: rotate(180deg);
    vertical-align: text-bottom;
  }
  .synapse-widget .component-defaultErrorFallback .trigger.expanded .icn {
    transform: rotate(-90deg);
  }
  .synapse-widget .component-defaultErrorFallback code {
    background: #fff;
    display: block;
    padding: 1.5rem;
    line-height: 1.8;
    text-align: left;
  }
  .synapse-widget .component-defaultErrorFallback code + code {
    padding-top: 0;
  }
  .synapse-widget .component-defaultErrorFallback pre {
    color: red;
    margin: 0;
  }
  .synapse-widget .component-force-sticky .target {
    position: static;
    top: initial;
    left: initial;
  }
  .synapse-widget .component-force-sticky .target.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
  }
  .synapse-widget .component-force-sticky .placeholder {
    position: relative;
  }
  .synapse-widget .component-info-block {
    position: relative;
    font-size: 0.875rem;
    z-index: 1;
  }
  .synapse-widget .component-info-block .content {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    z-index: 1;
  }
  .synapse-widget .component-info-block .content--right {
    left: auto;
    right: 0;
  }
  .synapse-widget .component-input-with-tags.form-control {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
  }
  .synapse-widget .component-input-with-tags.form-control:focus {
    border: 2px solid #c6deff;
  }
  .synapse-widget .component-input-with-tags.form-control.input-disabled {
    background-color: #e9ecef;
  }
  .synapse-widget .component-input-with-tags.form-control .input-with-tags-tags {
    flex-wrap: wrap;
    gap: 4px;
  }
  .synapse-widget .component-input-with-tags.form-control .input-with-tags-tags .badge.badge--brand-primary {
    white-space: break-spaces;
  }
  .synapse-widget .component-input-with-tags.form-control .input-with-tags-input input.form-control.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border: none !important;
    outline: none;
    box-shadow: none;
  }
  .synapse-widget .component-input-with-tags.form-control button.btn.btn-brand-primary {
    padding: 2px 4px !important;
    margin: 4px 8px !important;
    display: flex;
    align-items: center;
  }
  .synapse-widget .component-input-with-tags.form-control button.btn.btn-brand-primary:hover {
    background-color: var(--brand-primary);
  }
  .synapse-widget .component-lateral-scroll {
    position: relative;
  }
  .synapse-widget .component-lateral-scroll .scrollable {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .synapse-widget .component-lateral-scroll > button {
    width: 32px;
    height: 28px;
    display: flex;
    position: absolute;
    top: calc(50% - 14px);
  }
  .synapse-widget .component-lateral-scroll > button:first-of-type {
    left: 0;
  }
  .synapse-widget .component-lateral-scroll > button:last-of-type {
    right: 0;
  }
  .synapse-widget .component-loader {
    width: 50px;
    height: 50px;
  }
  .synapse-widget .component-global-loader > .wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200;
    background-color: rgba(232, 240, 245, 0.8);
    transform: scaleX(1) scaleY(1);
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .synapse-widget .component-global-loader > .wrapper:not(.visible) {
    transform: scaleX(0) scaleY(0);
    opacity: 0;
  }
  .synapse-widget .component-global-loader > .wrapper .component-loader > div {
    width: 60px;
    height: 60px;
    margin: auto;
  }
  .synapse-widget .component-medical-guideline-autocomplete {
    position: relative;
    display: block;
    z-index: 1;
  }
  .synapse-widget .component-medical-guideline-autocomplete fieldset {
    margin: 0;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-medical-guideline-autocomplete-dropdown {
    max-height: 200px;
    overflow-y: scroll;
  }
  .synapse-widget .component-medical-guideline-autocomplete .medical-guideline-component-suggestion .component-speciality:hover {
    text-decoration: underline;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-search .options {
    max-height: 212px;
    overflow-y: auto;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar {
    width: 12px;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px var(--brand-primary-light);
    border: 4px solid transparent;
    border-radius: 8px;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-search .options::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px var(--brand-primary);
    border: 4px solid transparent;
    border-radius: 8px;
  }
  .synapse-widget .component-medical-guideline-autocomplete .component-search:not(.disabled):not(:disabled):focus .options .component-icon svg, .synapse-widget .component-medical-guideline-autocomplete .component-search:not(.disabled):not(:disabled):focus-within .options .component-icon svg {
    --dark: var(--grey-75);
  }
  .synapse-widget .medical-guideline-component-suggestion .component-suggestion-icon {
    display: none;
  }
  .synapse-widget .medical-guideline-component-suggestion:hover .component-suggestion-icon {
    display: block;
  }
  .synapse-widget .options-list {
    max-height: 300px;
    overflow: auto;
  }
  .synapse-widget .options-list > div.sign:last-of-type {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    margin-bottom: 0 !important;
  }
  .synapse-widget .options-list .option {
    display: flex;
  }
  .synapse-widget .options-list .option .tagEntity {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-widget .options-list .option .ingredients__label {
    line-height: 0.75rem;
    color: var(--grey-75);
  }
  .synapse-widget .options-list .showmore {
    cursor: pointer;
  }
  .synapse-widget .options-list .showmore:hover {
    background-color: var(--brand-primary-light) !important;
  }
  .synapse-widget .options-list .sign:not(.showmore) {
    cursor: default;
  }
  .synapse-widget .options-list .sign + .option:before {
    display: none !important;
  }
  .synapse-widget .entityTypesContainer {
    border-bottom: 1px solid var(--brand-primary-light);
  }
  .synapse-widget .component-input-search .component-input, .synapse-widget .component-input-search .synapse-app .component-multi-select, .synapse-app .synapse-widget .component-input-search .component-multi-select {
    margin-top: 4px;
  }
  .synapse-widget .component-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-widget .component-modal .component-modal__content {
    border-radius: var(--rounded-150);
    background-color: #fff;
    width: auto !important;
    max-height: 95vh;
    max-width: 95vw;
    overflow-y: auto;
  }
  .synapse-widget .component-modal .component-modal__content .btn.border.close {
    float: none;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: var(--grey-0);
    opacity: 1;
  }
  .synapse-widget .component-modal .component-modal__content .btn.border.close:hover {
    background-color: var(--grey-25);
  }
  @media screen and (max-width: 480px) {
    .synapse-widget .component-modal .component-modal__content {
      width: 100% !important;
    }
  }
  .synapse-widget .component-multi-select-element {
    position: relative;
    z-index: 0;
    padding: 0;
    padding-left: var(--spacing-2);
    height: 36px;
    text-align: left;
  }
  .synapse-widget .component-multi-select-element .items {
    position: relative;
    z-index: 1;
    display: inline;
  }
  .synapse-widget .component-multi-select-element .items .badge-wrapper {
    display: inline-flex;
    height: 100%;
    align-items: center;
  }
  .synapse-widget .component-multi-select-element .items .badge {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    cursor: pointer;
  }
  .synapse-widget .component-multi-select-element .items .badge[data-value=CONTRAINDICATION] {
    background-color: var(--alert-100);
  }
  .synapse-widget .component-multi-select-element .items .badge[data-value=ASSOCIATION_DISCOURAGED] {
    background-color: var(--alert-75);
  }
  .synapse-widget .component-multi-select-element .items .badge[data-value=PRECAUTION_OF_USE] {
    background-color: var(--alert-50);
  }
  .synapse-widget .component-multi-select-element .items .badge[data-value=TO_CONSIDER] {
    background-color: var(--alert-25);
  }
  .synapse-widget .component-multi-select-element .input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .synapse-widget .component-multi-select-element .input select {
    min-height: 36px;
    width: 100%;
    height: 100%;
  }
  .synapse-widget .icon-wrapper-no-problem-detected {
    width: 50px;
    height: 50px;
    background-color: #f0fbf6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-widget .component-selector .options-row {
    overflow-x: scroll;
  }
  .synapse-widget .component-selector .selector-option {
    width: 100%;
    margin: 0;
  }
  .synapse-widget .component-selector .selector-option span {
    font-size: 1.1rem !important;
    line-height: 1.5rem;
    color: var(--brand-primary) !important;
    border: none !important;
    opacity: 0.7;
    cursor: pointer;
  }
  .synapse-widget .component-selector .selector-option input {
    display: none;
  }
  .synapse-widget .component-selector .selector-option input:checked ~ span {
    opacity: 1;
  }
  .synapse-widget .component-selector .selector-option input:checked ~ span i {
    text-decoration: underline;
  }
  .synapse-widget .component-selector .selector-option input:not(:checked) ~ span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border: none !important;
  }
  .synapse-widget .force-non-italic {
    font-style: normal;
  }
  .synapse-widget .component-pagination {
    user-select: none;
  }
  .synapse-widget .component-pagination .icn-back {
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  .synapse-widget .component-pagination .icn-back.disabled {
    opacity: 0.3;
  }
  .synapse-widget .component-pagination span.ellipsis {
    cursor: pointer;
  }
  .synapse-widget .component-pagination input.ellipsis {
    width: 80px;
  }
  .synapse-widget .component-pagination .page {
    font-size: var(--text-75);
    display: inline-block;
    text-align: center;
    line-height: 26px;
    color: var(--brand-primary);
    width: 26px;
    height: 26px;
  }
  .synapse-widget .component-pagination .page.current {
    color: var(--white);
    background-color: var(--brand-primary);
  }
  .synapse-widget .component-partial-drug-card {
    overflow: hidden;
  }
  .synapse-widget .component-partial-drug-card .drawer-down-do {
    background-color: #fff;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .col {
    opacity: 1;
    transition: opacity 0.2s ease;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .col-auto {
    transition: transform 0.2s ease, background-color 0.3s ease;
    transform: translateX(100%);
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .col-auto.show {
    transform: translateX(0);
  }
  .synapse-widget .component-partial-drug-card .component-drugRow.disabled .col {
    opacity: 0.5;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow.disabled .col-auto {
    background-color: var(--grey-50) !important;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .row {
    align-items: center;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .row .col {
    padding: var(--spacing-1);
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .row .col-auto {
    padding: var(--spacing-1);
    background-color: var(--alert-0);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .row .col-auto .btn:not(.d-none) + .btn {
    border-left: 1px solid var(--border-color);
    border-radius: 0;
  }
  .synapse-widget .component-partial-drug-card .component-drugRow .row .col-auto .btn--minor {
    padding-top: 0;
    padding-left: 0;
    color: var(--brand-primary);
  }
  .synapse-widget .component-researchBarComposite {
    position: relative;
    z-index: unset;
    color: var(--brand-primary) !important;
  }
  .synapse-widget .component-researchBarComposite.disabled > .row {
    background-color: var(--grey-25) !important;
    color: var(--grey-50);
    cursor: initial;
  }
  .synapse-widget .component-researchBarComposite.disabled > .row:hover {
    border-color: var(--grey-25) !important;
  }
  .synapse-widget .component-researchBarComposite input#researchBarUniversalInput {
    outline: none;
    color: var(--brand-primary) !important;
  }
  .synapse-widget .component-researchBarComposite input#researchBarUniversalInput::placeholder {
    color: var(--grey-50) !important;
    font-style: initial;
  }
  .synapse-widget .component-researchBarComposite .suggestions {
    position: absolute;
    overflow-y: auto;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: var(--dp-150);
    border-radius: var(--rounded-100);
  }
  .synapse-widget .component-researchBarComposite .suggestions .dropDownContent {
    border: 0 !important;
  }
  .synapse-widget .component-researchBarComposite .suggestions .dropDownContent .dropDownElement {
    cursor: pointer;
  }
  .synapse-widget .component-researchBarComposite .suggestions .dropDownContent .dropDownElement.dropDownElementSelected {
    background-color: var(--brand-quaternary-light);
  }
  .synapse-widget .component-researchBarComposite .suggestions .dropDownContent .dropDownElement.dropDownElementDisabled {
    background-color: var(--grey-0);
    cursor: default;
  }
  .synapse-widget .component-researchBarComposite .spinner-border {
    border-width: 0.15rem;
    margin-top: 4px;
    width: 20px;
    height: 20px;
  }
  .synapse-widget .component-researchBarComposite span.searchbar-icn {
    width: 28px;
    height: 28px;
  }
  .synapse-widget .component-secondary-navigation .btn-link {
    color: var(--brand-primary);
    font-size: 1.125rem;
    outline: none;
    position: relative;
  }
  .synapse-widget .component-secondary-navigation .btn-link + .btn-link {
    margin-left: 1.875rem;
  }
  .synapse-widget .component-secondary-navigation .btn-link:focus {
    box-shadow: none;
  }
  .synapse-widget .component-secondary-navigation .is-active {
    color: var(--brand-primary);
    text-decoration: none;
  }
  .synapse-widget .component-secondary-navigation .is-active::after {
    content: "";
    display: block;
    background: var(--brand-secondary);
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
  }
  .synapse-widget .component-secondary-navigation .is-disabled {
    cursor: none;
    opacity: 0.5;
    pointer-events: none;
  }
  .synapse-widget .component-select-element {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .synapse-widget .component-select-element.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .synapse-widget .component-select-element:not(.border):hover {
    box-shadow: var(--dp-100);
  }
  .synapse-widget .component-select-element.border:hover {
    box-shadow: var(--dp-50);
  }
  .synapse-widget .component-select-element > :first-child {
    padding: 0.7rem;
    cursor: pointer;
  }
  .synapse-widget .component-select-element .icn-back {
    transform: rotate(-90deg);
  }
  .synapse-widget .component-select-element .content {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
  }
  .synapse-widget .component-select-element .content .select-section {
    padding-top: 0.1px;
    padding-bottom: 0.1px;
  }
  .synapse-widget .component-select-element .content .select-section .title {
    background-color: var(--brand-quaternary-dark);
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
  .synapse-widget .component-select-element .content .select-section .option {
    padding: 0.35rem 0.7rem;
  }
  .synapse-widget .component-select-element .content .select-section .option.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .synapse-widget .component-select-element .content .select-section .option:not(.disabled):hover {
    cursor: pointer;
    background-color: rgba(var(--grey-25), 0.3);
  }
  .synapse-widget .component-select-element.is-border .select-section {
    margin-left: -1px;
    margin-right: -1px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-top: 0;
    border-bottom-left-radius: var(--rounded-150);
    border-bottom-right-radius: var(--rounded-150);
  }
  .synapse-widget .component-api-select {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: calc(100% - 0.5rem);
    right: 0;
    z-index: 1;
    overflow: hidden;
  }
  .synapse-widget .component-api-select .component-check-element {
    padding: 10px;
  }
  .synapse-widget .component-api-select .component-check-element:hover, .synapse-widget .component-api-select .component-check-element:active {
    background-color: var(--brand-quaternary-light);
  }
  .synapse-widget .component-striped-banner {
    background: repeating-linear-gradient(-45deg, rgba(47, 181, 232, 0.15) 0 10px, var(--brand-quaternary-light) 10px 20px);
  }
  .synapse-widget .component-striped-banner.striped-alert-100 {
    background: repeating-linear-gradient(-45deg, rgba(var(--alert-100), 0.15) 0 10px, var(--alert-100-light) 10px 20px);
  }
  .synapse-widget .component-striped-banner.striped-alert-50 {
    background: repeating-linear-gradient(-45deg, rgba(var(--alert-50), 0.15) 0 10px, var(--alert-50-light) 10px 20px);
  }
  .synapse-widget .component-switch-element.disabled {
    opacity: 0.3;
  }
  .synapse-widget .component-switch-element .slide-custom {
    cursor: pointer;
    padding: 0;
    height: 30px;
    overflow: hidden;
  }
  .synapse-widget .component-switch-element .slide-custom input {
    display: none;
  }
  .synapse-widget .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball {
    z-index: 0;
    border-radius: calc(15px);
    width: calc(2 * 26px);
  }
  .synapse-widget .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball ~ span {
    min-width: 30px;
  }
  .synapse-widget .component-switch-element .slide-custom input[type=checkbox] ~ .bg-ball .ball {
    display: block;
    z-index: 1;
    border-radius: 100%;
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-left: 0;
    transition: all 0.2s ease;
  }
  .synapse-widget .component-switch-element .slide-custom input[type=checkbox]:not(:checked) ~ .bg-ball {
    background-color: var(--grey-25) !important;
  }
  .synapse-widget .component-switch-element .slide-custom input[type=checkbox]:checked ~ .bg-ball .ball {
    margin-left: calc(2 * 26px - 8px - 18px);
  }
  .synapse-widget .component-NewTableCardElement .TableCard-header {
    border-radius: var(--rounded-100);
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .synapse-widget .component-NewTableCardElement .TableCard-content {
    border-radius: var(--rounded-100);
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: 1px solid var(--border-color);
    border-top: 0;
  }
  .synapse-widget .component-NewTableCardElement .TableCard-content .content-child:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .synapse-widget .component-toggleElement {
    background-color: #f4f4f4;
    color: var(--grey-50);
    width: max-content;
  }
  .synapse-widget .component-toggleElement .toggle {
    cursor: pointer;
    margin-bottom: 0;
  }
  .synapse-widget .component-toggleElement input:checked, .synapse-widget .component-toggleElement input:not(:checked) {
    width: 0;
    display: none;
    visibility: hidden;
  }
  .synapse-widget .component-toggleElement input:checked ~ span {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  }
  .synapse-widget .component-toggleElement input:checked ~ span.defaultButton {
    background-color: var(--white);
    color: var(--brand-primary);
  }
  .synapse-widget .component-tooltip .tooltip-content {
    position: absolute;
    display: none;
    max-width: 95vw;
    top: 0;
    left: 0;
    box-shadow: var(--dp-100);
    background-color: #fff;
    box-shadow: var(--dp-100);
    color: var(--grey-100);
    padding: var(--spacing-2);
    margin: var(--spacing-1);
    border: 1px solid var(--border-color);
    font-weight: lighter;
  }
  .synapse-widget .component-tooltip .tooltip-content.position-left {
    transform: translate(-100%, -50%);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-right {
    left: 100%;
    transform: translate(0, -50%);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-top {
    transform: translate(-50%, -110%);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-bottom {
    top: 110%;
    transform: translate(-50%, 0);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-top-left {
    transform: translate(-100%, -110%);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-top-right {
    left: 100%;
    transform: translate(0, -110%);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-bottom-left {
    top: 110%;
    transform: translate(-100%, 0);
  }
  .synapse-widget .component-tooltip .tooltip-content.position-bottom-right {
    top: 110%;
    left: 100%;
  }
  .synapse-widget .component-tooltip.visible .tooltip-content, .synapse-widget .component-tooltip:hover .tooltip-content {
    display: unset;
  }
  .synapse-widget .component-prescriptionAnalysisView:not(.is-mobile) .component-tooltip {
    position: relative;
  }
  .synapse-widget .component-tooltip-on-hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 150ms ease-in-out;
    width: auto;
    z-index: 100;
  }
  .synapse-widget .component-tooltip-on-hover.is-visible {
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  .synapse-widget .component-tooltip-on-hover--dark {
    background: var(--grey-75);
    color: var(--white);
    font-size: 14px;
    line-height: 21px;
    padding: 2px 12px;
  }
  .synapse-widget .component-tooltip-on-hover--light {
    background: var(--grey-0);
    color: var(--brand-primary);
    font-size: 12px;
    line-height: 1.2;
  }
  .synapse-widget .component-validable-input-text {
    border: 1px solid var(--grey-25);
    background: var(--white);
    color: var(--brand-primary);
    outline: none;
    transition: border 150ms ease-out;
    -moz-appearance: textfield;
  }
  .synapse-widget .component-validable-input-text input {
    padding: 0 !important;
    border: none;
    border-radius: 0;
    margin: 0 0.125rem 0 0;
    color: var(--brand-primary);
    outline: none;
    transition: border 150ms ease-out;
    -moz-appearance: textfield;
  }
  .synapse-widget .component-validable-input-text input::placeholder {
    color: var(--grey-50);
  }
  .synapse-widget .component-validable-input-text input::-webkit-outer-spin-button, .synapse-widget .component-validable-input-text input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .synapse-widget .component-validable-input-text .component-validable-input-text-btn {
    padding: 2px;
    cursor: pointer;
  }
  .synapse-widget .component-validable-input-text .component-validable-input-text-btn:hover {
    background-color: var(--grey-0);
  }
  .synapse-widget .component-validable-input-text:hover:not(.component-validable-input-text--error), .synapse-widget .component-validable-input-text:focus-within:not(.component-validable-input-text--error) {
    border-color: var(--brand-primary);
  }
  .synapse-widget .component-validable-input-text--error {
    border-color: var(--alert-100);
  }
  .synapse-widget .widget-header-component .widget-header-component-title {
    font-weight: 700;
    font-size: 16px;
  }
  .synapse-widget .widget-header-component .widget-header-component-subtitle {
    font-weight: 400;
    font-size: 14px;
    color: var(--grey-75);
  }
  .synapse-widget .component-side-effect-explorer-composite > * {
    margin-left: var(--spacing-3);
  }
  .synapse-widget .component-side-effect-explorer-composite > *:first-child {
    margin-left: var(--spacing-0);
  }
  .synapse-widget .component-side-effect-explorer-composite .header {
    text-align: center;
    color: var(--brand-primary);
  }
  .synapse-widget .component-side-effect-explorer-composite .header-warning {
    font-size: 14px;
  }
  .synapse-widget .component-side-effect-explorer-composite .icn-frequency {
    width: 25px;
    height: 25px;
  }
  .synapse-widget .component-side-effect-explorer-composite .list > .col {
    min-width: 100%;
  }
  .synapse-widget .component-side-effect-explorer-composite .selector {
    position: relative;
    z-index: 0;
  }
  .synapse-widget .component-side-effect-explorer-composite .call-to-action-signal i.signal-indesirable-icon::before {
    mix-blend-mode: hard-light;
    mask-repeat: round;
    -webkit-mask-repeat: round;
  }
  .synapse-widget .component-side-effect-explorer-composite .call-to-action-signal span {
    font-weight: 400;
    font-size: 0.9rem;
  }
  .synapse-widget .component-side-effect-explorer-composite .side-effect-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-widget .component-side-effect-explorer-composite .side-effect-source-footer a {
    color: var(--grey-50);
  }
  .synapse-widget .component-side-effect-table-card.border-bottom {
    border-bottom: solid 1px var(--grey-25);
  }
  .synapse-widget .component-side-effect-table-card .card {
    background: transparent;
    box-shadow: none !important;
    border: none !important;
  }
  .synapse-widget .component-side-effect-table-card .list-group-item:not(:last-child) {
    border-bottom: 0 !important;
  }
  .synapse-widget .component-side-effect-table-card .show-more {
    box-shadow: none;
  }
  .synapse-widget .component-side-effect-tag {
    background-color: #ededed;
    color: #343a40;
    white-space: normal !important;
    text-align: left !important;
  }
  .synapse-widget .component-side-effect-tag.pointer {
    cursor: pointer;
  }
  .synapse-widget .component-groundsCompositeTheriaque .error {
    background: #fdecec;
    width: 100%;
  }
  .synapse-widget .component-groundsCompositeTheriaque .error .icon {
    padding: 5px;
  }
  .synapse-widget .component-groundsCompositeTheriaque .error .icon .icn {
    width: 8px;
    height: 8px;
  }
  .synapse-widget .component-groundsCompositeTheriaque .content {
    column-count: 1;
    column-gap: var(--spacing-4);
  }
  .synapse-widget .component-groundsCompositeTheriaque .content > div {
    break-inside: avoid;
  }
  @media (min-width: 768px) {
    .synapse-widget .component-groundsCompositeTheriaque .content {
      column-count: 2;
    }
  }
  .synapse-widget .component-groundsCompositeTheriaque .component-no-problem-detected {
    column-span: all;
  }
  .synapse-widget .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    border-top: 1px solid var(--grey-25);
  }
  .synapse-widget .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div:first-child {
    padding-top: var(--spacing-25);
  }
  .synapse-widget .component-groundsCompositeTheriaque .card-wrapper-padding-handler > div:last-child {
    padding-bottom: var(--spacing-2);
  }
  .synapse-widget .component-groundsCompositeTheriaque .folded-sam-content {
    max-height: 21px;
  }
  .synapse-widget .component-groundsCompositeTheriaque .folded-sam-content .text-truncate * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-widget .component-groundsCompositeTheriaque .title-sam-content {
    max-height: 32px;
  }
  .synapse-widget .component-groundsCompositeTheriaque .title-sam-content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .synapse-widget .component-groundsCompositeUSA .error {
    background: #fdecec;
    width: 100%;
  }
  .synapse-widget .component-groundsCompositeUSA .error .icon {
    padding: 5px;
  }
  .synapse-widget .component-groundsCompositeUSA .error .icon .icn {
    width: 8px;
    height: 8px;
  }
  .synapse-widget .component-groundsCompositeUSA .content {
    column-count: 1;
    column-gap: var(--spacing-4);
  }
  .synapse-widget .component-groundsCompositeUSA .content > div {
    break-inside: avoid;
  }
  @media (min-width: 768px) {
    .synapse-widget .component-groundsCompositeUSA .content {
      column-count: 2;
    }
  }
  .synapse-widget .component-groundsCompositeUSA .component-no-problem-detected {
    column-span: all;
  }
  .synapse-widget .component-groundsCompositeUSA .card-wrapper-padding-handler > div {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
    border-top: 1px solid var(--grey-25);
  }
  .synapse-widget .component-groundsCompositeUSA .card-wrapper-padding-handler > div:first-child {
    padding-top: var(--spacing-25);
  }
  .synapse-widget .component-groundsCompositeUSA .card-wrapper-padding-handler > div:last-child {
    padding-bottom: var(--spacing-2);
  }
  .synapse-widget .component-chordchart-svg-element .drugsList .drug-path {
    fill: var(--grey-25);
    cursor: pointer;
  }
  .synapse-widget .component-chordchart-svg-element .drugsList .drug-path.active {
    fill: var(--grey-50);
  }
  .synapse-widget .component-chordchart-svg-element .drugsList textPath {
    cursor: pointer;
    fill: var(--brand-primary);
    user-select: none;
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction {
    cursor: pointer;
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction.hidden {
    fill: var(--grey-0) !important;
    cursor: initial;
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=ALL] {
    fill: var(--brand-quaternary);
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=TO_CONSIDER], .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MINOR] {
    fill: var(--alert-25);
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=PRECAUTION_OF_USE], .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MODERATE] {
    fill: var(--alert-50);
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=ASSOCIATION_DISCOURAGED], .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=MAJOR] {
    fill: var(--alert-75);
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=CONTRAINDICATION], .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=CONTRAINDICATED] {
    fill: var(--alert-100);
  }
  .synapse-widget .component-chordchart-svg-element .interactions .interaction[data-interaction-level=INCOMPATIBILITY] {
    fill: #000;
  }
  .synapse-widget .component-ddi-details-element {
    font-weight: lighter;
  }
  .synapse-widget .component-ddi-details-element .badge {
    font-weight: lighter;
  }
  .synapse-widget .component-ddi-details-element .ratio-header {
    position: relative;
    z-index: 1;
  }
  .synapse-widget .component-ddi-details-element .ratios .table {
    border-spacing: 0;
    border-collapse: separate;
  }
  .synapse-widget .component-ddi-details-element .ratios .table.table-mobile {
    table-layout: fixed;
  }
  @media screen and (max-width: 610px) {
    .synapse-widget .component-ddi-details-element .ratios .table thead .adjusted {
      font-size: var(--text-50);
    }
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr .ddi-fraction-separator {
    border-top: 1px solid var(--brand-primary);
    margin: 1px 0;
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr > td:first-child {
    border-left: 1px solid #dee2e6;
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr > td:last-child {
    border-right: 1px solid #dee2e6;
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr:first-child > td:first-child {
    border-top-left-radius: 8px !important;
    border-left: 1px solid #dee2e6;
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr:last-child > td:first-child {
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 8px !important;
  }
  .synapse-widget .component-ddi-details-element .ratios .table tbody > tr:last-child > td:last-child {
    border-bottom: 1px solid #dee2e6;
    border-bottom-right-radius: 8px !important;
  }
  .synapse-widget .component-interaction-cause-composite .icn--black::before {
    mix-blend-mode: unset !important;
  }
  .synapse-widget .component-interaction-cause-composite .component-drugLabelElement .font-weight-bold {
    display: block;
  }
  .synapse-widget .component-interaction-cause-composite .divider-wrapper {
    width: 20px;
  }
  .synapse-widget .component-interaction-cause-composite .divider-wrapper .divider {
    width: 1px;
    height: 100%;
    background-color: var(--grey-25);
  }
  .synapse-widget .component-interaction-entity-composite .icn--black::before {
    mix-blend-mode: unset !important;
  }
  .synapse-widget .component-interaction-entity-composite .component-drugLabelElement .font-weight-bold {
    display: block;
  }
  .synapse-widget .component-interaction-entity-composite .divider-wrapper {
    width: 20px;
  }
  .synapse-widget .component-interaction-entity-composite .divider-wrapper .divider {
    width: 1px;
    height: 100%;
    background-color: var(--grey-25);
  }
  .synapse-widget .component-interaction-thesaurus-composite.ALL .mecanism, .synapse-widget .component-interaction-thesaurus-composite.ALL .behavior {
    background-color: rgba(104, 218, 160, 0.1);
  }
  .synapse-widget .component-interaction-thesaurus-composite.TO_CONSIDER .mecanism, .synapse-widget .component-interaction-thesaurus-composite.TO_CONSIDER .behavior {
    background-color: rgba(222, 239, 117, 0.1);
  }
  .synapse-widget .component-interaction-thesaurus-composite.PRECAUTION_OF_USE .mecanism, .synapse-widget .component-interaction-thesaurus-composite.PRECAUTION_OF_USE .behavior {
    background-color: rgba(255, 200, 61, 0.1);
  }
  .synapse-widget .component-interaction-thesaurus-composite.ASSOCIATION_DISCOURAGED .mecanism, .synapse-widget .component-interaction-thesaurus-composite.ASSOCIATION_DISCOURAGED .behavior {
    background-color: rgba(255, 138, 72, 0.1);
  }
  .synapse-widget .component-interaction-thesaurus-composite.CONTRAINDICATION .mecanism, .synapse-widget .component-interaction-thesaurus-composite.CONTRAINDICATION .behavior {
    background-color: rgba(235, 67, 67, 0.1);
  }
  .synapse-widget .component-interaction-ddi .interaction-ddi {
    background-color: rgba(47, 181, 232, 0.1);
  }
  .synapse-widget .component-interaction-ddi .interaction-ddi .component-ddi-details-element .rounded {
    background-color: #fff;
  }
  .synapse-widget .component-interaction-incompatibility .description {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .synapse-widget .component-interaction-incompatibility a.underline {
    text-decoration: underline !important;
  }
  .synapse-widget .component-interaction-gravity {
    overflow: hidden;
  }
  .synapse-widget .component-interaction-gravity .bg-black {
    background-color: #000;
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title {
    cursor: pointer;
    position: relative;
    z-index: 1;
    min-height: 44px;
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title.openable:hover > .title-inner-box {
    background-color: var(--grey-0) !important;
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title .title-inner-box > div > span {
    min-width: 44px;
    height: 44px;
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title p {
    font-size: 1rem;
    margin: 0;
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title i.icn-back {
    transition: transform 0.1s ease;
    cursor: pointer;
    transform: rotate(-90deg);
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title i.icn-back.open {
    transform: rotate(-270deg);
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-title:hover {
    background-color: var(--grey-0);
  }
  .synapse-widget .component-interaction-gravity .interaction-gravity-wrapper {
    transition: transform 0.1s ease;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .chordchart-wrapper {
    padding-right: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .chordchart-wrapper .chordchart {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100vw - (100vw - 400px) / 1.1);
    min-width: 0px;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper {
    padding-left: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .pl-3 {
    padding-left: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .col, .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .source-select > .col-auto {
    min-width: 100%;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4 .component-interaction-gravity {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .detail-wrapper .interactions-details > .my-4:not(:last-of-type) .component-interaction-gravity {
    border-bottom: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .component-tooltip::before {
    left: 0;
    transform: translateX(-110%);
    z-index: 1;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .component-tooltip .btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--grey-25);
    border-radius: 100%;
    padding: 0 !important;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .component-tooltip .btn .fa::before {
    content: "";
    display: none;
  }
  .synapse-widget .component-interactions-block-composite.is-mobile .component-tooltip .btn .fa::after {
    content: "?";
    font-family: var(--font-family-tertiary);
    font-size: var(--text-50);
    font-weight: 700;
    color: var(--brand-primary);
    position: relative;
    top: -3px;
  }
  .synapse-widget .component-interactions-block-composite:not(.is-mobile) .chordchart-wrapper {
    max-width: 500px;
    width: 54%;
  }
  .synapse-widget .component-interactions-block-composite:not(.is-mobile) .chordchart-wrapper .chordchart {
    min-width: 150px;
    max-width: 100%;
    text-align: center;
  }
  .synapse-widget .component-interactions-block-composite:not(.is-mobile) .detail-wrapper {
    max-width: 500px;
    min-width: 400px;
    width: 44%;
  }
  .synapse-widget .component-interactions-block-composite .interactions-details {
    position: relative;
    z-index: 0;
  }
  .synapse-widget .component-interactions-block-composite .other-warning {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning] .other-warning {
    width: 10px;
    height: 10px;
    line-height: 10px;
    color: transparent !important;
    background-color: transparent !important;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning][data-warning=color-0] .other-warning {
    background-color: var(--brand-quaternary) !important;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-25] .other-warning {
    background-color: var(--alert-25) !important;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-50] .other-warning {
    background-color: var(--alert-50) !important;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-75] .other-warning {
    background-color: var(--alert-75) !important;
  }
  .synapse-widget .component-interactions-block-composite .component-select .current [data-warning][data-warning=alert-100] .other-warning {
    background-color: var(--alert-100) !important;
  }
  .synapse-widget .component-posology-interpreter-closing-card.hoverable:hover {
    background: var(--grey-0);
  }
  .synapse-widget .component-posology-interpreter-closing-card button.component-posology-interpreter-closing-card-trigger {
    border: none;
    background: none;
  }
  .synapse-widget .posology-interpreter-alert-menu:hover {
    cursor: default;
  }
  .synapse-widget .posology-interpreter-alert-menu .posology-interpreter-alert-menu-overlay {
    z-index: 1;
    width: 300px;
  }
  .synapse-widget .posology-interpreter-drug-ingredients > div {
    margin-right: 0.25rem;
  }
  .synapse-widget .posology-interpreter-drug-ingredients > div:last-child {
    margin-right: 0;
  }
  .synapse-widget .posology-interpreter-drug-ingredients .tag {
    vertical-align: text-top;
    position: relative;
  }
  .synapse-widget .posology-interpreter-drug-ingredients .tag .icn {
    position: relative;
    top: 1px;
  }
  .synapse-widget .posology-interpreter-drug-ingredients .component-tooltip-on-hover {
    max-width: 350px !important;
    white-space: break-spaces;
  }
  .synapse-widget .component-posology-interpreter-drug-label-composite {
    display: flex;
    align-items: center;
  }
  .synapse-widget .component-posology-interpreter-drug-label-composite .drug-link {
    line-height: 1.3;
  }
  .synapse-widget .component-posology-interpreter-drug-label-composite .drug-link:hover .branded-drug {
    text-decoration: underline;
  }
  .synapse-widget .posologyinterpreter-posology-field {
    border: 1px solid;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    min-width: 75px;
    box-sizing: border-box;
  }
  .synapse-widget .posologyinterpreter-posology-field.greyed {
    background: #f8f8f8;
    border: none;
    border: 1px solid #f8f8f8;
  }
  .synapse-widget .posologyinterpreter-posology-field.valid {
    border-color: var(--alert-0);
    background: var(--alert-0-light);
  }
  .synapse-widget .posologyinterpreter-posology-field.invalid {
    border-color: var(--alert-100);
    background: var(--alert-100-light);
  }
  .synapse-widget .posologyinterpreter-posology-field.disabled {
    background: var(--grey-25);
    color: var(--grey-75);
    border: none;
  }
  .synapse-widget .posologyinterpreter-posology-field .icn {
    width: 16px;
    height: 16px;
  }
  .synapse-widget .posologyinterpreter-posology-item {
    border-collapse: collapse;
  }
  .synapse-widget .posologyinterpreter-posology-item .with-border {
    border-left: 1px solid var(--grey-25);
  }
  .synapse-widget .posologyinterpreter-posology-item .item-type {
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .synapse-widget .posologyinterpreter-posology-item .row-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
  }
  .synapse-widget .posologyinterpreter-posology-result .flex-wrap {
    flex-wrap: wrap;
  }
  .synapse-widget .posologyinterpreter-posology-block {
    width: 100%;
  }
  .synapse-widget .posologyinterpreter-posology-block .posology-title {
    margin-bottom: var(--spacing-2);
    padding: 4px 8px;
    height: 24px;
    background: #e8f0f5;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
  }
  .synapse-widget .posologyinterpreter-posology-block .notice {
    display: flex;
    align-items: flex-start;
    font-size: var(--text-75);
    font-weight: 400;
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
    background-color: var(--alert-50-light);
    border-radius: var(--rounded-50);
  }
  .synapse-widget .posologyinterpreter-drug-card .posology-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: fit-content;
  }
  .synapse-widget .posologyinterpreter-drug-card-summarized .component-posology-interpreter-closing-card .icon-wrapper {
    width: 25px;
    height: 25px;
    border-radius: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .synapse-widget .posologyinterpreter-drug-card-summarized .component-posology-interpreter-closing-card .posologyinterpreter-posology-result table.posologyinterpreter-posology-item {
    margin: 0 !important;
  }
  .synapse-widget .component-posology-interpreter-composite:has(.posologyinterpreter-drug-card-summarized) {
    max-width: none;
  }
  .synapse-widget .component-posology-interpreter-composite .title {
    font-size: 22px;
  }
  .synapse-widget .component-posology-interpreter-composite .alert-menu {
    position: relative;
  }
  .synapse-widget .component-posology-interpreter-composite .subtitle {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .synapse-widget .component-posology-interpreter-composite .disclaimer {
    flex: 1;
  }
  @media (max-width: 768px) {
    .synapse-widget .component-posology-interpreter-composite .disclaimer {
      text-align: left;
    }
  }
  @media (max-width: 576px) {
    .synapse-widget .component-posology-interpreter-composite .subtitle {
      flex-direction: column;
    }
    .synapse-widget .component-posology-interpreter-composite .disclaimer {
      text-align: center;
      margin-bottom: 10px;
    }
  }
  .synapse-widget .component-start-card .start-tags .tag {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }
  .synapse-widget .component-start-card ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .synapse-widget .component-start-card li .icn-arrow {
    transform: rotate(-90deg);
  }
  .synapse-widget .component-start-card .expand-reference {
    text-decoration: underline;
    cursor: pointer;
  }
  .synapse-widget .component-start-card .checklist {
    margin-left: var(--spacing-1);
    line-height: 1.3;
  }
  .synapse-widget .component-start-composite {
    color: var(--brand-primary);
  }
  .synapse-widget .component-start-composite .header {
    text-align: center;
  }
  .synapse-widget .component-start-composite .header-warning {
    font-size: 14px;
  }
  .synapse-widget .component-start-composite .list-title {
    font-size: 16px;
  }
  .synapse-widget .component-start-composite .start-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-widget .component-start-composite .start-source-footer a {
    color: var(--grey-50);
  }
  .synapse-widget .component-stoppComposite {
    color: var(--brand-primary);
  }
  .synapse-widget .component-stoppComposite .header {
    text-align: center;
  }
  .synapse-widget .component-stoppComposite .header-warning {
    font-size: 14px;
  }
  .synapse-widget .component-stoppComposite ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .synapse-widget .component-stoppComposite li .icn-arrow {
    transform: rotate(-90deg);
  }
  .synapse-widget .component-stoppComposite .bg-grey-0 {
    background-color: var(--grey-0);
  }
  .synapse-widget .component-stoppComposite .stopp-source-footer {
    font-size: 14px;
    text-align: right;
    color: var(--grey-50);
  }
  .synapse-widget .component-stoppComposite .stopp-source-footer a {
    color: var(--grey-50);
  }
  .synapse-widget .pathology-autocomplete {
    min-width: 278px;
    isolation: isolate;
  }
  .synapse-widget .pathology-autocomplete .autocomplete-search-input:first-child label {
    display: inline-flex !important;
    width: 100% !important;
    margin-bottom: 0;
  }
  .synapse-widget .pathology-autocomplete .autocomplete-search-input:first-child label button {
    margin-bottom: unset !important;
  }
  .synapse-widget .pathology-autocomplete .autocomplete-search-input:first-child label svg {
    vertical-align: unset;
  }
  .synapse-widget .isolation-isolate {
    isolation: isolate;
  }
  .synapse-widget .autocomplete-suggestions {
    max-height: 324px;
    overflow-y: auto;
  }
  .synapse-widget .autocomplete-suggestions .empty-pathos:hover {
    background-color: transparent;
  }
  .synapse-widget .autocomplete-suggestions .button-no-bg-hover, .synapse-widget .autocomplete-suggestions .button-no-bg-hover:hover {
    background-color: transparent;
  }
  .synapse-widget .selected-pathologies {
    max-height: 330px;
    overflow-y: auto;
  }
  .synapse-widget .overflow-x-visible {
    overflow-x: visible;
  }
  .synapse-widget .selected-pathology {
    width: 100%;
  }
  .synapse-widget .selected-pathology .selected-pathology-label {
    color: var(--greys-grey-100, var(--grey-grey-100, #222d39));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    height: 100%;
    max-height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .synapse-widget .selected-pathology button {
    padding: 0px;
  }
  .synapse-widget .selected-pathology button:hover {
    background-color: transparent;
  }
  .synapse-widget .selected-pathology .icn-cross {
    --icon-color-0: var(--grey-50);
  }
  .synapse-widget .selected-pathology .icn-cross:hover {
    --icon-color-0: var(--grey-75);
  }
  .synapse-widget .autocomplete-suggestion {
    padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-3);
    width: 100%;
  }
  .synapse-widget .autocomplete-suggestion .autocomplete-suggestion-label {
    text-align: left;
  }
  .synapse-widget .autocomplete-suggestion .min-h-19-px {
    min-height: 19px;
  }
  .synapse-widget .autocomplete-suggestion .icn-star-div {
    opacity: 0;
  }
  .synapse-widget .autocomplete-suggestion:hover .icn-star-div {
    opacity: 1;
  }
  .synapse-widget .autocomplete-suggestion:focus-within .icn-star-div {
    opacity: 1;
  }
  .synapse-widget .box-border {
    box-sizing: border-box;
  }
  .synapse-widget .autocomplete-line-container {
    min-height: 33px;
  }
  .synapse-widget .autocomplete-line-container .autocomplete-indication-line {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .synapse-widget .autocomplete-section-title {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--white, #fff);
    cursor: default;
    z-index: 1;
  }
  .synapse-widget .autocomplete-section-title .show-more-button {
    color: var(--grey-75);
    text-decoration-color: var(--grey-75);
  }
  .synapse-widget .autocomplete-section-title .show-more-button:hover {
    color: var(--brand-primary);
    text-decoration-color: var(--brand-primary);
  }
  .synapse-widget .autocomplete-section-title .show-more-button .show-more-section-button-text {
    display: block;
  }
  .synapse-widget .autocomplete-section-title .show-more-button .show-more-button-text {
    display: none;
  }
  @container medical-resources-autocomplete (width <= 400px) {
    .synapse-widget .autocomplete-section-title .show-more-button .show-more-section-button-text {
      display: none;
    }
    .synapse-widget .autocomplete-section-title .show-more-button .show-more-button-text {
      display: block;
    }
  }
  .synapse-widget .autocomplete-line-container {
    min-height: 33px;
  }
  .synapse-widget .autocomplete-line-container.hatched-bg {
    background: repeating-linear-gradient(-70deg, var(--additional-fifth), var(--additional-fifth) 5px, transparent 5px, transparent 13px);
  }
  .synapse-widget .autocomplete-line-container.hatched-bg:hover {
    background: repeating-linear-gradient(-70deg, var(--grey-0), var(--grey-0) 5px, transparent 5px, transparent 13px);
  }
  .synapse-widget .autocomplete-line-container .autocomplete-line {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .synapse-widget .autocomplete-line-container .custom-accessory-deletion-button {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }
  .synapse-widget .autocomplete-line-container .custom-accessory-deletion-button .custom-accessory-deletion-icon {
    opacity: 0;
    pointer-events: none;
  }
  .synapse-widget .autocomplete-line-container .autocomplete-favorite-button {
    opacity: 0;
    pointer-events: none;
    display: flex;
  }
  .synapse-widget .autocomplete-line-container:hover .autocomplete-favorite-button {
    opacity: 1;
    pointer-events: initial;
  }
  .synapse-widget .autocomplete-line-container:hover .custom-accessory-deletion-icon {
    opacity: 1;
    pointer-events: initial;
  }
  .synapse-widget .autocomplete-line-container:focus-within .autocomplete-favorite-button {
    opacity: 1;
    pointer-events: initial;
  }
  .synapse-widget .section-complete-container .section-complete {
    min-height: 33px;
    cursor: default;
  }
  .synapse-widget .section-create-accessory {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 0;
    background-color: var(--action-background-hover);
  }
  .synapse-widget .autocomplete-options-selector-container {
    height: 40px;
  }
  .synapse-widget .autocomplete-options-selector-container .autocomplete-options-selector {
    display: flex;
    gap: var(--spacing-1);
    align-items: center;
    justify-content: space-between;
    height: 100%;
    min-width: 140px;
    font-size: var(--text-75);
    color: var(--grey-100);
    margin: 0;
    padding: var(--spacing-2) var(--spacing-25);
    border-radius: var(--rounded-50);
    border: 1px solid var(--grey-50);
    background: #fff;
    cursor: pointer;
  }
  .synapse-widget .autocomplete-options-selector-container .autocomplete-options-selector:focus {
    border-color: var(--brand-primary);
    outline: var(--outline-primary);
  }
  .synapse-widget .autocomplete-options-selector-menu {
    min-width: 237px !important;
  }
  .synapse-widget .medical-resources-autocomplete {
    position: relative;
    min-width: 340px;
    max-width: 1000px;
    container-type: inline-size;
    container-name: medical-resources-autocomplete;
  }
  .synapse-widget .medical-resources-autocomplete label {
    display: flex;
    margin: 0;
  }
  .synapse-widget .autocomplete-dropdown {
    max-height: 400px;
    min-width: 343px;
    max-width: 1000px;
    width: 100%;
    overflow-y: auto;
    margin-top: var(--spacing-1);
    padding-top: 0;
    border: var(--border-width) solid var(--border-color);
    box-shadow: var(--dp-25) !important;
    z-index: 1;
  }
  .synapse-widget .autocomplete-dropdown:focus {
    border: 2px solid var(--Greys-grey-25, #e1e1e1) !important;
  }
  .synapse-widget .component-quick-extract-entry-button {
    padding-right: var(--spacing-3);
    background: var(--grey-white, #fff);
    box-shadow: var(--dp-25);
    transition: all 110ms ease-in-out;
  }
  .synapse-widget .component-quick-extract-entry-button:hover {
    padding-right: var(--spacing-2);
    background: var(--additional-quaternary);
    box-shadow: var(--dp-50);
  }
  .synapse-widget .component-quick-extract-extractor .loader {
    max-width: fit-content;
    margin: 0 auto;
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .synapse-widget .component-quick-extract-extractor .loader__inner {
    width: 142px;
    height: 142px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
    border-radius: 100%;
  }
  .synapse-widget .component-skeleton-row {
    background-color: #efefef;
    background-image: linear-gradient(90deg, #efefef 0%, #f4f4f4 19.79%, #efefef 100%);
    background-repeat: no-repeat;
    -webkit-animation: skeletonTransition 1.2s linear infinite forwards;
    animation: skeletonTransition 1.2s linear infinite forwards;
  }
  @keyframes skeletonTransition {
    0% {
      background-position: -600px 0;
    }
    100% {
      background-position: 600px 0;
    }
  }
  .synapse-widget .component-quick-extract-skeleton .box {
    box-shadow: 0px 4px 11px 4px rgba(0, 0, 0, 0.05);
  }
  .synapse-widget .component-quick-extract-skeleton > div:first-child {
    display: none;
  }
  .synapse-widget .component-quick-extract--l .component-quick-extract-skeleton {
    display: grid;
    grid-template-columns: clamp(200px, 37%, 400px) 1fr;
    column-gap: calc(var(--spacing-2) + var(--spacing-4));
  }
  .synapse-widget .component-quick-extract--l .component-quick-extract-skeleton > div:first-child {
    display: block;
  }
  .synapse-widget .component-quick-extract-treatments .grid-treatments {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto;
    gap: var(--spacing-4);
  }
  .synapse-widget .component-quick-extract--l .grid-treatments {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: var(--spacing-4);
  }
  .synapse-widget .component-prescription-text-preview {
    height: fit-content;
  }
  .synapse-widget .component-prescription-file-preview {
    max-height: 40%;
  }
  .synapse-widget .component-prescription-file-preview .file {
    box-shadow: 0px 4px 11px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  .synapse-widget .component-prescription-file-preview .cursor {
    cursor: auto !important;
  }
  .synapse-widget .component-prescription-file-preview img, .synapse-widget .component-prescription-file-preview object {
    cursor: zoom-in;
    transition: transform 0.25s ease;
  }
  .synapse-widget .component-quick-extract--l .component-prescription-file-preview {
    max-height: 100%;
  }
  .synapse-widget .component-quick-extract--l .component-prescription-file-preview .display-desktop-preview, .synapse-widget .component-quick-extract--l .component-prescription-file-preview .display-desktop-button {
    display: flex;
  }
  .synapse-widget .component-quick-extract--l .component-prescription-file-preview .display-desktop-preview {
    width: inherit;
    min-height: 0;
  }
  .synapse-widget .component-quick-extract--l .component-prescription-file-preview .display-mobile-button {
    display: none;
  }
  .synapse-widget .component-quick-extract--sm .component-prescription-file-preview .display-desktop-preview, .synapse-widget .component-quick-extract--sm .component-prescription-file-preview .display-desktop-button, .synapse-widget .component-quick-extract--md .component-prescription-file-preview .display-desktop-preview, .synapse-widget .component-quick-extract--md .component-prescription-file-preview .display-desktop-button {
    display: none;
  }
  .synapse-widget .component-quick-extract--sm .component-prescription-file-preview .display-mobile-button, .synapse-widget .component-quick-extract--md .component-prescription-file-preview .display-mobile-button {
    display: flex;
  }
  .synapse-widget .component-quick-extract-treatment .content .component-researchBarComposite > div {
    background: #fff;
  }
  .synapse-widget .component-quick-extract-treatment[data-rejected=true] .component-treatment-label .branded-drug {
    color: var(--grey-75) !important;
  }
  .synapse-widget .component-quick-extract-treatment .component-posology-form-composite .component-posology--posology-form > div, .synapse-widget .component-quick-extract-treatment .component-posology-form-composite .component-posology--duration-form > div {
    background: #fff !important;
  }
  .synapse-widget .component-quick-extract-treatment .component-posology-form-composite .component-posology-form-validation {
    margin-top: var(--spacing-3) !important;
    margin-bottom: var(--spacing-2) !important;
    justify-content: flex-end !important;
  }
  .synapse-widget .component-quick-extract--l .component-quick-extract-treatment .header, .synapse-widget .component-quick-extract--md .component-quick-extract-treatment .header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--spacing-4);
    align-items: center;
  }
  .synapse-widget .component-no-result {
    max-width: 440px;
    margin: 0 auto;
  }
  .synapse-widget .component-no-result--file, .synapse-widget .component-no-result--image {
    margin-top: 120px;
  }
  .synapse-widget .component-quick-extract--sm .component-no-result--file, .synapse-widget .component-quick-extract--sm .component-no-result--image, .synapse-widget .component-quick-extract--md .component-no-result--file, .synapse-widget .component-quick-extract--md .component-no-result--image {
    margin-top: 0;
  }
  .synapse-widget .component-quick-extract .component-quick-extract-camera-view video, .synapse-widget .component-quick-extract .component-quick-extract-camera-view img {
    border-radius: 8px;
    max-width: 80%;
  }
  .synapse-widget .component-quick-extract .component-quick-extract-camera-view .no-camera-container {
    max-width: 60%;
  }
}
@layer boto-utils, synapse-demo, synapse-widgets, boto-components;