/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.bun/css-loader@7.1.5+c05b2a0896c10152/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!../../node_modules/.bun/postcss-loader@8.2.1+80acb468eec4e2e3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!../ng-common-libraries/styles/tailwind/index.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, legacy, base, vendor, components, cdk-resets, utilities;
@layer theme {
  :root, :host {
    --spacing: 8px;
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-creative-mode: #8b5cf6;
    --color-plan-accent: #f58f00;
    --color-scrim-25: rgba(0, 0, 0, 0.25);
    --color-scrim-50: rgba(0, 0, 0, 0.5);
    --text-sp-1: calc(var(--spacing) * 1);
    --text-sp-1\.5: calc(var(--spacing) * 1.5);
    --text-sp-1\.25: calc(var(--spacing) * 1.25);
    --text-sp-1\.75: calc(var(--spacing) * 1.75);
    --text-sp-2: calc(var(--spacing) * 2);
    --text-sp-2\.5: calc(var(--spacing) * 2.5);
    --text-sp-2\.25: calc(var(--spacing) * 2.25);
    --text-sp-2\.75: calc(var(--spacing) * 2.75);
    --text-sp-3: calc(var(--spacing) * 3);
    --text-sp-3\.5: calc(var(--spacing) * 3.5);
    --text-sp-3\.25: calc(var(--spacing) * 3.25);
    --text-sp-3\.75: calc(var(--spacing) * 3.75);
    --text-sp-4: calc(var(--spacing) * 4);
    --text-sp-4\.5: calc(var(--spacing) * 4.5);
    --text-sp-5: calc(var(--spacing) * 5);
    --text-sp-5\.5: calc(var(--spacing) * 5.5);
    --text-sp-6: calc(var(--spacing) * 6);
    --text-sp-8: calc(var(--spacing) * 8);
    --text-sp-10: calc(var(--spacing) * 10);
    --leading-body1: var(--lh-body1);
    --tracking-s: 1px;
    --tracking-m: 2px;
    --leading-24px: 24px;
    --radius-0: 0px;
    --radius-px: 1px;
    --radius-0\.5: calc(var(--spacing) * 0.5);
    --radius-0\.25: calc(var(--spacing) * 0.25);
    --radius-0\.375: calc(var(--spacing) * 0.375);
    --radius-0\.75: calc(var(--spacing) * 0.75);
    --radius-1: calc(var(--spacing) * 1);
    --radius-1\.5: calc(var(--spacing) * 1.5);
    --radius-1\.25: calc(var(--spacing) * 1.25);
    --radius-1\.75: calc(var(--spacing) * 1.75);
    --radius-2: calc(var(--spacing) * 2);
    --radius-2\.5: calc(var(--spacing) * 2.5);
    --radius-2\.75: calc(var(--spacing) * 2.75);
    --radius-3: calc(var(--spacing) * 3);
    --radius-circle: 50%;
    --radius-half-rem: 0.5rem;
    --spacing-safe-t: var(--safe-area-inset-top);
    --spacing-safe-b: var(--safe-area-inset-bottom);
    --blur-glass: 8px;
    --spacing-89px: 89px;
    --spacing-13px: 13px;
    --spacing-1-5px: 1.5px;
    --spacing-83px: 83px;
    --spacing-11-2px: 11.2px;
    --spacing-1rem: 1rem;
    --spacing-1-75rem: calc(3.5rem / 2);
    --spacing-2rem: 2rem;
    --animate-loading: move-backgorund 2000ms linear infinite;
    --animate-hide-up-fast: leave-up-fast 400ms ease both;
    --animate-reveal-chat-options: chat-msg-options-enter 700ms 250ms cubic-bezier(0.4, 0, 0.2, 1) both;
    --animate-initial-thinking: initial-thinking-enter 300ms cubic-bezier(0.4, 0, 0.2, 1) both;
    --ease-out: ease-out;
    --ease-in-out: ease-in-out;
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-loaders-line-load: loaders-line-load 900ms infinite linear;
    --animate-chats-suggested-questions-comet: chats-suggested-questions-comet 1s ease-out;
  }
}
@layer utilities {
  .reach-toggler {
    position: relative;
    display: inline-block;
    color: var(--color-text-400);
    --__space_px: 1;
    --__space: calc((var(--__space_px) / 8) * 1em);
    --__indicator-size: calc(1em - (var(--__space)));
    border-radius: calc(0.5 * var(--__indicator-size) + var(--__space));
    height: calc(var(--__indicator-size) + 2 * var(--__space));
    width: calc(2 * var(--__indicator-size) + 3 * var(--__space));
    background-color: currentColor;
    &::after {
      content: "";
      position: absolute;
      top: var(--__space);
      left: var(--__space);
      aspect-ratio: 1;
      height: var(--__indicator-size);
      border-radius: calc((var(--__indicator-size) + 2 * var(--__space)) / 2);
      background-color: var(--color-bg-190);
      transform: translateX(0px);
      transition: transform 300ms;
    }
    &.active {
      color: var(--color-primary);
    }
    &.active::after {
      transform: translateX(calc(var(--__indicator-size) + var(--__space)));
    }
    &.disabled {
      color: var(--color-text-200);
      pointer-events: none;
    }
  }
  .input-with-label-wrapper > input:not(:placeholder-shown) + .label {
    opacity: 0;
  }
  .input-with-label-wrapper .label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: none;
  }
  .\[pointer-events\:all\] {
    pointer-events: all;
  }
  .pointer-events-all {
    pointer-events: all;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .settings-scroll {
    position: absolute;
    top: calc(2rem + var(--fs-icon) + var(--safe-area-inset-top));
    bottom: var(--safe-area-inset-bottom);
    max-height: calc(100% - 2rem - var(--fs-icon));
    overflow: auto;
    width: 100%;
  }
  .settings-fixed-header {
    position: absolute;
    z-index: 1;
    top: var(--safe-area-inset-top);
  }
  .li-separator {
    position: relative;
    &::after {
      --space: calc(1rem + 8px + var(--fs-icon) + 8px);
      content: "";
      position: absolute;
      bottom: 0;
      left: var(--space);
      width: calc(100% - var(--space));
      max-width: 100%;
      height: 1px;
      background: var(--color-line-250);
    }
  }
  .li-separator-no-icon {
    position: relative;
    &::after {
      --space: calc(2 * var(--spacing));
      content: "";
      position: absolute;
      bottom: 0;
      left: var(--space);
      width: calc(100% - var(--space));
      max-width: 100%;
      height: 1px;
      background: var(--color-line-250);
    }
  }
  .\[position\:initial\] {
    position: initial;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView .thumbnail {
    border-radius: calc(1.5 * var(--spacing));
    outline: none;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnail:hover .thumbnailImageContainer:not([aria-current=page]) img {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView > .thumbnail > .thumbnailImageContainer::after {
    inset-inline-end: 36% !important;
    background-color: unset !important;
    outline: none !important;
    color: rgb(var(--color-text-800-rgb)) !important;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: 0px;
  }
  .top-0\! {
    top: 0px !important;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-0\.25 {
    top: calc(var(--spacing) * 0.25);
  }
  .top-0\.75 {
    top: calc(var(--spacing) * 0.75);
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1-75rem {
    top: var(--spacing-1-75rem);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[-3px\] {
    top: -3px;
  }
  .top-\[0\.5px\] {
    top: 0.5px;
  }
  .top-\[0\.5rem\] {
    top: 0.5rem;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[3\.5rem\] {
    top: 3.5rem;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-fs-body1 {
    top: var(--fs-body1);
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .right-0 {
    right: 0px;
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-0\.25 {
    right: calc(var(--spacing) * 0.25);
  }
  .right-0\.75 {
    right: calc(var(--spacing) * 0.75);
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-1rem {
    right: var(--spacing-1rem);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-4\.5 {
    right: calc(var(--spacing) * 4.5);
  }
  .right-4\.25 {
    right: calc(var(--spacing) * 4.25);
  }
  .right-18 {
    right: calc(var(--spacing) * 18);
  }
  .right-\[-3px\] {
    right: -3px;
  }
  .right-\[3\.5rem\] {
    right: 3.5rem;
  }
  .right-\[5px\] {
    right: 5px;
  }
  .right-\[37px\] {
    right: 37px;
  }
  .right-\[121px\] {
    right: 121px;
  }
  .right-fs-body1 {
    right: var(--fs-body1);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-2\.5 {
    bottom: calc(var(--spacing) * -2.5);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-0\.25 {
    bottom: calc(var(--spacing) * 0.25);
  }
  .bottom-0\.75 {
    bottom: calc(var(--spacing) * 0.75);
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-1\.75 {
    bottom: calc(var(--spacing) * 1.75);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-\[calc\(100\%\+8px\)\] {
    bottom: calc(100% + 8px);
  }
  .bottom-\[calc\(100\%_-_\(24px_\+_var\(--fs-xs\)_\+_12px\)\)\] {
    bottom: calc(100% - (24px + var(--fs-xs) + 12px));
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-1\.75 {
    left: calc(var(--spacing) * -1.75);
  }
  .left-0 {
    left: 0px;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-0\.25 {
    left: calc(var(--spacing) * 0.25);
  }
  .left-0\.75 {
    left: calc(var(--spacing) * 0.75);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\.75 {
    left: calc(var(--spacing) * 1.75);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-1rem {
    left: var(--spacing-1rem);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-\[14px\] {
    left: 14px;
  }
  .left-full {
    left: 100%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-6 {
    z-index: 6;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-15 {
    z-index: 15;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-99 {
    z-index: 99;
  }
  .z-100 {
    z-index: 100;
  }
  .z-999 {
    z-index: 999;
  }
  .z-1000 {
    z-index: 1000;
  }
  .z-max {
    z-index: 2147483647;
  }
  .container {
    width: 100%;
  }
  .reasoning-preview-markdown--streaming * {
    font-size: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
  }
  .reasoning-preview-markdown--streaming p {
    display: inline !important;
  }
  .reasoning-preview-markdown--streaming p + p::before {
    content: ' ';
  }
  .reasoning-preview-markdown--streaming br, .reasoning-preview-markdown--streaming img, .reasoning-preview-markdown--streaming .source-message-chip {
    display: none !important;
  }
  .chat-message-markdown * {
    font-size: 14px !important;
  }
  .chat-message-markdown strong {
    font-weight: 400 !important;
  }
  .chat-message-markdown p {
    margin: 0;
  }
  .chat-message-markdown pre, .chat-message-markdown pre[class*='language-'] {
    max-width: 100%;
    overflow-x: auto;
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-0 {
    margin-inline: 0px;
  }
  .mx-0\! {
    margin-inline: 0px !important;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-0\.25 {
    margin-block: calc(var(--spacing) * -0.25);
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .my-0 {
    margin-block: 0px;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-0\.25 {
    margin-block: calc(var(--spacing) * 0.25);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-0\.25 {
    margin-top: calc(var(--spacing) * -0.25);
  }
  .-mt-safe-t {
    margin-top: calc(var(--safe-area-inset-top) * -1);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.25 {
    margin-top: calc(var(--spacing) * 0.25);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-1\.25 {
    margin-top: calc(var(--spacing) * 1.25);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-\[calc\(-1_\*_var\(--safe-area-inset-top\)\)\] {
    margin-top: calc(-1 * var(--safe-area-inset-top));
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-fs-body1 {
    margin-top: var(--fs-body1);
  }
  .mt-px {
    margin-top: 1px;
  }
  .loader {
    width: auto;
    margin-right: var(--spacing);
    opacity: 1;
    transform: translateX(0);
    &.hidden {
      animation: loader-hide 800ms 800ms ease-in-out forwards;
    }
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-0\.25 {
    margin-right: calc(var(--spacing) * 0.25);
  }
  .mr-0\.75 {
    margin-right: calc(var(--spacing) * 0.75);
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-40 {
    margin-right: calc(var(--spacing) * 40);
  }
  .mr-\[3px\] {
    margin-right: 3px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-0\.25 {
    margin-bottom: calc(var(--spacing) * -0.25);
  }
  .-mb-1\.25 {
    margin-bottom: calc(var(--spacing) * -1.25);
  }
  .-mb-safe-b {
    margin-bottom: calc(var(--safe-area-inset-bottom) * -1);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-0\.25 {
    margin-bottom: calc(var(--spacing) * 0.25);
  }
  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * 0.75);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[calc\(-1em_\*_var\(--font-line-height\)\)\] {
    margin-bottom: calc(-1em * var(--font-line-height));
  }
  .mb-safe-b {
    margin-bottom: var(--safe-area-inset-bottom);
  }
  .card-separator {
    --__gap-size: var(--__gap, calc((2 * var(--spacing)) + var(--fs-icon) + (2 * var(--spacing))));
    margin-left: var(--__gap-size);
    width: calc(100% - var(--__gap-size));
    height: 1px;
    background-color: var(--color-line-230);
    .reach-card:last-of-type & {
      display: none;
      background-color: transparent;
    }
    .reach-card-new:last-of-type > & {
      display: none;
      background-color: transparent;
    }
  }
  .options-menu-widget {
    background-color: var(--color-bg-270);
    border-radius: var(--spacing);
    overflow: hidden;
    padding: var(--spacing);
    width: 320px;
    box-shadow: var(--shadow-menu);
    &.small {
      border-radius: calc(1.5 * var(--spacing));
      width: 200px;
    }
    &.alt {
      background-color: var(--color-bg-180);
    }
    & > .section-header:first-of-type {
      padding-top: calc(2 * var(--spacing));
    }
    &:has(.options-footer) {
      padding-bottom: 0;
    }
    & > .options-footer {
      width: calc(100% + 2 * var(--spacing));
      margin-left: calc(-1 * var(--spacing));
    }
  }
  .options-footer {
    width: calc(100% + 2 * var(--spacing));
    margin-left: calc(-1 * var(--spacing));
  }
  .-ml-0\.25 {
    margin-left: calc(var(--spacing) * -0.25);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-0\.25 {
    margin-left: calc(var(--spacing) * 0.25);
  }
  .ml-0\.75 {
    margin-left: calc(var(--spacing) * 0.75);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-2\! {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-\[-5px\] {
    margin-left: -5px;
  }
  .ml-\[-7px\] {
    margin-left: -7px;
  }
  .ml-\[1rem\] {
    margin-left: 1rem;
  }
  .ml-\[3rem\] {
    margin-left: 3rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .reach-section-header {
    width: 100%;
    background-color: var(--color-bg-modal-search);
    &.new-colors {
      background-color: var(--color-bg-370);
    }
    &.new-colors-290 {
      background-color: var(--color-bg-290);
    }
    &.transparent {
      background-color: transparent;
    }
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xxs);
    font-weight: var(--fw-bold);
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    @media screen and (min-width: 720px) {
      font-size: var(--fs-xxs);
    }
    @media screen and (min-width: 720px) {
      &.font-size-mobile {
        font-size: var(--fs-xs);
      }
    }
  }
  .popup {
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-2);
    border: 1px solid var(--color-line-230);
    box-sizing: border-box;
  }
  .\[box-sizing\:unset\] {
    box-sizing: unset;
  }
  .box-border {
    box-sizing: border-box;
  }
  .scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .section-separator {
    padding: calc(0.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--spacing));
    background-color: var(--color-bg-280);
    color: var(--color-text-400);
    border-radius: var(--spacing);
    font-size: var(--fs-m);
    line-height: 1em;
  }
  .icon-input-icon > .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .icon-input-icon > .icon:first-child {
    padding-right: 8px;
  }
  .icon-input-icon > .icon:last-child {
    padding-left: 8px;
  }
  .reasoning-preview-markdown--finished * {
    display: inline !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .reasoning-preview-markdown--finished br, .reasoning-preview-markdown--finished img, .reasoning-preview-markdown--finished .source-message-chip {
    display: none !important;
  }
  .reasoning-preview-markdown--finished p + p::before, .reasoning-preview-markdown--finished li + li::before {
    content: ' ';
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }
  .\[display\:var\(--display-progress\)\] {
    display: var(--display-progress);
  }
  .\[display\:var\(--display-tick\)\] {
    display: var(--display-tick);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .\[aspect-ratio\:1\/1\] {
    aspect-ratio: 1/1;
  }
  .\[aspect-ratio\:1\] {
    aspect-ratio: 1;
  }
  .aspect-\[1\] {
    aspect-ratio: 1;
  }
  .fullscreen-overlay-panel .wrapper {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .medium-dialog {
    width: 400px;
    max-width: calc(100vw - 4 * var(--spacing));
    height: 320px;
    max-height: calc(100vh - 4 * var(--spacing));
  }
  .separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-line-230);
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .h-\(--_size\) {
    height: var(--_size);
  }
  .h-\(--card-height\) {
    height: var(--card-height);
  }
  .h-\(--lh-h1\) {
    height: var(--lh-h1);
  }
  .h-0 {
    height: 0px;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-0\.25 {
    height: calc(var(--spacing) * 0.25);
  }
  .h-0\.75 {
    height: calc(var(--spacing) * 0.75);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\.25 {
    height: calc(var(--spacing) * 1.25);
  }
  .h-1\.75 {
    height: calc(var(--spacing) * 1.75);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\.25 {
    height: calc(var(--spacing) * 2.25);
  }
  .h-2\.75 {
    height: calc(var(--spacing) * 2.75);
  }
  .h-2\.75\! {
    height: calc(var(--spacing) * 2.75) !important;
  }
  .h-2rem {
    height: var(--spacing-2rem);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-3\.75 {
    height: calc(var(--spacing) * 3.75);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-4\.25 {
    height: calc(var(--spacing) * 4.25);
  }
  .h-4\.75 {
    height: calc(var(--spacing) * 4.75);
  }
  .h-4\/5 {
    height: calc(4 / 5 * 100%);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-5\.75 {
    height: calc(var(--spacing) * 5.75);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\.25 {
    height: calc(var(--spacing) * 6.25);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-10\.5 {
    height: calc(var(--spacing) * 10.5);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-12\.5 {
    height: calc(var(--spacing) * 12.5);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-14\.5 {
    height: calc(var(--spacing) * 14.5);
  }
  .h-14\.25 {
    height: calc(var(--spacing) * 14.25);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-17\.5 {
    height: calc(var(--spacing) * 17.5);
  }
  .h-18\.5 {
    height: calc(var(--spacing) * 18.5);
  }
  .h-18\.75 {
    height: calc(var(--spacing) * 18.75);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-22\.5 {
    height: calc(var(--spacing) * 22.5);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .h-37\.5 {
    height: calc(var(--spacing) * 37.5);
  }
  .h-41 {
    height: calc(var(--spacing) * 41);
  }
  .h-52\.5 {
    height: calc(var(--spacing) * 52.5);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-90 {
    height: calc(var(--spacing) * 90);
  }
  .h-\[\'calc\(1em_\*_var\(--font-line-height\)\)\'\] {
    height: 'calc(1em * var(--font-line-height))';
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[2rem\] {
    height: 2rem;
  }
  .h-\[3rem\] {
    height: 3rem;
  }
  .h-\[4\.5em\] {
    height: 4.5em;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[45\.5px\] {
    height: 45.5px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[249px\] {
    height: 249px;
  }
  .h-\[311px\] {
    height: 311px;
  }
  .h-\[calc\(\(0\.5_\*_8px\)_\+_\(1em_\*_var\(--font-line-height\)\)\)\] {
    height: calc((0.5 * 8px) + (1em * var(--font-line-height)));
  }
  .h-\[calc\(\(1em_\+_6px\)_\*_9\.5\)\] {
    height: calc((1em + 6px) * 9.5);
  }
  .h-\[calc\(1\.2_\*_var\(--fs-m\)\)\] {
    height: calc(1.2 * var(--fs-m));
  }
  .h-\[calc\(1_\*_var\(--font-line-height\)_\*_var\(--fs-m\)\)\] {
    height: calc(1 * var(--font-line-height) * var(--fs-m));
  }
  .h-\[calc\(1em_\*_var\(--font-line-height\)\)\] {
    height: calc(1em * var(--font-line-height));
  }
  .h-\[calc\(2_\*_var\(--lh-body1\)\)\] {
    height: calc(2 * var(--lh-body1));
  }
  .h-\[calc\(100\%\+var\(--spacing-safe-t\)\+var\(--spacing-safe-b\)\)\] {
    height: calc(100% + var(--spacing-safe-t) + var(--spacing-safe-b));
  }
  .h-\[calc\(100\%-\(2\*var\(--spacing\)\)\)\] {
    height: calc(100% - (2 * var(--spacing)));
  }
  .h-\[calc\(100\%_\+_2px\)\] {
    height: calc(100% + 2px);
  }
  .h-\[calc\(100\%_\+_var\(--\\_extra-h\)\)\] {
    height: calc(100% + var(--_extra-h));
  }
  .h-\[calc\(100\%_-_1px\)\] {
    height: calc(100% - 1px);
  }
  .h-\[calc\(100\%_-_2px\)\] {
    height: calc(100% - 2px);
  }
  .h-\[calc\(100\%_-_56px\)\] {
    height: calc(100% - 56px);
  }
  .h-\[calc\(100\%_-_62px\)\] {
    height: calc(100% - 62px);
  }
  .h-\[calc\(100vh_-_var\(--\\_top-elements-height\)\)\] {
    height: calc(100vh - var(--_top-elements-height));
  }
  .h-\[calc\(var\(--\\_size\)-var\(--\\_gap\)\)\] {
    height: calc(var(--_size) - var(--_gap));
  }
  .h-\[calc\(var\(--\\_size\)_-_var\(--\\_gap\)\)\] {
    height: calc(var(--_size) - var(--_gap));
  }
  .h-\[calc\(var\(--fs-icon\)_\+_4px\)\] {
    height: calc(var(--fs-icon) + 4px);
  }
  .h-\[calc\(var\(--toggler-size\)_\+_2\*var\(--toggler-space\)\)\] {
    height: calc(var(--toggler-size) + 2 * var(--toggler-space));
  }
  .h-\[max\(var\(--\\_placeholder-height\)\,_var\(--\\_value-height\)\)\] {
    height: max(var(--_placeholder-height), var(--_value-height));
  }
  .h-\[max\(var\(--_placeholder-height\)\,var\(--_value-height\)\)\] {
    height: max(var(--_placeholder-height), var(--_value-height));
  }
  .h-\[unset\] {
    height: unset;
  }
  .h-\[unset\]\! {
    height: unset !important;
  }
  .h-\[var\(--\\_\\_h\)\] {
    height: var(--__h);
  }
  .h-\[var\(--\\_size\)\] {
    height: var(--_size);
  }
  .h-\[var\(--card-height\)\] {
    height: var(--card-height);
  }
  .h-\[var\(--fs-icon\)\] {
    height: var(--fs-icon);
  }
  .h-\[var\(--lh-body1\)\] {
    height: var(--lh-body1);
  }
  .h-\[var\(--preview-file-height\)\] {
    height: var(--preview-file-height);
  }
  .h-\[var\(--preview-file-height\,_100\%\)\] {
    height: var(--preview-file-height, 100%);
  }
  .h-\[var\(--size\)\] {
    height: var(--size);
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-fs-body1 {
    height: var(--fs-body1);
  }
  .h-fs-h1 {
    height: var(--fs-h1);
  }
  .h-fs-icon {
    height: var(--fs-icon);
  }
  .h-fs-icon-2x {
    height: var(--fs-icon-2x);
  }
  .h-fs-icon-s {
    height: var(--fs-icon-s);
  }
  .h-fs-icon-small {
    height: var(--fs-icon-small);
  }
  .h-fs-l {
    height: var(--fs-l);
  }
  .h-fs-m {
    height: var(--fs-m);
  }
  .h-fs-s {
    height: var(--fs-s);
  }
  .h-fs-xl {
    height: var(--fs-xl);
  }
  .h-fs-xs {
    height: var(--fs-xs);
  }
  .h-full {
    height: 100%;
  }
  .h-min {
    height: min-content;
  }
  .h-px {
    height: 1px;
  }
  .h-safe-b {
    height: var(--safe-area-inset-bottom);
  }
  .h-safe-t {
    height: var(--safe-area-inset-top);
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-3\.75 {
    max-height: calc(var(--spacing) * 3.75);
  }
  .max-h-4 {
    max-height: calc(var(--spacing) * 4);
  }
  .max-h-5 {
    max-height: calc(var(--spacing) * 5);
  }
  .max-h-8\.75 {
    max-height: calc(var(--spacing) * 8.75);
  }
  .max-h-27\.5 {
    max-height: calc(var(--spacing) * 27.5);
  }
  .max-h-28\.25 {
    max-height: calc(var(--spacing) * 28.25);
  }
  .max-h-32\.5 {
    max-height: calc(var(--spacing) * 32.5);
  }
  .max-h-37\.5 {
    max-height: calc(var(--spacing) * 37.5);
  }
  .max-h-38\.75 {
    max-height: calc(var(--spacing) * 38.75);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-41\.25 {
    max-height: calc(var(--spacing) * 41.25);
  }
  .max-h-50 {
    max-height: calc(var(--spacing) * 50);
  }
  .max-h-52\.5 {
    max-height: calc(var(--spacing) * 52.5);
  }
  .max-h-62\.5 {
    max-height: calc(var(--spacing) * 62.5);
  }
  .max-h-\[1em\] {
    max-height: 1em;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[calc\(100\%-64px\)\] {
    max-height: calc(100% - 64px);
  }
  .max-h-\[calc\(100\%_-_6rem\)\] {
    max-height: calc(100% - 6rem);
  }
  .max-h-\[calc\(100\%_-_16px\)\] {
    max-height: calc(100% - 16px);
  }
  .max-h-\[calc\(100\%_-_32px\)\] {
    max-height: calc(100% - 32px);
  }
  .max-h-\[calc\(var\(--l-h\)\*2\)\] {
    max-height: calc(var(--l-h) * 2);
  }
  .max-h-\[calc\(var\(--leading-body1\)\*3\)\] {
    max-height: calc(var(--leading-body1) * 3);
  }
  .max-h-\[var\(--\\_\\_img-size\)\] {
    max-height: var(--__img-size);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-2\.5 {
    min-height: calc(var(--spacing) * 2.5);
  }
  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }
  .min-h-3\.75 {
    min-height: calc(var(--spacing) * 3.75);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7\.5 {
    min-height: calc(var(--spacing) * 7.5);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-8\.75 {
    min-height: calc(var(--spacing) * 8.75);
  }
  .min-h-10\.5 {
    min-height: calc(var(--spacing) * 10.5);
  }
  .min-h-13 {
    min-height: calc(var(--spacing) * 13);
  }
  .min-h-15 {
    min-height: calc(var(--spacing) * 15);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-25 {
    min-height: calc(var(--spacing) * 25);
  }
  .min-h-41\.25 {
    min-height: calc(var(--spacing) * 41.25);
  }
  .min-h-42\.5 {
    min-height: calc(var(--spacing) * 42.5);
  }
  .min-h-59\.75 {
    min-height: calc(var(--spacing) * 59.75);
  }
  .min-h-89px {
    min-height: var(--spacing-89px);
  }
  .min-h-\[1\.2em\] {
    min-height: 1.2em;
  }
  .min-h-\[34px\] {
    min-height: 34px;
  }
  .min-h-\[633px\] {
    min-height: 633px;
  }
  .min-h-\[calc\(\(3_\*_8px\)_\+_\(5_\*_var\(--lh-body1\)\)_\+_2px\)\] {
    min-height: calc((3 * 8px) + (5 * var(--lh-body1)) + 2px);
  }
  .min-h-\[calc\(\(5_\*_var\(--lh-h6\)\)_\+_\(3_\*_8px\)_\+_2px\)\] {
    min-height: calc((5 * var(--lh-h6)) + (3 * 8px) + 2px);
  }
  .min-h-\[calc\(5_\*_var\(--lh-body1\)\)\] {
    min-height: calc(5 * var(--lh-body1));
  }
  .min-h-\[calc\(100vh_-_260px\)\] {
    min-height: calc(100vh - 260px);
  }
  .min-h-\[var\(--\\_\\_h\)\] {
    min-height: var(--__h);
  }
  .min-h-full {
    min-height: 100%;
  }
  .\[width\:var\(--__integration-card-button-width\)\] {
    width: var(--__integration-card-button-width);
  }
  .w-\(--_size\) {
    width: var(--_size);
  }
  .w-\(--iframe-width\) {
    width: var(--iframe-width);
  }
  .w-\(--lh-h1\) {
    width: var(--lh-h1);
  }
  .w-\(--name-width\) {
    width: var(--name-width);
  }
  .w-0 {
    width: 0px;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-0\.25 {
    width: calc(var(--spacing) * 0.25);
  }
  .w-0\.75 {
    width: calc(var(--spacing) * 0.75);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\.25 {
    width: calc(var(--spacing) * 1.25);
  }
  .w-1\.75 {
    width: calc(var(--spacing) * 1.75);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/5 {
    width: calc(1 / 5 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\.25 {
    width: calc(var(--spacing) * 2.25);
  }
  .w-2\.75 {
    width: calc(var(--spacing) * 2.75);
  }
  .w-2rem {
    width: var(--spacing-2rem);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\.75 {
    width: calc(var(--spacing) * 3.75);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\.25 {
    width: calc(var(--spacing) * 4.25);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-5\.75 {
    width: calc(var(--spacing) * 5.75);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/10 {
    width: calc(7 / 10 * 100%);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\.5 {
    width: calc(var(--spacing) * 10.5);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-17\.5 {
    width: calc(var(--spacing) * 17.5);
  }
  .w-18\.5 {
    width: calc(var(--spacing) * 18.5);
  }
  .w-18\.75 {
    width: calc(var(--spacing) * 18.75);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-21 {
    width: calc(var(--spacing) * 21);
  }
  .w-21\.5 {
    width: calc(var(--spacing) * 21.5);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-22\.5 {
    width: calc(var(--spacing) * 22.5);
  }
  .w-23 {
    width: calc(var(--spacing) * 23);
  }
  .w-23\.5 {
    width: calc(var(--spacing) * 23.5);
  }
  .w-27 {
    width: calc(var(--spacing) * 27);
  }
  .w-27\! {
    width: calc(var(--spacing) * 27) !important;
  }
  .w-27\.5 {
    width: calc(var(--spacing) * 27.5);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-33 {
    width: calc(var(--spacing) * 33);
  }
  .w-33\.75 {
    width: calc(var(--spacing) * 33.75);
  }
  .w-35 {
    width: calc(var(--spacing) * 35);
  }
  .w-35\.5 {
    width: calc(var(--spacing) * 35.5);
  }
  .w-37 {
    width: calc(var(--spacing) * 37);
  }
  .w-37\.5 {
    width: calc(var(--spacing) * 37.5);
  }
  .w-40\! {
    width: calc(var(--spacing) * 40) !important;
  }
  .w-41 {
    width: calc(var(--spacing) * 41);
  }
  .w-42\.5 {
    width: calc(var(--spacing) * 42.5);
  }
  .w-45 {
    width: calc(var(--spacing) * 45);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-52\.5 {
    width: calc(var(--spacing) * 52.5);
  }
  .w-56\.5 {
    width: calc(var(--spacing) * 56.5);
  }
  .w-62\.5 {
    width: calc(var(--spacing) * 62.5);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-135 {
    width: calc(var(--spacing) * 135);
  }
  .w-\[1em\] {
    width: 1em;
  }
  .w-\[2rem\] {
    width: 2rem;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[3rem\] {
    width: 3rem;
  }
  .w-\[4ch\] {
    width: 4ch;
  }
  .w-\[5rem\] {
    width: 5rem;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[45\.5px\] {
    width: 45.5px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[97px\] {
    width: 97px;
  }
  .w-\[139px\] {
    width: 139px;
  }
  .w-\[145px\] {
    width: 145px;
  }
  .w-\[205px\] {
    width: 205px;
  }
  .w-\[219px\] {
    width: 219px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[305px\] {
    width: 305px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[calc\(\(100\%-\(\(var\(--sources-per-row\)-1\)\*8px\)\)\/var\(--sources-per-row\)\)\] {
    width: calc((100% - ((var(--sources-per-row) - 1) * 8px)) / var(--sources-per-row));
  }
  .w-\[calc\(\(100\%-\(3\*var\(--spacing\)\)\)\*0\.25\)\] {
    width: calc((100% - (3 * var(--spacing))) * 0.25);
  }
  .w-\[calc\(\(100\%-8px\)\*0\.5\)\] {
    width: calc((100% - 8px) * 0.5);
  }
  .w-\[calc\(\(100\%-16px\)\/3\)\] {
    width: calc((100% - 16px) / 3);
  }
  .w-\[calc\(\(100\%_-_\(\(var\(--count\)_-_1\)_\*_\(1\.5_\*_var\(--spacing\)\)\)\)_\/_var\(--count\)\)\] {
    width: calc((100% - ((var(--count) - 1) * (1.5 * var(--spacing)))) / var(--count));
  }
  .w-\[calc\(\(100\%_-_\(\(var\(--sources-per-row\)_-_1\)_\*_8px\)\)_\/_var\(--sources-per-row\)\)\] {
    width: calc((100% - ((var(--sources-per-row) - 1) * 8px)) / var(--sources-per-row));
  }
  .w-\[calc\(0\.25_\*_\(100\%_-_\(3_\*_8px\)\)\)\] {
    width: calc(0.25 * (100% - (3 * 8px)));
  }
  .w-\[calc\(2\*var\(--toggler-size\)_\+_3\*var\(--toggler-space\)\)\] {
    width: calc(2 * var(--toggler-size) + 3 * var(--toggler-space));
  }
  .w-\[calc\(50\%-4px\)\] {
    width: calc(50% - 4px);
  }
  .w-\[calc\(50\%_-_\(2_\*_var\(--spacing\)\)\)\] {
    width: calc(50% - (2 * var(--spacing)));
  }
  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }
  .w-\[calc\(100\%-4rem\)\] {
    width: calc(100% - 4rem);
  }
  .w-\[calc\(100\%_\+_\(2_\*_2\.5_\*_\(8px_\*_2\)\)\)\] {
    width: calc(100% + (2 * 2.5 * (8px * 2)));
  }
  .w-\[calc\(100\%_\+_var\(--\\_extra-w\)\)\] {
    width: calc(100% + var(--_extra-w));
  }
  .w-\[calc\(100\%_-_4rem\)\] {
    width: calc(100% - 4rem);
  }
  .w-\[calc\(var\(--\\_size\)-var\(--\\_gap\)\)\] {
    width: calc(var(--_size) - var(--_gap));
  }
  .w-\[calc\(var\(--\\_size\)_-_var\(--\\_gap\)\)\] {
    width: calc(var(--_size) - var(--_gap));
  }
  .w-\[calc\(var\(--fs-icon\)_\+_4px\)\] {
    width: calc(var(--fs-icon) + 4px);
  }
  .w-\[min\(25\%\,_173px\)\] {
    width: min(25%, 173px);
  }
  .w-\[min\(25\%\,_277px\)\] {
    width: min(25%, 277px);
  }
  .w-\[min\(30\%\,_524px\)\] {
    width: min(30%, 524px);
  }
  .w-\[min\(33\%\,_300px\)\] {
    width: min(33%, 300px);
  }
  .w-\[min\(40\%\,_277px\)\] {
    width: min(40%, 277px);
  }
  .w-\[min\(75\%\,_524px\)\] {
    width: min(75%, 524px);
  }
  .w-\[min\(80px\,_33\%\)\] {
    width: min(80px, 33%);
  }
  .w-\[min\(191px\,_75\%\)\] {
    width: min(191px, 75%);
  }
  .w-\[var\(--\\_max-width-collapsed\)\] {
    width: var(--_max-width-collapsed);
  }
  .w-\[var\(--\\_size\)\] {
    width: var(--_size);
  }
  .w-\[var\(--__icon-fs\)\] {
    width: var(--__icon-fs);
  }
  .w-\[var\(--size\)\] {
    width: var(--size);
  }
  .w-auto {
    width: auto;
  }
  .w-content {
    width: 800px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fs-icon {
    width: var(--fs-icon);
  }
  .w-fs-icon-2x {
    width: var(--fs-icon-2x);
  }
  .w-fs-icon-s {
    width: var(--fs-icon-s);
  }
  .w-fs-icon-small {
    width: var(--fs-icon-small);
  }
  .w-fs-l {
    width: var(--fs-l);
  }
  .w-fs-m {
    width: var(--fs-m);
  }
  .w-fs-xs {
    width: var(--fs-xs);
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-max {
    width: max-content;
  }
  .w-menu-s {
    width: 320px;
  }
  .w-menu-xs {
    width: 200px;
  }
  .w-px {
    width: 1px;
  }
  .w-safe-l {
    width: var(--safe-area-inset-left);
  }
  .w-safe-r {
    width: var(--safe-area-inset-right);
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-1\/2 {
    max-width: calc(1 / 2 * 100%);
  }
  .max-w-3\/5 {
    max-width: calc(3 / 5 * 100%);
  }
  .max-w-4 {
    max-width: calc(var(--spacing) * 4);
  }
  .max-w-4\/5 {
    max-width: calc(4 / 5 * 100%);
  }
  .max-w-12\.5 {
    max-width: calc(var(--spacing) * 12.5);
  }
  .max-w-14 {
    max-width: calc(var(--spacing) * 14);
  }
  .max-w-15 {
    max-width: calc(var(--spacing) * 15);
  }
  .max-w-18\.75 {
    max-width: calc(var(--spacing) * 18.75);
  }
  .max-w-19\.75 {
    max-width: calc(var(--spacing) * 19.75);
  }
  .max-w-22\.5 {
    max-width: calc(var(--spacing) * 22.5);
  }
  .max-w-27 {
    max-width: calc(var(--spacing) * 27);
  }
  .max-w-27\.5 {
    max-width: calc(var(--spacing) * 27.5);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-31\.25 {
    max-width: calc(var(--spacing) * 31.25);
  }
  .max-w-32\.5 {
    max-width: calc(var(--spacing) * 32.5);
  }
  .max-w-35 {
    max-width: calc(var(--spacing) * 35);
  }
  .max-w-37\.5 {
    max-width: calc(var(--spacing) * 37.5);
  }
  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }
  .max-w-46\.5 {
    max-width: calc(var(--spacing) * 46.5);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-52\.5 {
    max-width: calc(var(--spacing) * 52.5);
  }
  .max-w-54\.5 {
    max-width: calc(var(--spacing) * 54.5);
  }
  .max-w-55 {
    max-width: calc(var(--spacing) * 55);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-61\.25 {
    max-width: calc(var(--spacing) * 61.25);
  }
  .max-w-62\.5 {
    max-width: calc(var(--spacing) * 62.5);
  }
  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }
  .max-w-75 {
    max-width: calc(var(--spacing) * 75);
  }
  .max-w-77 {
    max-width: calc(var(--spacing) * 77);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-85 {
    max-width: calc(var(--spacing) * 85);
  }
  .max-w-135 {
    max-width: calc(var(--spacing) * 135);
  }
  .max-w-150 {
    max-width: calc(var(--spacing) * 150);
  }
  .max-w-\[10ch\] {
    max-width: 10ch;
  }
  .max-w-\[13ch\] {
    max-width: 13ch;
  }
  .max-w-\[15ch\] {
    max-width: 15ch;
  }
  .max-w-\[20ch\] {
    max-width: 20ch;
  }
  .max-w-\[75vh\] {
    max-width: 75vh;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[calc\(2rem_\+_40px\)\] {
    max-width: calc(2rem + 40px);
  }
  .max-w-\[calc\(100\%-40px\)\] {
    max-width: calc(100% - 40px);
  }
  .max-w-\[calc\(100\%-128px\)\] {
    max-width: calc(100% - 128px);
  }
  .max-w-\[calc\(100\%_-_\(var\(--option-size\)_\+_16px\)_-_\(var\(--options-size\)_\+_8px\)\)\] {
    max-width: calc(100% - (var(--option-size) + 16px) - (var(--options-size) + 8px));
  }
  .max-w-\[calc\(100\%_-_4rem\)\] {
    max-width: calc(100% - 4rem);
  }
  .max-w-\[calc\(100\%_-_32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[min\(100\%\,240px\)\] {
    max-width: min(100%, 240px);
  }
  .max-w-\[min\(100\%\,480px\)\] {
    max-width: min(100%, 480px);
  }
  .max-w-\[var\(--breakdown-max-width\)\] {
    max-width: var(--breakdown-max-width);
  }
  .max-w-content {
    max-width: 800px;
  }
  .max-w-content-l {
    max-width: 920px;
  }
  .max-w-content-s {
    max-width: 720px;
  }
  .max-w-content-s\! {
    max-width: 720px !important;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-full-minus-64 {
    max-width: calc(100% - 64px);
  }
  .max-w-menu-s {
    max-width: 320px;
  }
  .max-w-menu-xs {
    max-width: 200px;
  }
  .\[min-width\:var\(--__integration-card-button-width\)\] {
    min-width: var(--__integration-card-button-width);
  }
  .min-w-\(--iframe-width\) {
    min-width: var(--iframe-width);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-1 {
    min-width: var(--spacing);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-3\.75 {
    min-width: calc(var(--spacing) * 3.75);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-4\.25 {
    min-width: calc(var(--spacing) * 4.25);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-12\.5 {
    min-width: calc(var(--spacing) * 12.5);
  }
  .min-w-15 {
    min-width: calc(var(--spacing) * 15);
  }
  .min-w-16\.25 {
    min-width: calc(var(--spacing) * 16.25);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-27 {
    min-width: calc(var(--spacing) * 27);
  }
  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }
  .min-w-45 {
    min-width: calc(var(--spacing) * 45);
  }
  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }
  .min-w-75 {
    min-width: calc(var(--spacing) * 75);
  }
  .min-w-175 {
    min-width: calc(var(--spacing) * 175);
  }
  .min-w-\[1em\] {
    min-width: 1em;
  }
  .min-w-\[145px\] {
    min-width: 145px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[calc\(var\(--\\_items\)_\*_8px\)\] {
    min-width: calc(var(--_items) * 8px);
  }
  .min-w-\[unset\] {
    min-width: unset;
  }
  .min-w-fs-icon {
    min-width: var(--fs-icon);
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-menu-xs {
    min-width: 200px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-2 {
    flex-grow: 2;
  }
  .grow-3 {
    flex-grow: 3;
  }
  .grow-\[2\] {
    flex-grow: 2;
  }
  .basis-1\/2 {
    flex-basis: calc(1 / 2 * 100%);
  }
  .basis-83px {
    flex-basis: var(--spacing-83px);
  }
  .basis-\[0\%\] {
    flex-basis: 0%;
  }
  .basis-\[calc\(50\%_-_8px\)\] {
    flex-basis: calc(50% - 8px);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-z-0 {
    --tw-translate-z: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
  }
  .\[transform\:rotate\(90deg\)\] {
    transform: rotate(90deg);
  }
  .\[transform\:translate\(-50\%\,_-50\%\)\] {
    transform: translate(-50%, -50%);
  }
  .\[transform\:translate\(-150\%\,_-50\%\)\] {
    transform: translate(-150%, -50%);
  }
  .\[transform\:translatex\(-50\%\)\] {
    transform: translatex(-50%);
  }
  .\[transform\:translatex\(calc\(-100\%_-_4px\)\)\] {
    transform: translatex(calc(-100% - 4px));
  }
  .\[transform\:translatex\(calc\(1px_\+_\(0\.5_\*_8px\)_\+_\(0\.5_\*_8px\)_\+_\(0\.5_\*_var\(--font-size-icon-small\)\)\)\)\] {
    transform: translatex(calc(1px + (0.5 * 8px) + (0.5 * 8px) + (0.5 * var(--font-size-icon-small))));
  }
  .\[transform\:translatey\(-50\%\)\] {
    transform: translatey(-50%);
  }
  .\[transform\:translatey\(-100\%\)\] {
    transform: translatey(-100%);
  }
  .\[transform\:translatey\(100\%\)\] {
    transform: translatey(100%);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-\[translate\(-50\%\,-50\%\)\] {
    transform: translate(-50%,-50%);
  }
  .translate-y-center {
    transform: translateY(-50%);
  }
  .translate-y-safe-center {
    transform: translateY(calc(-50% + var(--safe-area-inset-top)));
  }
  .text-loading {
    background-image: linear-gradient(to right, var(--color-text-400) 0%, var(--color-text-500) 19%, var(--color-text-300) 61%, var(--color-text-400) 81%);
    color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
    animation: var(--animate-loading);
    background-size: 200% 100%;
    background-position: 100% 0;
  }
  .bg-loading {
    background-image: linear-gradient(to right, var(--color-text-400) 0%, var(--color-text-500) 19%, var(--color-text-300) 61%, var(--color-text-400) 81%);
    animation: var(--animate-loading);
    background-size: 200% 100%;
    background-position: 100% 0;
  }
  .\[animation\:options-fade-in_600ms_300ms_ease-in-out_forwards\] {
    animation: options-fade-in 600ms 300ms ease-in-out forwards;
  }
  .animate-\[options-fade-in_600ms_300ms_ease-in-out_forwards\] {
    animation: options-fade-in 600ms 300ms ease-in-out forwards;
  }
  .animate-hide-up-fast {
    animation: var(--animate-hide-up-fast);
  }
  .animate-initial-thinking {
    animation: var(--animate-initial-thinking);
  }
  .animate-loaders-line-load {
    animation: var(--animate-loaders-line-load);
  }
  .animate-reveal-chat-options {
    animation: var(--animate-reveal-chat-options);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .scrollbar-gutter-both {
    scrollbar-gutter: stable both-edges;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0\! {
    gap: 0px !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.25 {
    gap: calc(var(--spacing) * 0.25);
  }
  .gap-0\.75 {
    gap: calc(var(--spacing) * 0.75);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[0\.5rem\] {
    gap: 0.5rem;
  }
  .gap-\[1\.5rem\] {
    gap: 1.5rem;
  }
  .gap-fs-body1 {
    gap: var(--fs-body1);
  }
  .gap-fs-xxl {
    gap: var(--fs-xxl);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .\[justify-self\:flex-start\] {
    justify-self: flex-start;
  }
  .justify-self-center {
    justify-self: center;
  }
  .options-list-widget {
    --_options-list-widget: 1;
    border-radius: var(--spacing);
    overflow: hidden;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .input-widget {
    background-color: transparent;
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
    caret-color: var(--color-theme-primary);
    color: var(--color-text-800);
    &[disabled] {
      color: var(--color-text-500);
    }
    &::placeholder {
      color: var(--color-text-400);
      opacity: 1;
    }
    &.without-border {
      border: none;
    }
    &.enabled:not(.without-focus):hover {
      --_border-color: rgb(var(--_shadow-color-rgb));
    }
    .reach-input-widget-wrapper & {
      padding: 0px;
      border-radius: 0px;
      border: none;
      box-shadow: none !important;
    }
    &:focus {
      outline: none;
      -webkit-box-shadow: none;
    }
    &:not(.without-focus):focus {
      border-color: rgb(var(--_shadow-color-rgb));
    }
    .input-wrapper.with-errors & {
      --_border-color: var(--color-theme-warn);
      --_shadow-color-rgb: var(--color-theme-warn-rgb);
    }
  }
  .textarea-widget {
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    background-color: transparent;
    caret-color: var(--color-theme-primary);
    &::placeholder {
      color: var(--color-text-400);
      opacity: 1;
    }
    &.without-border {
      border: none;
    }
    &.enabled:not(.without-focus),	&:enabled:not(.without-focus) {
      &:hover {
        --_border-color: rgb(var(--_shadow-color-rgb));
      }
    }
    &:focus {
      outline: none;
      -webkit-box-shadow: none;
    }
    &:not(.without-focus):focus {
      border-color: rgb(var(--_shadow-color-rgb));
    }
    .reach-input-widget-wrapper & {
      padding: 0;
      border-radius: 0;
      border: none;
      box-shadow: none !important;
    }
    .input-wrapper.with-errors & {
      --_border-color: var(--color-theme-warn);
      --_shadow-color-rgb: var(--color-theme-warn-rgb);
    }
  }
  .reach-input-widget {
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
    caret-color: var(--color-theme-primary);
    color: var(--color-text-800);
    &[disabled] {
      color: var(--color-text-500);
    }
    &::placeholder {
      color: var(--color-text-400);
      opacity: 1;
    }
    &.without-border {
      border: none;
    }
    &.enabled:not(.without-focus):hover {
      --_border-color: rgb(var(--_shadow-color-rgb));
    }
    &:focus-within {
      outline: none;
      -webkit-box-shadow: none;
    }
    &:not(.without-focus):focus-within {
      border-color: rgb(var(--_shadow-color-rgb));
    }
    .input-wrapper.with-errors & {
      --_border-color: var(--color-theme-warn);
      --_shadow-color-rgb: var(--color-theme-warn-rgb);
    }
  }
  .options-list-widget .option {
    border-radius: 0px !important;
    background-color: var(--color-bg-190) !important;
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing)) !important;
  }
  .options-list-widget .option:hover {
    background-color: var(--color-bg-270) !important;
  }
  .chip-widget {
    padding: calc(0.25 * var(--spacing)) var(--spacing);
    border-radius: calc(0.75 * var(--spacing));
  }
  .\[border-radius\:100vw\] {
    border-radius: 100vw;
  }
  .\[border-radius\:calc\(0\.5\*var\(--toggler-size\)_\+_var\(--toggler-space\)\)\] {
    border-radius: calc(0.5 * var(--toggler-size) + var(--toggler-space));
  }
  .rounded-0 {
    border-radius: var(--radius-0);
  }
  .rounded-0\.5 {
    border-radius: var(--radius-0\.5);
  }
  .rounded-0\.25 {
    border-radius: var(--radius-0\.25);
  }
  .rounded-0\.75 {
    border-radius: var(--radius-0\.75);
  }
  .rounded-0\.375 {
    border-radius: var(--radius-0\.375);
  }
  .rounded-1 {
    border-radius: var(--radius-1);
  }
  .rounded-1\.5 {
    border-radius: var(--radius-1\.5);
  }
  .rounded-1\.5\! {
    border-radius: var(--radius-1\.5) !important;
  }
  .rounded-1\.25 {
    border-radius: var(--radius-1\.25);
  }
  .rounded-1\.75 {
    border-radius: var(--radius-1\.75);
  }
  .rounded-2 {
    border-radius: var(--radius-2);
  }
  .rounded-2\.5 {
    border-radius: var(--radius-2\.5);
  }
  .rounded-2\.75 {
    border-radius: var(--radius-2\.75);
  }
  .rounded-3 {
    border-radius: var(--radius-3);
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-circle {
    border-radius: var(--radius-circle);
  }
  .rounded-half-rem {
    border-radius: var(--radius-half-rem);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-px {
    border-radius: var(--radius-px);
  }
  .rounded-t-0\.25 {
    border-top-left-radius: var(--radius-0\.25);
    border-top-right-radius: var(--radius-0\.25);
  }
  .rounded-t-1 {
    border-top-left-radius: var(--radius-1);
    border-top-right-radius: var(--radius-1);
  }
  .rounded-t-1\.25 {
    border-top-left-radius: var(--radius-1\.25);
    border-top-right-radius: var(--radius-1\.25);
  }
  .rounded-t-half-rem {
    border-top-left-radius: var(--radius-half-rem);
    border-top-right-radius: var(--radius-half-rem);
  }
  .rounded-tl-0\.25 {
    border-top-left-radius: var(--radius-0\.25);
  }
  .rounded-tl-1\.25 {
    border-top-left-radius: var(--radius-1\.25);
  }
  .rounded-tl-2 {
    border-top-left-radius: var(--radius-2);
  }
  .rounded-r-0\.5 {
    border-top-right-radius: var(--radius-0\.5);
    border-bottom-right-radius: var(--radius-0\.5);
  }
  .rounded-tr-0\.25 {
    border-top-right-radius: var(--radius-0\.25);
  }
  .rounded-tr-1\.25 {
    border-top-right-radius: var(--radius-1\.25);
  }
  .rounded-tr-2 {
    border-top-right-radius: var(--radius-2);
  }
  .rounded-b-0 {
    border-bottom-right-radius: var(--radius-0);
    border-bottom-left-radius: var(--radius-0);
  }
  .rounded-b-0\.25 {
    border-bottom-right-radius: var(--radius-0\.25);
    border-bottom-left-radius: var(--radius-0\.25);
  }
  .rounded-b-1 {
    border-bottom-right-radius: var(--radius-1);
    border-bottom-left-radius: var(--radius-1);
  }
  .rounded-b-2 {
    border-bottom-right-radius: var(--radius-2);
    border-bottom-left-radius: var(--radius-2);
  }
  .border-solid-line-250 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-line-250-rgb));
  }
  .border-solid-primary {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-primary-rgb));
  }
  .border-solid-warn {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-warn-rgb));
  }
  .border-solid-warn-500 {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(var(--color-warn-500-rgb));
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[0\.5px\]\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0.5px !important;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[4px\] {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\[border-top-width\:2px\] {
    border-top-width: 2px;
  }
  .\[border-right-width\:2px\] {
    border-right-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[border-bottom-width\:2px\] {
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .\[border-left-width\:2px\] {
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dashed\! {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[border-right-style\:none\] {
    border-right-style: none;
  }
  .border-270 {
    border-color: rgb(var(--color-bg-270-rgb));
  }
  .border-280 {
    border-color: rgb(var(--color-bg-280-rgb));
  }
  .border-\[black\] {
    border-color: black;
  }
  .border-\[var\(--\\_border-color\)\] {
    border-color: var(--_border-color);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-fg-400 {
    border-color: rgb(var(--color-text-400-rgb));
  }
  .border-imp-7 {
    border-color: rgb(var(--color-imp-bg-7-rgb));
  }
  .border-imp-7\/20 {
    border-color: rgb(var(--color-imp-bg-7-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-imp-bg-7-rgb)) 20%, transparent);
    }
  }
  .border-imp-7\/40 {
    border-color: rgb(var(--color-imp-bg-7-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-imp-bg-7-rgb)) 40%, transparent);
    }
  }
  .border-line-190 {
    border-color: rgb(var(--color-line-190-rgb));
  }
  .border-line-230 {
    border-color: rgb(var(--color-line-230-rgb));
  }
  .border-line-250 {
    border-color: rgb(var(--color-line-250-rgb));
  }
  .border-node-tag-soft {
    border-color: var(--color-node-tag-bg);
  }
  .border-node-type {
    border-color: var(--color-node);
  }
  .border-plan-accent {
    border-color: var(--color-plan-accent);
  }
  .border-primary {
    border-color: rgb(var(--color-primary-rgb));
  }
  .border-primary\! {
    border-color: rgb(var(--color-primary-rgb)) !important;
  }
  .border-primary-500 {
    border-color: rgb(var(--color-primary-500-rgb));
  }
  .border-primary-500\! {
    border-color: rgb(var(--color-primary-500-rgb)) !important;
  }
  .border-primary-500\/20 {
    border-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-transparent\! {
    border-color: transparent !important;
  }
  .border-warn {
    border-color: rgb(var(--color-warn-rgb));
  }
  .border-warn\! {
    border-color: rgb(var(--color-warn-rgb)) !important;
  }
  .border-warn-500 {
    border-color: rgb(var(--color-warn-500-rgb));
  }
  .border-white {
    border-color: rgb(255, 255, 255);
  }
  .border-y-line-250 {
    border-block-color: rgb(var(--color-line-250-rgb));
  }
  .border-t-line-230 {
    border-top-color: rgb(var(--color-line-230-rgb));
  }
  .border-t-line-250 {
    border-top-color: rgb(var(--color-line-250-rgb));
  }
  .border-b-line-230 {
    border-bottom-color: rgb(var(--color-line-230-rgb));
  }
  .border-b-line-250 {
    border-bottom-color: rgb(var(--color-line-250-rgb));
  }
  .border-b-primary {
    border-bottom-color: rgb(var(--color-primary-rgb));
  }
  .border-l-line-230 {
    border-left-color: rgb(var(--color-line-230-rgb));
  }
  .border-l-line-250 {
    border-left-color: rgb(var(--color-line-250-rgb));
  }
  .backdrop-surface-190-100-50 {
    background-color: rgba(var(--color-bg-190-rgb), 1);
    @supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) or (--webkit-backdrop-filter: blur(8px)) {
      background: linear-gradient(to bottom, rgba(var(--color-bg-190-rgb), 1), rgba(var(--color-bg-190-rgb), 0.5));
      -webkit-backdrop-filter: blur(8px);
              backdrop-filter: blur(8px);
      --webkit-backdrop-filter: blur(8px);
    }
  }
  .backdrop-menu {
    background-color: rgba(0, 0, 0, var(--color-bg-menu-backdrop-opacity));
    @supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) or (--webkit-backdrop-filter: blur(8px)) {
      -webkit-backdrop-filter: blur(4px);
              backdrop-filter: blur(4px);
    }
  }
  .backdrop-scrim {
    background-color: rgb(0 0 0 / 0.2);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
  .\[background-color\:\#000000\] {
    background-color: #000000;
  }
  .\[background-color\:color-mix\(in_srgb\,_var\(--\\_color\)_20\%\,_transparent\)\] {
    background-color: var(--_color);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--_color) 20%, transparent);
    }
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .\[background-color\:rgba\(31\,_31\,_43\,_1\)\] {
    background-color: rgba(31, 31, 43, 1);
  }
  .\[background-color\:rgba\(78\,_79\,_85\,_1\)\] {
    background-color: rgba(78, 79, 85, 1);
  }
  .\[background-color\:rgba\(var\(--light-color-bg-160-rgb\)\,_0\.8\)\] {
    background-color: rgba(var(--light-color-bg-160-rgb), 0.8);
  }
  .\[background-color\:var\(--bg-280\)\] {
    background-color: var(--bg-280);
  }
  .\[background-color\:var\(--bg-color-290\)\] {
    background-color: var(--bg-color-290);
  }
  .\[background-color\:var\(--color-code-bg\)\] {
    background-color: var(--color-code-bg);
  }
  .\[background-color\:var\(--color-theme-primary\)\] {
    background-color: var(--color-theme-primary);
  }
  .\[background-color\:var\(--importance-color-bg\,_rgb\(var\(--color-bg-280-rgb\)\)\)\] {
    background-color: var(--importance-color-bg, rgb(var(--color-bg-280-rgb)));
  }
  .bg-160 {
    background-color: rgb(var(--color-bg-160-rgb));
  }
  .bg-170 {
    background-color: rgb(var(--color-bg-170-rgb));
  }
  .bg-180 {
    background-color: rgb(var(--color-bg-180-rgb));
  }
  .bg-180\! {
    background-color: rgb(var(--color-bg-180-rgb)) !important;
  }
  .bg-180\/80 {
    background-color: rgb(var(--color-bg-180-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 80%, transparent);
    }
  }
  .bg-190 {
    background-color: rgb(var(--color-bg-190-rgb));
  }
  .bg-190\! {
    background-color: rgb(var(--color-bg-190-rgb)) !important;
  }
  .bg-190\/60 {
    background-color: rgb(var(--color-bg-190-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-190-rgb)) 60%, transparent);
    }
  }
  .bg-190\/80 {
    background-color: rgb(var(--color-bg-190-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-bg-190-rgb)) 80%, transparent);
    }
  }
  .bg-260 {
    background-color: rgb(var(--color-bg-260-rgb));
  }
  .bg-270 {
    background-color: rgb(var(--color-bg-270-rgb));
  }
  .bg-280 {
    background-color: rgb(var(--color-bg-280-rgb));
  }
  .bg-280\! {
    background-color: rgb(var(--color-bg-280-rgb)) !important;
  }
  .bg-280-inverse {
    background-color: rgb(var(--color-bg-280-inverse-rgb));
  }
  .bg-290 {
    background-color: rgb(var(--color-bg-290-rgb));
  }
  .bg-290\! {
    background-color: rgb(var(--color-bg-290-rgb)) !important;
  }
  .bg-360 {
    background-color: rgb(var(--color-bg-360-rgb));
  }
  .bg-370 {
    background-color: rgb(var(--color-bg-370-rgb));
  }
  .bg-460 {
    background-color: rgb(var(--color-bg-460-rgb));
  }
  .bg-470 {
    background-color: rgb(var(--color-bg-470-rgb));
  }
  .bg-470-inverse {
    background-color: rgb(var(--color-bg-470-inverse-rgb));
  }
  .bg-490 {
    background-color: rgb(var(--color-bg-490-rgb));
  }
  .bg-560 {
    background-color: rgb(var(--color-bg-560-rgb));
  }
  .bg-\[rgba\(var\(--color-text-800-rgb\)\,0\.06\)\] {
    background-color: rgba(var(--color-text-800-rgb),0.06);
  }
  .bg-code {
    background-color: rgba(var(--color-bg-code-rgb));
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-fg-200 {
    background-color: rgb(var(--color-text-200-rgb));
  }
  .bg-fg-400 {
    background-color: rgb(var(--color-text-400-rgb));
  }
  .bg-fg-500 {
    background-color: rgb(var(--color-text-500-rgb));
  }
  .bg-fg-800 {
    background-color: rgb(var(--color-text-800-rgb));
  }
  .bg-imp-1 {
    background-color: rgb(var(--color-imp-bg-1-rgb));
  }
  .bg-imp-2 {
    background-color: rgb(var(--color-imp-bg-2-rgb));
  }
  .bg-imp-2\/20 {
    background-color: rgb(var(--color-imp-bg-2-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-2-rgb)) 20%, transparent);
    }
  }
  .bg-imp-3 {
    background-color: rgb(var(--color-imp-bg-3-rgb));
  }
  .bg-imp-4 {
    background-color: rgb(var(--color-imp-bg-4-rgb));
  }
  .bg-imp-4\/20 {
    background-color: rgb(var(--color-imp-bg-4-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-4-rgb)) 20%, transparent);
    }
  }
  .bg-imp-5 {
    background-color: rgb(var(--color-imp-bg-5-rgb));
  }
  .bg-imp-5\/20 {
    background-color: rgb(var(--color-imp-bg-5-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-5-rgb)) 20%, transparent);
    }
  }
  .bg-imp-6 {
    background-color: rgb(var(--color-imp-bg-6-rgb));
  }
  .bg-imp-7 {
    background-color: rgb(var(--color-imp-bg-7-rgb));
  }
  .bg-imp-7\/20 {
    background-color: rgb(var(--color-imp-bg-7-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-7-rgb)) 20%, transparent);
    }
  }
  .bg-imp-8 {
    background-color: rgb(var(--color-imp-bg-8-rgb));
  }
  .bg-imp-8\/20 {
    background-color: rgb(var(--color-imp-bg-8-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-8-rgb)) 20%, transparent);
    }
  }
  .bg-imp-9 {
    background-color: rgb(var(--color-imp-bg-9-rgb));
  }
  .bg-imp-9\/20 {
    background-color: rgb(var(--color-imp-bg-9-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-9-rgb)) 20%, transparent);
    }
  }
  .bg-imp-10 {
    background-color: rgb(var(--color-imp-bg-10-rgb));
  }
  .bg-imp-10\/20 {
    background-color: rgb(var(--color-imp-bg-10-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-imp-bg-10-rgb)) 20%, transparent);
    }
  }
  .bg-importance-soft {
    background-color: var(--importance-color-bg);
  }
  .bg-line-230 {
    background-color: rgb(var(--color-line-230-rgb));
  }
  .bg-line-230\! {
    background-color: rgb(var(--color-line-230-rgb)) !important;
  }
  .bg-line-250 {
    background-color: rgb(var(--color-line-250-rgb));
  }
  .bg-line-330 {
    background-color: rgb(var(--color-line-330-rgb));
  }
  .bg-modal {
    background-color: var(--color-bg-modal);
  }
  .bg-modal-dark {
    background-color: var(--color-bg-dark-modal);
  }
  .bg-modal-search {
    background-color: var(--color-bg-modal-search);
  }
  .bg-node-type-soft {
    background-color: var(--color-node-bg);
  }
  .bg-node-type\/10 {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-node) 10%, transparent);
    }
  }
  .bg-node-type\/20 {
    background-color: var(--color-node);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-node) 20%, transparent);
    }
  }
  .bg-primary {
    background-color: rgb(var(--color-primary-rgb));
  }
  .bg-primary-500 {
    background-color: rgb(var(--color-primary-500-rgb));
  }
  .bg-primary-500\/10 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 10%, transparent);
    }
  }
  .bg-primary-500\/20 {
    background-color: rgb(var(--color-primary-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent);
    }
  }
  .bg-primary-700 {
    background-color: rgb(var(--color-primary-700-rgb));
  }
  .bg-primary\/10 {
    background-color: rgb(var(--color-primary-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 10%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: rgb(var(--color-primary-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 20%, transparent);
    }
  }
  .bg-primary\/30 {
    background-color: rgb(var(--color-primary-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 30%, transparent);
    }
  }
  .bg-scrim-25 {
    background-color: var(--color-scrim-25);
  }
  .bg-scrim-50 {
    background-color: var(--color-scrim-50);
  }
  .bg-standard-hover {
    background-color: rgba(var(--color-bg-standard-hover-rgb));
  }
  .bg-standard-hover\/0 {
    background-color: rgba(var(--color-bg-standard-hover-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgba(var(--color-bg-standard-hover-rgb)) 0%, transparent);
    }
  }
  .bg-tooltip {
    background-color: rgb(var(--color-bg-tooltip-rgb));
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-warn {
    background-color: rgb(var(--color-warn-rgb));
  }
  .bg-warn-500 {
    background-color: rgb(var(--color-warn-500-rgb));
  }
  .bg-warn-500\/10 {
    background-color: rgb(var(--color-warn-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 10%, transparent);
    }
  }
  .bg-warn-500\/20 {
    background-color: rgb(var(--color-warn-500-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 20%, transparent);
    }
  }
  .bg-warn-dark\/20 {
    background-color: rgb(var(--color-warn-dark-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-dark-rgb)) 20%, transparent);
    }
  }
  .bg-warn\/10 {
    background-color: rgb(var(--color-warn-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 10%, transparent);
    }
  }
  .bg-warn\/20 {
    background-color: rgb(var(--color-warn-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 20%, transparent);
    }
  }
  .bg-white {
    background-color: rgb(255, 255, 255);
  }
  .bg-white\/8\! {
    background-color: color-mix(in oklab, rgb(255, 255, 255) 8%, transparent) !important;
  }
  .bg-white\/16 {
    background-color: color-mix(in oklab, rgb(255, 255, 255) 16%, transparent);
  }
  .\[background-image\:linear-gradient\(to_bottom\,_rgba\(var\(--\\_main-bg-rgb\,_var\(--color-bg-180-rgb\)\)\,_1\)\,_rgba\(var\(--\\_main-bg-rgb\,_var\(--color-bg-180-rgb\)\)\,_1\)\,_rgba\(var\(--\\_main-bg-rgb\,_var\(--color-bg-180-rgb\)\)\,_0\)\)\] {
    background-image: linear-gradient(to bottom, rgba(var(--_main-bg-rgb, var(--color-bg-180-rgb)), 1), rgba(var(--_main-bg-rgb, var(--color-bg-180-rgb)), 1), rgba(var(--_main-bg-rgb, var(--color-bg-180-rgb)), 0));
  }
  .\[mask-image\:linear-gradient\(to_right\,\#000_70\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right,#000 70%,transparent);
            mask-image: linear-gradient(to right,#000 70%,transparent);
  }
  .\[background-size\:cover\] {
    background-size: cover;
  }
  .stroke-280 {
    stroke: rgb(var(--color-bg-280-rgb));
  }
  .\[stroke-width\:2px\] {
    stroke-width: 2px;
  }
  .stroke-\[2px\] {
    stroke-width: 2px;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\! {
    padding: 0px !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.5\! {
    padding: calc(var(--spacing) * 0.5) !important;
  }
  .p-0\.25 {
    padding: calc(var(--spacing) * 0.25);
  }
  .p-0\.25\! {
    padding: calc(var(--spacing) * 0.25) !important;
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-0\.75\! {
    padding: calc(var(--spacing) * 0.75) !important;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\! {
    padding: var(--spacing) !important;
  }
  .p-1-5px {
    padding: var(--spacing-1-5px);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-2\.5\! {
    padding: calc(var(--spacing) * 2.5) !important;
  }
  .p-2\.75 {
    padding: calc(var(--spacing) * 2.75);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-\[5\.25px\] {
    padding: 5.25px;
  }
  .p-fs-h3 {
    padding: var(--fs-h3);
  }
  .p-px\! {
    padding: 1px !important;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-0\.5\! {
    padding-inline: calc(var(--spacing) * 0.5) !important;
  }
  .px-0\.25 {
    padding-inline: calc(var(--spacing) * 0.25);
  }
  .px-0\.75 {
    padding-inline: calc(var(--spacing) * 0.75);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\! {
    padding-inline: var(--spacing) !important;
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-1\.5\! {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }
  .px-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-2\.5\! {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .px-2\.75 {
    padding-inline: calc(var(--spacing) * 2.75);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-8\.5 {
    padding-inline: calc(var(--spacing) * 8.5);
  }
  .px-\[0\.75rem\] {
    padding-inline: 0.75rem;
  }
  .px-\[calc\(\(3_\*_8px\)_\+_\(var\(--fs-icon\)\)\)\] {
    padding-inline: calc((3 * 8px) + (var(--fs-icon)));
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\! {
    padding-block: 0px !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.5\! {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-0\.25 {
    padding-block: calc(var(--spacing) * 0.25);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-0\.75\! {
    padding-block: calc(var(--spacing) * 0.75) !important;
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\! {
    padding-block: var(--spacing) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.5\! {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .py-1\.25\! {
    padding-block: calc(var(--spacing) * 1.25) !important;
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-11-2px {
    padding-block: var(--spacing-11-2px);
  }
  .py-12\.5 {
    padding-block: calc(var(--spacing) * 12.5);
  }
  .py-13px {
    padding-block: var(--spacing-13px);
  }
  .py-\[0\.75rem\] {
    padding-block: 0.75rem;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[calc\(12px_-_\(0\.5_\*_\(1em_-_var\(--fs-xs\)\)\)\)\] {
    padding-block: calc(12px - (0.5 * (1em - var(--fs-xs))));
  }
  .py-fs-overline1 {
    padding-block: var(--fs-overline1);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-0\.5\! {
    padding-top: calc(var(--spacing) * 0.5) !important;
  }
  .pt-0\.25 {
    padding-top: calc(var(--spacing) * 0.25);
  }
  .pt-0\.75 {
    padding-top: calc(var(--spacing) * 0.75);
  }
  .pt-0\.75\! {
    padding-top: calc(var(--spacing) * 0.75) !important;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\! {
    padding-top: var(--spacing) !important;
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-1\.5\! {
    padding-top: calc(var(--spacing) * 1.5) !important;
  }
  .pt-1\.25 {
    padding-top: calc(var(--spacing) * 1.25);
  }
  .pt-1\.75 {
    padding-top: calc(var(--spacing) * 1.75);
  }
  .pt-1\.75\! {
    padding-top: calc(var(--spacing) * 1.75) !important;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\! {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-2\.25 {
    padding-top: calc(var(--spacing) * 2.25);
  }
  .pt-2\.75 {
    padding-top: calc(var(--spacing) * 2.75);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-8\.75 {
    padding-top: calc(var(--spacing) * 8.75);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-\[13px\]\! {
    padding-top: 13px !important;
  }
  .pt-\[calc\(var\(--fs-m\)_-_var\(--fs-s\)\)\] {
    padding-top: calc(var(--fs-m) - var(--fs-s));
  }
  .pt-\[calc\(var\(--page-header-offset\,_0\)_\+_16px\)\] {
    padding-top: calc(var(--page-header-offset, 0) + 16px);
  }
  .pt-\[var\(--page-header-offset\,_0\)\] {
    padding-top: var(--page-header-offset, 0);
  }
  .pt-safe-t {
    padding-top: var(--safe-area-inset-top);
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-0\! {
    padding-right: 0px !important;
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-0\.5\! {
    padding-right: calc(var(--spacing) * 0.5) !important;
  }
  .pr-0\.25 {
    padding-right: calc(var(--spacing) * 0.25);
  }
  .pr-0\.75 {
    padding-right: calc(var(--spacing) * 0.75);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-1\! {
    padding-right: var(--spacing) !important;
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-1\.5\! {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .pr-1\.25 {
    padding-right: calc(var(--spacing) * 1.25);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\! {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-2\.5\! {
    padding-right: calc(var(--spacing) * 2.5) !important;
  }
  .pr-2\.25 {
    padding-right: calc(var(--spacing) * 2.25);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\! {
    padding-right: calc(var(--spacing) * 3) !important;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-\[1\.5rem\] {
    padding-right: 1.5rem;
  }
  .pr-fs-h3 {
    padding-right: var(--fs-h3);
  }
  .pr-safe-r {
    padding-right: var(--safe-area-inset-right);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-0\.5\! {
    padding-bottom: calc(var(--spacing) * 0.5) !important;
  }
  .pb-0\.25 {
    padding-bottom: calc(var(--spacing) * 0.25);
  }
  .pb-0\.25\! {
    padding-bottom: calc(var(--spacing) * 0.25) !important;
  }
  .pb-0\.75 {
    padding-bottom: calc(var(--spacing) * 0.75);
  }
  .pb-0\.75\! {
    padding-bottom: calc(var(--spacing) * 0.75) !important;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-1\! {
    padding-bottom: var(--spacing) !important;
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-1\.25 {
    padding-bottom: calc(var(--spacing) * 1.25);
  }
  .pb-1\.25\! {
    padding-bottom: calc(var(--spacing) * 1.25) !important;
  }
  .pb-1\.75 {
    padding-bottom: calc(var(--spacing) * 1.75);
  }
  .pb-1\.75\! {
    padding-bottom: calc(var(--spacing) * 1.75) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-7\.25 {
    padding-bottom: calc(var(--spacing) * 7.25);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[9px\]\! {
    padding-bottom: 9px !important;
  }
  .pb-\[var\(--page-footer-offset\,_0\)\] {
    padding-bottom: var(--page-footer-offset, 0);
  }
  .pb-safe-b {
    padding-bottom: var(--safe-area-inset-bottom);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-0\! {
    padding-left: 0px !important;
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-0\.5\! {
    padding-left: calc(var(--spacing) * 0.5) !important;
  }
  .pl-0\.25 {
    padding-left: calc(var(--spacing) * 0.25);
  }
  .pl-0\.75 {
    padding-left: calc(var(--spacing) * 0.75);
  }
  .pl-0\.75\! {
    padding-left: calc(var(--spacing) * 0.75) !important;
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-1\! {
    padding-left: var(--spacing) !important;
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-1\.25 {
    padding-left: calc(var(--spacing) * 1.25);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\! {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\! {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-4\.75 {
    padding-left: calc(var(--spacing) * 4.75);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-\[1ch\] {
    padding-left: 1ch;
  }
  .pl-\[calc\(\(3_\*_8px\)_\+_\(var\(--fs-icon\)\)\)\] {
    padding-left: calc((3 * 8px) + (var(--fs-icon)));
  }
  .pl-\[calc\(1rem_\+_var\(--fs-icon\)_\+_1rem\)\] {
    padding-left: calc(1rem + var(--fs-icon) + 1rem);
  }
  .pl-after-icon {
    padding-left: calc(var(--fs-icon) + (2 * var(--spacing)));
  }
  .pl-safe-l {
    padding-left: var(--safe-area-inset-left);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .text-body1 {
    font-size: var(--fs-body1);
    line-height: var(--tw-leading, var(--lh-body1));
  }
  .text-h1 {
    font-size: var(--fs-h1);
    line-height: var(--tw-leading, var(--lh-h1));
  }
  .text-h2 {
    font-size: var(--fs-h2);
    line-height: var(--tw-leading, var(--lh-h2));
  }
  .text-h3 {
    font-size: var(--fs-h3);
    line-height: var(--tw-leading, var(--lh-h3));
  }
  .text-h4 {
    font-size: var(--fs-h4);
    line-height: var(--tw-leading, var(--lh-h4));
  }
  .text-h5 {
    font-size: var(--fs-h5);
    line-height: var(--tw-leading, var(--lh-h5));
  }
  .text-h6 {
    font-size: var(--fs-h6);
    line-height: var(--tw-leading, var(--lh-h6));
  }
  .text-icon {
    font-size: var(--fs-icon);
    line-height: var(--tw-leading, var(--lh-icon));
  }
  .text-icon-2x {
    font-size: var(--fs-icon-2x);
    line-height: var(--tw-leading, var(--lh-icon-2x));
  }
  .text-icon-l {
    font-size: var(--fs-icon-l);
    line-height: var(--tw-leading, var(--lh-icon-l));
  }
  .text-icon-s {
    font-size: var(--fs-icon-s);
    line-height: var(--tw-leading, var(--lh-icon-s));
  }
  .text-icon-small {
    font-size: var(--fs-icon-small);
    line-height: var(--tw-leading, var(--lh-icon-small));
  }
  .text-l {
    font-size: var(--fs-l);
    line-height: var(--tw-leading, var(--lh-l));
  }
  .text-m {
    font-size: var(--fs-m);
    line-height: var(--tw-leading, var(--lh-m));
  }
  .text-overline1 {
    font-size: var(--fs-overline1);
    line-height: var(--tw-leading, var(--lh-overline1));
  }
  .text-s {
    font-size: var(--fs-s);
    line-height: var(--tw-leading, var(--lh-s));
  }
  .text-small1 {
    font-size: var(--fs-small1);
    line-height: var(--tw-leading, var(--lh-small1));
  }
  .text-small2 {
    font-size: var(--fs-small2);
    line-height: var(--tw-leading, var(--lh-small2));
  }
  .text-title {
    font-size: var(--fs-title);
    line-height: var(--tw-leading, var(--lh-title));
  }
  .text-xl {
    font-size: var(--fs-xl);
    line-height: var(--tw-leading, var(--lh-xl));
  }
  .text-xs {
    font-size: var(--fs-xs);
    line-height: var(--tw-leading, var(--lh-xs));
  }
  .text-xs\! {
    font-size: var(--fs-xs) !important;
    line-height: var(--tw-leading, var(--lh-xs)) !important;
  }
  .text-xxl {
    font-size: var(--fs-xxl);
    line-height: var(--tw-leading, var(--lh-xxl));
  }
  .text-xxs {
    font-size: var(--fs-xxs);
    line-height: var(--tw-leading, var(--lh-xxs));
  }
  .\[font-size\:0\.75rem\] {
    font-size: 0.75rem;
  }
  .\[font-size\:2rem\] {
    font-size: 2rem;
  }
  .\[font-size\:65px\] {
    font-size: 65px;
  }
  .\[font-size\:100px\] {
    font-size: 100px;
  }
  .\[font-size\:120px\] {
    font-size: 120px;
  }
  .\[font-size\:200px\] {
    font-size: 200px;
  }
  .\[font-size\:calc\(2_\*_var\(--fs-icon\)\)\] {
    font-size: calc(2 * var(--fs-icon));
  }
  .\[font-size\:calc\(2_\*_var\(--fs-m\)\)\] {
    font-size: calc(2 * var(--fs-m));
  }
  .\[font-size\:var\(--fs-m\)\] {
    font-size: var(--fs-m);
  }
  .\[font-size\:var\(--fs-s\)\] {
    font-size: var(--fs-s);
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-em {
    font-size: 1em;
  }
  .text-sp-1 {
    font-size: var(--text-sp-1);
  }
  .text-sp-1\.5 {
    font-size: var(--text-sp-1\.5);
  }
  .text-sp-1\.5\! {
    font-size: var(--text-sp-1\.5) !important;
  }
  .text-sp-1\.25 {
    font-size: var(--text-sp-1\.25);
  }
  .text-sp-1\.25\! {
    font-size: var(--text-sp-1\.25) !important;
  }
  .text-sp-1\.75 {
    font-size: var(--text-sp-1\.75);
  }
  .text-sp-2 {
    font-size: var(--text-sp-2);
  }
  .text-sp-2\.5 {
    font-size: var(--text-sp-2\.5);
  }
  .text-sp-2\.25 {
    font-size: var(--text-sp-2\.25);
  }
  .text-sp-2\.75 {
    font-size: var(--text-sp-2\.75);
  }
  .text-sp-3 {
    font-size: var(--text-sp-3);
  }
  .text-sp-3\.5 {
    font-size: var(--text-sp-3\.5);
  }
  .text-sp-3\.25 {
    font-size: var(--text-sp-3\.25);
  }
  .text-sp-3\.75 {
    font-size: var(--text-sp-3\.75);
  }
  .text-sp-4 {
    font-size: var(--text-sp-4);
  }
  .text-sp-4\.5 {
    font-size: var(--text-sp-4\.5);
  }
  .text-sp-5 {
    font-size: var(--text-sp-5);
  }
  .text-sp-5\.5 {
    font-size: var(--text-sp-5\.5);
  }
  .text-sp-6 {
    font-size: var(--text-sp-6);
  }
  .text-sp-8 {
    font-size: var(--text-sp-8);
  }
  .text-sp-10 {
    font-size: var(--text-sp-10);
  }
  .leading-\(--l-h\) {
    --tw-leading: var(--l-h);
    line-height: var(--l-h);
  }
  .leading-1\.25 {
    --tw-leading: calc(var(--spacing) * 1.25);
    line-height: calc(var(--spacing) * 1.25);
  }
  .leading-2 {
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
  }
  .leading-2\.5 {
    --tw-leading: calc(var(--spacing) * 2.5);
    line-height: calc(var(--spacing) * 2.5);
  }
  .leading-3\.5 {
    --tw-leading: calc(var(--spacing) * 3.5);
    line-height: calc(var(--spacing) * 3.5);
  }
  .leading-3\.25 {
    --tw-leading: calc(var(--spacing) * 3.25);
    line-height: calc(var(--spacing) * 3.25);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-24px {
    --tw-leading: var(--leading-24px);
    line-height: var(--leading-24px);
  }
  .leading-24px\! {
    --tw-leading: var(--leading-24px) !important;
    line-height: var(--leading-24px) !important;
  }
  .leading-38 {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.5em\] {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }
  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-\[1rem\] {
    --tw-leading: 1rem;
    line-height: 1rem;
  }
  .leading-\[2em\] {
    --tw-leading: 2em;
    line-height: 2em;
  }
  .leading-\[8px\] {
    --tw-leading: 8px;
    line-height: 8px;
  }
  .leading-\[10px\] {
    --tw-leading: 10px;
    line-height: 10px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[calc\(2_\*_var\(--fs-m\)\)\] {
    --tw-leading: calc(2 * var(--fs-m));
    line-height: calc(2 * var(--fs-m));
  }
  .leading-\[var\(--fs-l\)\] {
    --tw-leading: var(--fs-l);
    line-height: var(--fs-l);
  }
  .leading-\[var\(--fs-m\)\] {
    --tw-leading: var(--fs-m);
    line-height: var(--fs-m);
  }
  .leading-body1 {
    --tw-leading: var(--lh-body1);
    line-height: var(--lh-body1);
  }
  .leading-em {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-em\! {
    --tw-leading: 1em !important;
    line-height: 1em !important;
  }
  .leading-fs-m {
    --tw-leading: var(--fs-m);
    line-height: var(--fs-m);
  }
  .leading-h1 {
    --tw-leading: var(--lh-h1);
    line-height: var(--lh-h1);
  }
  .leading-h2 {
    --tw-leading: var(--lh-h2);
    line-height: var(--lh-h2);
  }
  .leading-h3 {
    --tw-leading: var(--lh-h3);
    line-height: var(--lh-h3);
  }
  .leading-h4 {
    --tw-leading: var(--lh-h4);
    line-height: var(--lh-h4);
  }
  .leading-h5 {
    --tw-leading: var(--lh-h5);
    line-height: var(--lh-h5);
  }
  .leading-h5\! {
    --tw-leading: var(--lh-h5) !important;
    line-height: var(--lh-h5) !important;
  }
  .leading-icon {
    --tw-leading: var(--lh-icon);
    line-height: var(--lh-icon);
  }
  .leading-icon\! {
    --tw-leading: var(--lh-icon) !important;
    line-height: var(--lh-icon) !important;
  }
  .leading-icon-l {
    --tw-leading: var(--lh-icon-l);
    line-height: var(--lh-icon-l);
  }
  .leading-icon-s {
    --tw-leading: var(--lh-icon-s);
    line-height: var(--lh-icon-s);
  }
  .leading-icon-small {
    --tw-leading: var(--lh-icon-small);
    line-height: var(--lh-icon-small);
  }
  .leading-l {
    --tw-leading: var(--lh-l);
    line-height: var(--lh-l);
  }
  .leading-m {
    --tw-leading: var(--lh-m);
    line-height: var(--lh-m);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-overline1 {
    --tw-leading: var(--lh-overline1);
    line-height: var(--lh-overline1);
  }
  .leading-regular {
    --tw-leading: var(--font-line-height);
    line-height: var(--font-line-height);
  }
  .leading-s {
    --tw-leading: var(--lh-s);
    line-height: var(--lh-s);
  }
  .leading-xl {
    --tw-leading: var(--lh-xl);
    line-height: var(--lh-xl);
  }
  .leading-xs {
    --tw-leading: var(--lh-xs);
    line-height: var(--lh-xs);
  }
  .leading-xxl {
    --tw-leading: var(--lh-xxl);
    line-height: var(--lh-xxl);
  }
  .font-bold {
    --tw-font-weight: var(--fw-bold);
    font-weight: var(--fw-bold);
  }
  .font-medium {
    --tw-font-weight: var(--fw-medium);
    font-weight: var(--fw-medium);
  }
  .font-normal {
    --tw-font-weight: var(--fw-regular);
    font-weight: var(--fw-regular);
  }
  .font-semibold {
    --tw-font-weight: var(--fw-semi-bold);
    font-weight: var(--fw-semi-bold);
  }
  .tracking-m {
    --tw-tracking: var(--tracking-m);
    letter-spacing: var(--tracking-m);
  }
  .tracking-s {
    --tw-tracking: var(--tracking-s);
    letter-spacing: var(--tracking-s);
  }
  .\[letter-spacing\:0\.125rem\] {
    letter-spacing: 0.125rem;
  }
  .\[letter-spacing\:0\] {
    letter-spacing: 0;
  }
  .\[text-wrap\:nowrap\] {
    text-wrap: nowrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .\[word-break\:normal\] {
    word-break: normal;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .fc-100\/60 {
    color: rgb(var(--color-text-100-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(var(--color-text-100-rgb)) calc(60 * 1%), transparent);
    }
  }
  .fc-800\/30 {
    color: rgb(var(--color-text-800-rgb));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(var(--color-text-800-rgb)) calc(30 * 1%), transparent);
    }
  }
  .\[color\:\#57c042\] {
    color: #57c042;
  }
  .\[color\:\#b9b8bc\] {
    color: #b9b8bc;
  }
  .\[color\:\#d0021b\] {
    color: #d0021b;
  }
  .\[color\:rgba\(143\,_93\,_23\,_1\)\] {
    color: rgba(143, 93, 23, 1);
  }
  .\[color\:var\(--\\_color\)\] {
    color: var(--_color);
  }
  .\[color\:var\(--color-code-text\)\] {
    color: var(--color-code-text);
  }
  .\[color\:var\(--color-node-file\)\] {
    color: var(--color-node-file);
  }
  .fc-100 {
    color: rgb(var(--color-text-100-rgb));
  }
  .fc-200 {
    color: rgb(var(--color-text-200-rgb));
  }
  .fc-300 {
    color: rgb(var(--color-text-300-rgb));
  }
  .fc-400 {
    color: rgb(var(--color-text-400-rgb));
  }
  .fc-500 {
    color: rgb(var(--color-text-500-rgb));
  }
  .fc-800 {
    color: rgb(var(--color-text-800-rgb));
  }
  .fc-inverse {
    color: rgb(var(--color-text-inverse-rgb));
  }
  .fc-white {
    color: rgb(var(--color-text-white-rgb));
  }
  .text-180 {
    color: rgb(var(--color-bg-180-rgb));
  }
  .text-190 {
    color: rgb(var(--color-bg-190-rgb));
  }
  .text-560 {
    color: rgb(var(--color-bg-560-rgb));
  }
  .text-\[\#258a52\] {
    color: #258a52;
  }
  .text-\[\#3167b8\] {
    color: #3167b8;
  }
  .text-\[\#c7411f\] {
    color: #c7411f;
  }
  .text-\[\#cc3830\] {
    color: #cc3830;
  }
  .text-code-attribute-name {
    color: var(--color-code-html-attribute-name);
  }
  .text-code-attribute-value {
    color: var(--color-code-html-attribute-value);
  }
  .text-code-tag {
    color: var(--color-code-html-tag);
  }
  .text-creative-mode {
    color: var(--color-creative-mode);
  }
  .text-imp-8 {
    color: rgb(var(--color-imp-bg-8-rgb));
  }
  .text-importance {
    color: var(--importance-color);
  }
  .text-inherit {
    color: inherit;
  }
  .text-line-250 {
    color: rgb(var(--color-line-250-rgb));
  }
  .text-line-330 {
    color: rgb(var(--color-line-330-rgb));
  }
  .text-node-tag {
    color: var(--color-node-tag);
  }
  .text-node-type {
    color: var(--color-node);
  }
  .text-primary {
    color: rgb(var(--color-primary-rgb));
  }
  .text-primary-200 {
    color: rgb(var(--color-primary-200-rgb));
  }
  .text-primary-500 {
    color: rgb(var(--color-primary-500-rgb));
  }
  .text-primary-700 {
    color: rgb(var(--color-primary-700-rgb));
  }
  .text-warn {
    color: rgb(var(--color-warn-rgb));
  }
  .text-warn-500 {
    color: rgb(var(--color-warn-500-rgb));
  }
  .text-warn-700 {
    color: rgb(var(--color-warn-700-rgb));
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .shadow-glow-10 {
    --tw-shadow: 0 0 10px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-z-menu {
    --tw-shadow: var(--shadow-menu);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-z1 {
    --tw-shadow: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-z2 {
    --tw-shadow: var(--shadow-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[outline\:1px_solid_var\(--color-node-workspace\)\] {
    outline: 1px solid var(--color-node-workspace);
  }
  .\[outline\:inherit\] {
    outline: inherit;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .\[outline-width\:2px\] {
    outline-width: 2px;
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .outline-line-230 {
    outline-color: rgb(var(--color-line-230-rgb));
  }
  .blur-\[64px\] {
    --tw-blur: blur(64px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-glass {
    --tw-backdrop-blur: blur(var(--blur-glass));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[background-color\,color\] {
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows,opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[grid-template-rows\,padding-top\] {
    transition-property: grid-template-rows,padding-top;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\,margin\] {
    transition-property: width,margin;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-background {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-bg-and-color {
    transition-property: background-color, color;
    transition-timing-function: ease;
    transition-duration: 150ms;
  }
  .transition-color {
    transition-property: color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-none {
    transition-property: none;
  }
  .delay-0 {
    transition-delay: 0ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-350 {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .ease-standard {
    --tw-ease: var(--ease-standard);
    transition-timing-function: var(--ease-standard);
  }
  .imp-1 {
    --importance-color-rgb: var(--color-imp-bg-1-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-2 {
    --importance-color-rgb: var(--color-imp-bg-2-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-3 {
    --importance-color-rgb: var(--color-imp-bg-3-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-4 {
    --importance-color-rgb: var(--color-imp-bg-4-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-5 {
    --importance-color-rgb: var(--color-imp-bg-5-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-6 {
    --importance-color-rgb: var(--color-imp-bg-6-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-7 {
    --importance-color-rgb: var(--color-imp-bg-7-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-8 {
    --importance-color-rgb: var(--color-imp-bg-8-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-9 {
    --importance-color-rgb: var(--color-imp-bg-9-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .imp-10 {
    --importance-color-rgb: var(--color-imp-bg-10-rgb);
    --importance-color: rgba(var(--importance-color-rgb), 1);
    --importance-color-bg: rgba(var(--importance-color-rgb), var(--color-imp-bg-opacity));
  }
  .node-ai {
    --color-node-rgb: var(--color-node-ai-rgb);
    --color-node: var(--color-node-ai);
    --color-node-bg: var(--color-node-ai-bg);
  }
  .node-document {
    --color-node-rgb: var(--color-node-document-rgb);
    --color-node: var(--color-node-document);
    --color-node-bg: var(--color-node-document-bg);
  }
  .node-file {
    --color-node-rgb: var(--color-node-file-rgb);
    --color-node: var(--color-node-file);
    --color-node-bg: var(--color-node-file-bg);
  }
  .node-note {
    --color-node-rgb: var(--color-node-note-rgb);
    --color-node: var(--color-node-note);
    --color-node-bg: var(--color-node-note-bg);
  }
  .node-tag {
    --color-node-rgb: var(--color-node-tag-rgb);
    --color-node: var(--color-node-tag);
    --color-node-bg: var(--color-node-tag-bg);
  }
  .node-website {
    --color-node-rgb: var(--color-node-website-rgb);
    --color-node: var(--color-node-website);
    --color-node-bg: var(--color-node-website-bg);
  }
  .node-workspace {
    --color-node-rgb: var(--color-node-workspace-rgb);
    --color-node: var(--color-node-workspace);
    --color-node-bg: var(--color-node-workspace-bg);
  }
  .scrollbar-fade {
    transition: --scrollbar-color 0.4s ease;
    --scrollbar-color: transparent;
    &:hover {
      --scrollbar-color: rgba(var(--color-text-800-rgb), 0.6);
    }
  }
  .imp-0 {
    --importance-color-rgb: var(--color-text-400-rgb);
    --importance-color: rgba(var(--color-text-400-rgb), 1);
  }
  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--__gap-size\:0\] {
    --__gap-size: 0;
  }
  .\[--__gap\:calc\(var\(--fs-icon\)_\+_24px\)\] {
    --__gap: calc(var(--fs-icon) + 24px);
  }
  .\[--__h\:calc\(var\(--fs-m\)_\+_\(2_\*_\(8px_\+_2px\)\)\)\] {
    --__h: calc(var(--fs-m) + (2 * (8px + 2px)));
  }
  .\[--__icon-fs\:12px\] {
    --__icon-fs: 12px;
  }
  .\[--__icon-fs\:16px\] {
    --__icon-fs: 16px;
  }
  .\[--__icon-fs\:calc\(--spacing_\*_1\.75\)\] {
    --__icon-fs: calc(--spacing * 1.75);
  }
  .\[--__icon-fs\:var\(--__icon-fsize\)\] {
    --__icon-fs: var(--__icon-fsize);
  }
  .\[--__icon-fs\:var\(--fs-m\)\] {
    --__icon-fs: var(--fs-m);
  }
  .\[--__icon-fsize\:22px\] {
    --__icon-fsize: 22px;
  }
  .\[--__icon-size\:14px\] {
    --__icon-size: 14px;
  }
  .\[--__icon-size\:var\(--fs-icon\)\] {
    --__icon-size: var(--fs-icon);
  }
  .\[--__indicator-size\:calc\(1\.1em\)\] {
    --__indicator-size: calc(1.1em);
  }
  .\[--__integration-card-button-width\:100\%\] {
    --__integration-card-button-width: 100%;
  }
  .\[--__line-height\:1\] {
    --__line-height: 1;
  }
  .\[--__line-height\:1rem\] {
    --__line-height: 1rem;
  }
  .\[--__size\:14px\] {
    --__size: 14px;
  }
  .\[--__size\:16px\] {
    --__size: 16px;
  }
  .\[--__size\:18px\] {
    --__size: 18px;
  }
  .\[--__size\:38px\] {
    --__size: 38px;
  }
  .\[--__thumbnail-bg-color\:var\(--color-bg-270\)\] {
    --__thumbnail-bg-color: var(--color-bg-270);
  }
  .\[--__thumbnail-bg-color\:var\(--color-bg-280\)\] {
    --__thumbnail-bg-color: var(--color-bg-280);
  }
  .\[--__thumbnail-border-radius\:8px\] {
    --__thumbnail-border-radius: 8px;
  }
  .\[--__thumbnail-box-shadow-left\:-2px_0_0_0_var\(--color-bg-190\)\] {
    --__thumbnail-box-shadow-left: -2px 0 0 0 var(--color-bg-190);
  }
  .\[--__thumbnail-box-shadow\:0\] {
    --__thumbnail-box-shadow: 0;
  }
  .\[--__thumbnail-box-shadow\:0_0_0_2px_var\(--color-bg-190\)\] {
    --__thumbnail-box-shadow: 0 0 0 2px var(--color-bg-190);
  }
  .\[--__thumbnail-box-shadow\:none\]\! {
    --__thumbnail-box-shadow: none !important;
  }
  .\[--_extra-h\:calc\(var\(--safe-area-inset-bottom\)\)\] {
    --_extra-h: calc(var(--safe-area-inset-bottom));
  }
  .\[--_gap\:var\(--gap\,20px\)\] {
    --_gap: var(--gap,20px);
  }
  .\[--_gap\:var\(--gap\,_20px\)\] {
    --_gap: var(--gap, 20px);
  }
  .\[--_h-padding-aux\:12px\] {
    --_h-padding-aux: 12px;
  }
  .\[--_h-padding-aux\:24px\] {
    --_h-padding-aux: 24px;
  }
  .\[--_h-padding\:0\] {
    --_h-padding: 0;
  }
  .\[--_h-padding\:var\(--spacing\)\] {
    --_h-padding: var(--spacing);
  }
  .\[--_hover-bg-color\:rgba\(var\(--importance-color-rgb\)\,0\.2\)\] {
    --_hover-bg-color: rgba(var(--importance-color-rgb),0.2);
  }
  .\[--_hover-bg-color\:rgba\(var\(--importance-color-rgb\)\,_0\.2\)\] {
    --_hover-bg-color: rgba(var(--importance-color-rgb), 0.2);
  }
  .\[--_left-padding\:calc\(16px-var\(--_border-size\)\)\] {
    --_left-padding: calc(16px - var(-- border-size));
  }
  .\[--_main-bg-rgb\:var\(--color-bg-190-rgb\)\] {
    --_main-bg-rgb: var(--color-bg-190-rgb);
  }
  .\[--_max-width-base\:calc\(\(4\.5_\*_8px\)_\+_\(var\(--font-size-icon\)\)\)\] {
    --_max-width-base: calc((4.5 * 8px) + (var(--font-size-icon)));
  }
  .\[--_max-width-collapsed\:calc\(var\(--\\_max-width-base\)_\+_4px\)\] {
    --_max-width-collapsed: calc(var(--_max-width-base) + 4px);
  }
  .\[--_max-width-expanded\:calc\(var\(--\\_max-width-base\)_\*_4\.5\)\] {
    --_max-width-expanded: calc(var(--_max-width-base) * 4.5);
  }
  .\[--_size\:var\(--size\,160px\)\] {
    --_size: var(--size,160px);
  }
  .\[--_size\:var\(--size\,_160px\)\] {
    --_size: var(--size, 160px);
  }
  .\[--_v-padding\:6px\] {
    --_v-padding: 6px;
  }
  .\[--_v-padding\:calc\(0\.75\*var\(--spacing\)\)\] {
    --_v-padding: calc(0.75 * var(--spacing));
  }
  .\[--breakdown-max-width\:420px\] {
    --breakdown-max-width: 420px;
  }
  .\[--btn-bg-color\:rgb\(var\(--color-bg-170-rgb\)\)\] {
    --btn-bg-color: rgb(var(--color-bg-170-rgb));
  }
  .\[--card-height\:116px\] {
    --card-height: 116px;
  }
  .\[--dot-color\:var\(--color-primary-rgb\)\] {
    --dot-color: var(--color-primary-rgb);
  }
  .\[--dot-size\:16px\] {
    --dot-size: 16px;
  }
  .\[--fs-m\:var\(--fs-xs\)\] {
    --fs-m: var(--fs-xs);
  }
  .\[--h-padding\:var\(--spacing\)\] {
    --h-padding: var(--spacing);
  }
  .\[--l-h\:var\(--fs-l\)\] {
    --l-h: var(--fs-l);
  }
  .\[--mat-sidenav-content-background-color\:rgb\(var\(--color-bg-180-rgb\)\)\] {
    --mat-sidenav-content-background-color: rgb(var(--color-bg-180-rgb));
  }
  .\[--name-width\:160px\] {
    --name-width: 160px;
  }
  .\[--padding-space\:calc\(1rem_-_1em\)\] {
    --padding-space: calc(1rem - 1em);
  }
  .\[--row-description-fs\:var\(--fs-m\)\] {
    --row-description-fs: var(--fs-m);
  }
  .\[--row-icon-size\:calc\(12px_\+_var\(--fs-xxl\)\)\] {
    --row-icon-size: calc(12px + var(--fs-xxl));
  }
  .\[--row-name-max-size\:380px\] {
    --row-name-max-size: 380px;
  }
  .\[--size\:24px\] {
    --size: 24px;
  }
  .\[--spacing\:8px\] {
    --spacing: 8px;
  }
  .\[--toggler-size\:calc\(1em_-_var\(--toggler-space\)\)\] {
    --toggler-size: calc(1em - var(--toggler-space));
  }
  .\[--toggler-space\:calc\(1em\/8\)\] {
    --toggler-space: calc(1em / 8);
  }
  .\[--v-padding\:8px\] {
    --v-padding: 8px;
  }
  .\[--video-preview-height\:100\%\] {
    --video-preview-height: 100%;
  }
  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }
  .\[-webkit-line-clamp\:2\] {
    -webkit-line-clamp: 2;
  }
  .\[-webkit-mask-image\:linear-gradient\(to_right\,\#000_70\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right,#000 70%,transparent);
  }
  .\[background\:linear-gradient\(90deg\,_rgba\(var\(--color-primary-rgb\)\,_0\.2\)_0\%\,_rgba\(var\(--color-primary-rgb\)\,_1\)_100\%\)\] {
    background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.2) 0%, rgba(var(--color-primary-rgb), 1) 100%);
  }
  .\[background\:linear-gradient\(147deg\,_rgba\(102\,_212\,_187\,_0\.06\)_-2\.01\%\,_rgba\(72\,_161\,_238\,_0\.06\)_111\.11\%\)\] {
    background: linear-gradient(147deg, rgba(102, 212, 187, 0.06) -2.01%, rgba(72, 161, 238, 0.06) 111.11%);
  }
  .\[background\:linear-gradient\(to_bottom\,_rgba\(var\(--color-bg-180-rgb\)\,_0\.8\)\,_rgba\(var\(--color-bg-180-rgb\)\,_1\)\)\] {
    background: linear-gradient(to bottom, rgba(var(--color-bg-180-rgb), 0.8), rgba(var(--color-bg-180-rgb), 1));
  }
  .\[background\:linear-gradient\(to_bottom\,rgba\(var\(--color-bg-180-rgb\)\,0\.8\)\,rgba\(var\(--color-bg-180-rgb\)\,1\)\)\] {
    background: linear-gradient(to bottom,rgba(var(--color-bg-180-rgb),0.8),rgba(var(--color-bg-180-rgb),1));
  }
  .\[background\:linear-gradient\(to_bottom\,rgba\(var\(--color-bg-190-rgb\)\,1\)_0\%\,rgba\(var\(--color-bg-190-rgb\)\,0\.9\)_30\%\,rgba\(var\(--color-bg-190-rgb\)\,0\.7\)_60\%\,rgba\(var\(--color-bg-190-rgb\)\,0\.4\)_100\%\)\] {
    background: linear-gradient(to bottom,rgba(var(--color-bg-190-rgb),1) 0%,rgba(var(--color-bg-190-rgb),0.9) 30%,rgba(var(--color-bg-190-rgb),0.7) 60%,rgba(var(--color-bg-190-rgb),0.4) 100%);
  }
  .\[background\:linear-gradient\(to_bottom\,transparent_0\%\,var\(--color-bg-190\)_100\%\)\] {
    background: linear-gradient(to bottom,transparent 0%,var(--color-bg-190) 100%);
  }
  .\[background\:linear-gradient\(to_top\,_rgba\(var\(--color-bg-190-rgb\)\,_1\)\,_rgba\(var\(--color-bg-190-rgb\)\,_0\)\)\] {
    background: linear-gradient(to top, rgba(var(--color-bg-190-rgb), 1), rgba(var(--color-bg-190-rgb), 0));
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .\[grid-area\:description\] {
    grid-area: description;
  }
  .\[grid-area\:icon\] {
    grid-area: icon;
  }
  .\[grid-area\:name\] {
    grid-area: name;
  }
  .\[grid-area\:value\] {
    grid-area: value;
  }
  .\[line-clamp\:2\] {
    line-clamp: 2;
  }
  .\[list-style\:none\] {
    list-style: none;
  }
  .\[mask\:linear-gradient\(to_bottom\,_transparent_0\,_black_16px\,_black_100\%\)\] {
    -webkit-mask: linear-gradient(to bottom, transparent 0, black 16px, black 100%);
            mask: linear-gradient(to bottom, transparent 0, black 16px, black 100%);
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[stroke-linecap\:round\] {
    stroke-linecap: round;
  }
  .\[stroke-linejoin\:round\] {
    stroke-linejoin: round;
  }
  .\[transition\:background-color_0\.2s_ease-in-out\,_color_0\.2s_ease-in-out\] {
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .\[transition\:background-color_0\.3s_ease-in-out\,_border-color_0\.3s_ease-in-out\] {
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  }
  .\[transition\:background-color_300ms\,_color_300ms\] {
    transition: background-color 300ms, color 300ms;
  }
  .\[transition\:background-color_300ms\,color_300ms\] {
    transition: background-color 300ms,color 300ms;
  }
  .\[transition\:border-color_200ms\] {
    transition: border-color 200ms;
  }
  .\[transition\:height_250ms_ease-out\] {
    transition: height 250ms ease-out;
  }
  .\[transition\:left_300ms\,_width_300ms\] {
    transition: left 300ms, width 300ms;
  }
  .\[transition\:max-height_0\.3s_ease-out\,_opacity_0\.2s_ease-out\] {
    transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
  }
  .\[unicode-bidi\:bidi-override\] {
    unicode-bidi: bidi-override;
  }
  .\[word-wrap\:break-word\] {
    word-wrap: break-word;
  }
  .border-size-px {
    --_border-size: 1px;
  }
  .copy-button:hover {
    background: linear-gradient(	rgba(var(--color-bg-standard-hover-rgb)),	rgba(var(--color-bg-standard-hover-rgb))	),	linear-gradient(var(--color-bg-270), var(--color-bg-270));
  }
  .h-padding-0 {
    --_h-padding: 0;
  }
  .iframe-width {
    --iframe-width: 440px;
  }
  .left-as-is {
    --_left-as-is: 1;
  }
  .touch-callout-none {
    -webkit-touch-callout: none;
  }
  .without-border {
    --_without-border: 1;
  }
  .without-focus {
    --_without-focus: 1;
  }
  @media (hover: hover) {
    .group-hover\/add-filters-button\:visible:is(:where(.group\/add-filters-button):hover *) {
      visibility: visible;
    }
    .group-hover\/add-new\:fc-800:is(:where(.group\/add-new):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/add-new-filter\:visible:is(:where(.group\/add-new-filter):hover *) {
      visibility: visible;
    }
    .group-hover\/add-recommendation\:fc-800:is(:where(.group\/add-recommendation):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/api-key\:fc-800:is(:where(.group\/api-key):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/base\:fc-800:is(:where(.group\/base):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/big-picture\:visible:is(:where(.group\/big-picture):hover *) {
      visibility: visible;
    }
    .group-hover\/block-popup\:fc-800:is(:where(.group\/block-popup):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/bulb\:text-creative-mode:is(:where(.group\/bulb):hover *) {
      color: var(--color-creative-mode);
    }
    .group-hover\/catalogue-row\:flex:is(:where(.group\/catalogue-row):hover *) {
      display: flex;
    }
    .group-hover\/category-menu\:flex:is(:where(.group\/category-menu):hover *) {
      display: flex;
    }
    .group-hover\/category-menu\:text-primary-700:is(:where(.group\/category-menu):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/category-properties\:visible:is(:where(.group\/category-properties):hover *) {
      visibility: visible;
    }
    .group-hover\/category-properties-2\:flex:is(:where(.group\/category-properties-2):hover *) {
      display: flex;
    }
    .group-hover\/chat-card\:visible:is(:where(.group\/chat-card):hover *) {
      visibility: visible;
    }
    .group-hover\/chat-inspector-page\:bg-standard-hover:is(:where(.group\/chat-inspector-page):hover *) {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .group-hover\/chat-inspector-page\:fc-800:is(:where(.group\/chat-inspector-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/chat-message-timeline\:fc-800:is(:where(.group\/chat-message-timeline):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/check-btn\:flex:is(:where(.group\/check-btn):hover *) {
      display: flex;
    }
    .group-hover\/chip\:text-primary:is(:where(.group\/chip):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/code\:text-primary:is(:where(.group\/code):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/column-sort\:flex\!:is(:where(.group\/column-sort):hover *) {
      display: flex !important;
    }
    .group-hover\/comment-card\:fc-800:is(:where(.group\/comment-card):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/component\:visible:is(:where(.group\/component):hover *) {
      visibility: visible;
    }
    .group-hover\/conversation\:visible:is(:where(.group\/conversation):hover *) {
      visibility: visible;
    }
    .group-hover\/create-tag\:text-primary-700:is(:where(.group\/create-tag):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/create-website\:invisible:is(:where(.group\/create-website):hover *) {
      visibility: hidden;
    }
    .group-hover\/create-website\:visible:is(:where(.group\/create-website):hover *) {
      visibility: visible;
    }
    .group-hover\/create-workspace\:bg-190:is(:where(.group\/create-workspace):hover *) {
      background-color: rgb(var(--color-bg-190-rgb));
    }
    .group-hover\/create-workspace\:text-primary:is(:where(.group\/create-workspace):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/customisation-page\:visible:is(:where(.group\/customisation-page):hover *) {
      visibility: visible;
    }
    .group-hover\/default-model\:fc-800:is(:where(.group\/default-model):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/email-copy\:visible:is(:where(.group\/email-copy):hover *) {
      visibility: visible;
    }
    .group-hover\/expandable-section\:bg-standard-hover:is(:where(.group\/expandable-section):hover *) {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .group-hover\/expandable-section\:fc-800:is(:where(.group\/expandable-section):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/filter\:fc-800:is(:where(.group\/filter):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/filter-menu\:fc-800:is(:where(.group\/filter-menu):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/filters-list\:fc-800:is(:where(.group\/filters-list):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/flag-modal\:fc-800:is(:where(.group\/flag-modal):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/flag-modal\:text-primary:is(:where(.group\/flag-modal):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/general-page\:text-primary:is(:where(.group\/general-page):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/header\:visible:is(:where(.group\/header):hover *) {
      visibility: visible;
    }
    .group-hover\/header\:flex:is(:where(.group\/header):hover *) {
      display: flex;
    }
    .group-hover\/header\:fc-500:is(:where(.group\/header):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/info\:text-primary-dark:is(:where(.group\/info):hover *) {
      color: rgb(var(--color-primary-dark-rgb));
    }
    .group-hover\/input-selector\:text-primary:is(:where(.group\/input-selector):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/integration-card\:fc-500:is(:where(.group\/integration-card):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/integration-card\:fc-800:is(:where(.group\/integration-card):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/integrations-page\:text-primary:is(:where(.group\/integrations-page):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/language\:fc-800:is(:where(.group\/language):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/layouts-list\:flex:is(:where(.group\/layouts-list):hover *) {
      display: flex;
    }
    .group-hover\/layouts-list\:hidden:is(:where(.group\/layouts-list):hover *) {
      display: none;
    }
    .group-hover\/library\:fc-800:is(:where(.group\/library):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/line-stat\:visible:is(:where(.group\/line-stat):hover *) {
      visibility: visible;
    }
    .group-hover\/list-integrations-page\:bg-primary:is(:where(.group\/list-integrations-page):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/list-integrations-page\:fc-white:is(:where(.group\/list-integrations-page):hover *) {
      color: rgb(var(--color-text-white-rgb));
    }
    .group-hover\/list-mcp-page\:bg-primary:is(:where(.group\/list-mcp-page):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/list-mcp-page\:fc-white:is(:where(.group\/list-mcp-page):hover *) {
      color: rgb(var(--color-text-white-rgb));
    }
    .group-hover\/location-value\:fc-800:is(:where(.group\/location-value):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/main-page\:fc-800:is(:where(.group\/main-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/manage-categories\:fc-500:is(:where(.group\/manage-categories):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/manage-users-page\:text-primary-700:is(:where(.group\/manage-users-page):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/message\:visible:is(:where(.group\/message):hover *) {
      visibility: visible;
    }
    .group-hover\/message\:bg-primary:is(:where(.group\/message):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/message\:fc-800:is(:where(.group\/message):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/message-card\:flex:is(:where(.group\/message-card):hover *) {
      display: flex;
    }
    .group-hover\/message-row\:visible:is(:where(.group\/message-row):hover *) {
      visibility: visible;
    }
    .group-hover\/message-row\:flex\!:is(:where(.group\/message-row):hover *) {
      display: flex !important;
    }
    .group-hover\/modal-user\:fc-800:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/modal-user\:fc-white:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-text-white-rgb));
    }
    .group-hover\/modal-user\:text-primary:is(:where(.group\/modal-user):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/nav\:fc-800:is(:where(.group\/nav):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/node-card\:fc-800:is(:where(.group\/node-card):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/node-info-menu\:fc-500:is(:where(.group\/node-info-menu):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/node-preview-page\:text-primary:is(:where(.group\/node-preview-page):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/node-table\:visible:is(:where(.group\/node-table):hover *) {
      visibility: visible;
    }
    .group-hover\/node-table\:flex:is(:where(.group\/node-table):hover *) {
      display: flex;
    }
    .group-hover\/node-table\:hidden:is(:where(.group\/node-table):hover *) {
      display: none;
    }
    .group-hover\/node-table\:fc-500:is(:where(.group\/node-table):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/note\:fc-800:is(:where(.group\/note):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/options\:fc-800:is(:where(.group\/options):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/pin\:text-primary-700:is(:where(.group\/pin):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/popup-property-form\:visible:is(:where(.group\/popup-property-form):hover *) {
      visibility: visible;
    }
    .group-hover\/popup-property-form-2\:invisible:is(:where(.group\/popup-property-form-2):hover *) {
      visibility: hidden;
    }
    .group-hover\/popup-property-form-2\:visible:is(:where(.group\/popup-property-form-2):hover *) {
      visibility: visible;
    }
    .group-hover\/properties\:fc-500:is(:where(.group\/properties):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/properties\:fc-800:is(:where(.group\/properties):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/properties\:text-warn-700:is(:where(.group\/properties):hover *) {
      color: rgb(var(--color-warn-700-rgb));
    }
    .group-hover\/properties-2\:fc-500:is(:where(.group\/properties-2):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/property-card\:flex:is(:where(.group\/property-card):hover *) {
      display: flex;
    }
    .group-hover\/property-location-editor\:fc-800:is(:where(.group\/property-location-editor):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/property-multiple-text-editor\:text-warn:is(:where(.group\/property-multiple-text-editor):hover *) {
      color: rgb(var(--color-warn-rgb));
    }
    .group-hover\/property-operator-selector\:fc-500:is(:where(.group\/property-operator-selector):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/property-options-new\:fc-800:is(:where(.group\/property-options-new):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/property-selection\:fc-500:is(:where(.group\/property-selection):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/radio\:flex:is(:where(.group\/radio):hover *) {
      display: flex;
    }
    .group-hover\/radio\:hidden:is(:where(.group\/radio):hover *) {
      display: none;
    }
    .group-hover\/reasoning\:fc-800:is(:where(.group\/reasoning):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/relationships-page\:flex:is(:where(.group\/relationships-page):hover *) {
      display: flex;
    }
    .group-hover\/relationships-page\:fc-800:is(:where(.group\/relationships-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/report\:fc-800:is(:where(.group\/report):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/report-cell\:flex:is(:where(.group\/report-cell):hover *) {
      display: flex;
    }
    .group-hover\/resolved-section\:invisible:is(:where(.group\/resolved-section):hover *) {
      visibility: hidden;
    }
    .group-hover\/resolved-section\:visible:is(:where(.group\/resolved-section):hover *) {
      visibility: visible;
    }
    .group-hover\/row\:fc-800:is(:where(.group\/row):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/schedule\:fc-800:is(:where(.group\/schedule):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/schedule\:text-primary-700:is(:where(.group\/schedule):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/search-results\:visible:is(:where(.group\/search-results):hover *) {
      visibility: visible;
    }
    .group-hover\/search-results\:bg-fg-800\/3:is(:where(.group\/search-results):hover *) {
      background-color: rgb(var(--color-text-800-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/search-results\:bg-fg-800\/3:is(:where(.group\/search-results):hover *) {
        background-color: color-mix(in oklab, rgb(var(--color-text-800-rgb)) 3%, transparent);
      }
    }
    .group-hover\/security-page\:flex:is(:where(.group\/security-page):hover *) {
      display: flex;
    }
    .group-hover\/security-page\:hidden:is(:where(.group\/security-page):hover *) {
      display: none;
    }
    .group-hover\/select-property\:fc-800:is(:where(.group\/select-property):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/selector\:flex:is(:where(.group\/selector):hover *) {
      display: flex;
    }
    .group-hover\/semantic-question\:visible:is(:where(.group\/semantic-question):hover *) {
      visibility: visible;
    }
    .group-hover\/sidenav-footer\:fc-800:is(:where(.group\/sidenav-footer):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/sidenav-footer\:text-warn:is(:where(.group\/sidenav-footer):hover *) {
      color: rgb(var(--color-warn-rgb));
    }
    .group-hover\/sort\:visible:is(:where(.group\/sort):hover *) {
      visibility: visible;
    }
    .group-hover\/source\:visible:is(:where(.group\/source):hover *) {
      visibility: visible;
    }
    .group-hover\/source\:bg-primary:is(:where(.group\/source):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/source-preview-modal\:bg-primary:is(:where(.group\/source-preview-modal):hover *) {
      background-color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/source-preview-modal\:text-primary:is(:where(.group\/source-preview-modal):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/source-row\:visible:is(:where(.group\/source-row):hover *) {
      visibility: visible;
    }
    .group-hover\/stat-link\:text-primary-700:is(:where(.group\/stat-link):hover *) {
      color: rgb(var(--color-primary-700-rgb));
    }
    .group-hover\/suggested-questions\:fc-400:is(:where(.group\/suggested-questions):hover *) {
      color: rgb(var(--color-text-400-rgb));
    }
    .group-hover\/suggested-questions\:fc-800:is(:where(.group\/suggested-questions):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/table-cell\:flex:is(:where(.group\/table-cell):hover *) {
      display: flex;
    }
    .group-hover\/taxonomies-list-page\:fc-800:is(:where(.group\/taxonomies-list-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/team-card\:text-primary:is(:where(.group\/team-card):hover *) {
      color: rgb(var(--color-primary-rgb));
    }
    .group-hover\/top-elements\:fc-800:is(:where(.group\/top-elements):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/translator\:fc-800:is(:where(.group\/translator):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/update-log\:fc-800:is(:where(.group\/update-log):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/users-row\:flex:is(:where(.group\/users-row):hover *) {
      display: flex;
    }
    .group-hover\/users-row\:fc-500:is(:where(.group\/users-row):hover *) {
      color: rgb(var(--color-text-500-rgb));
    }
    .group-hover\/users-table\:flex:is(:where(.group\/users-table):hover *) {
      display: flex;
    }
    .group-hover\/web-search-options-menu\:fc-800:is(:where(.group\/web-search-options-menu):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/widget-emails-page\:fc-800:is(:where(.group\/widget-emails-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/widget-message-category\:flex:is(:where(.group\/widget-message-category):hover *) {
      display: flex;
    }
    .group-hover\/widget-messages-page\:fc-800:is(:where(.group\/widget-messages-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/widget-statistics-page\:fc-800:is(:where(.group\/widget-statistics-page):hover *) {
      color: rgb(var(--color-text-800-rgb));
    }
    .group-hover\/widget-workspace-selector\:visible:is(:where(.group\/widget-workspace-selector):hover *) {
      visibility: visible;
    }
  }
  .placeholder\:fc-400::placeholder {
    color: rgb(var(--color-text-400-rgb));
  }
  .placeholder\:fc-500\!::placeholder {
    color: rgb(var(--color-text-500-rgb)) !important;
  }
  .placeholder\:opacity-100::placeholder {
    opacity: 100%;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:top-\[var\(--toggler-space\)\]::after {
    content: var(--tw-content);
    top: var(--toggler-space);
  }
  .after\:-bottom-px::after {
    content: var(--tw-content);
    bottom: -1px;
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .after\:left-\[var\(--toggler-space\)\]::after {
    content: var(--tw-content);
    left: var(--toggler-space);
  }
  .after\:aspect-square::after {
    content: var(--tw-content);
    aspect-ratio: 1 / 1;
  }
  .after\:h-\[var\(--toggler-size\)\]::after {
    content: var(--tw-content);
    height: var(--toggler-size);
  }
  .after\:h-px::after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-0::after {
    content: var(--tw-content);
    width: 0px;
  }
  .after\:translate-x-\[calc\(var\(--toggler-size\)_\+_var\(--toggler-space\)\)\]::after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--toggler-size) + var(--toggler-space));
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:\[border-radius\:calc\(\(var\(--toggler-size\)_\+_2\*var\(--toggler-space\)\)\/2\)\]::after {
    content: var(--tw-content);
    border-radius: calc((var(--toggler-size) + 2 * var(--toggler-space)) / 2);
  }
  .after\:bg-190::after {
    content: var(--tw-content);
    background-color: rgb(var(--color-bg-190-rgb));
  }
  .after\:opacity-100::after {
    content: var(--tw-content);
    opacity: 100%;
  }
  .after\:transition-transform::after {
    content: var(--tw-content);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .after\:duration-300::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:\[background\:linear-gradient\(to_right\,_\#5dc0b8\,_\#3b70ae\)\]::after {
    content: var(--tw-content);
    background: linear-gradient(to right, #5dc0b8, #3b70ae);
  }
  .first\:pr-1:first-child {
    padding-right: var(--spacing);
  }
  .last\:pl-1:last-child {
    padding-left: var(--spacing);
  }
  .focus-within\:border:focus-within {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .focus-within\:border-line-230:focus-within {
    border-color: rgb(var(--color-line-230-rgb));
  }
  .focus-within\:border-line-330:focus-within {
    border-color: rgb(var(--color-line-330-rgb));
  }
  .focus-within\:border-line-340:focus-within {
    border-color: rgb(var(--color-line-340-rgb));
  }
  .focus-within\:border-primary:focus-within {
    border-color: rgb(var(--color-primary-rgb));
  }
  @media (hover: hover) {
    .hover\:border-line-230:hover {
      border-color: rgb(var(--color-line-230-rgb));
    }
    .hover\:border-line-330:hover {
      border-color: rgb(var(--color-line-330-rgb));
    }
    .hover\:border-line-340:hover {
      border-color: rgb(var(--color-line-340-rgb));
    }
    .hover\:border-primary:hover {
      border-color: rgb(var(--color-primary-rgb));
    }
    .hover\:border-primary-700:hover {
      border-color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:border-warn:hover {
      border-color: rgb(var(--color-warn-rgb));
    }
    .hover\:border-warn\/20:hover {
      border-color: rgb(var(--color-warn-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-warn\/20:hover {
        border-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-180\/90:hover {
      background-color: rgb(var(--color-bg-180-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-180\/90:hover {
        background-color: color-mix(in oklab, rgb(var(--color-bg-180-rgb)) 90%, transparent);
      }
    }
    .hover\:bg-260:hover {
      background-color: rgb(var(--color-bg-260-rgb));
    }
    .hover\:bg-270:hover {
      background-color: rgb(var(--color-bg-270-rgb));
    }
    .hover\:bg-270\/50:hover {
      background-color: rgb(var(--color-bg-270-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-270\/50:hover {
        background-color: color-mix(in oklab, rgb(var(--color-bg-270-rgb)) 50%, transparent);
      }
    }
    .hover\:bg-280:hover {
      background-color: rgb(var(--color-bg-280-rgb));
    }
    .hover\:bg-360:hover {
      background-color: rgb(var(--color-bg-360-rgb));
    }
    .hover\:bg-370:hover {
      background-color: rgb(var(--color-bg-370-rgb));
    }
    .hover\:bg-380:hover {
      background-color: rgb(var(--color-bg-380-rgb));
    }
    .hover\:bg-460:hover {
      background-color: rgb(var(--color-bg-460-rgb));
    }
    .hover\:bg-470:hover {
      background-color: rgb(var(--color-bg-470-rgb));
    }
    .hover\:bg-primary:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    .hover\:bg-primary-700:hover {
      background-color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:bg-primary-700\/20:hover {
      background-color: rgb(var(--color-primary-700-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-700\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-700-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-primary\/10:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 10%, transparent);
      }
    }
    .hover\:bg-primary\/20:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-primary\/30:hover {
      background-color: rgb(var(--color-primary-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, rgb(var(--color-primary-rgb)) 30%, transparent);
      }
    }
    .hover\:bg-standard-hover:hover {
      background-color: rgba(var(--color-bg-standard-hover-rgb));
    }
    .hover\:bg-warn-500:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    .hover\:bg-warn-500\/10:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn-500\/10:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 10%, transparent);
      }
    }
    .hover\:bg-warn-500\/20:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn-500\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 20%, transparent);
      }
    }
    .hover\:bg-warn-500\/90:hover {
      background-color: rgb(var(--color-warn-500-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn-500\/90:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-500-rgb)) 90%, transparent);
      }
    }
    .hover\:bg-warn-700:hover {
      background-color: rgb(var(--color-warn-700-rgb));
    }
    .hover\:bg-warn\/10:hover {
      background-color: rgb(var(--color-warn-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn\/10:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 10%, transparent);
      }
    }
    .hover\:bg-warn\/20:hover {
      background-color: rgb(var(--color-warn-rgb));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warn\/20:hover {
        background-color: color-mix(in oklab, rgb(var(--color-warn-rgb)) 20%, transparent);
      }
    }
    .hover\:fc-500:hover {
      color: rgb(var(--color-text-500-rgb));
    }
    .hover\:fc-800:hover {
      color: rgb(var(--color-text-800-rgb));
    }
    .hover\:fc-white:hover {
      color: rgb(var(--color-text-white-rgb));
    }
    .hover\:text-primary:hover {
      color: rgb(var(--color-primary-rgb));
    }
    .hover\:text-primary-500:hover {
      color: rgb(var(--color-primary-500-rgb));
    }
    .hover\:text-primary-700:hover {
      color: rgb(var(--color-primary-700-rgb));
    }
    .hover\:text-primary-dark:hover {
      color: rgb(var(--color-primary-dark-rgb));
    }
    .hover\:text-warn:hover {
      color: rgb(var(--color-warn-rgb));
    }
    .hover\:text-warn-500:hover {
      color: rgb(var(--color-warn-500-rgb));
    }
    .hover\:text-warn-700:hover {
      color: rgb(var(--color-warn-700-rgb));
    }
  }
  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .focus\:border-line-340:focus {
    border-color: rgb(var(--color-line-340-rgb));
  }
  .focus\:border-primary:focus {
    border-color: rgb(var(--color-primary-rgb));
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[animation\:none\] {
      animation: none;
    }
    .motion-reduce\:\[background-image\:none\] {
      background-image: none;
    }
    .motion-reduce\:\[background-clip\:border-box\] {
      background-clip: border-box;
    }
    .motion-reduce\:\[color\:var\(--reasoning-shimmer-base\)\] {
      color: var(--reasoning-shimmer-base);
    }
    .motion-reduce\:\[-webkit-text-fill-color\:var\(--reasoning-shimmer-base\)\] {
      -webkit-text-fill-color: var(--reasoning-shimmer-base);
    }
  }
  .desktop\:max-w-desktop:where(:root.screen-desktop *) {
    max-width: var(--size-max-width-desktop);
  }
  .desktop\:text-icon-s:where(:root.screen-desktop *) {
    font-size: var(--fs-icon-s);
    line-height: var(--tw-leading, var(--lh-icon-s));
  }
  .desktop\:\[font-size\:var\(--fs-icon-s\)\]:where(:root.screen-desktop *) {
    font-size: var(--fs-icon-s);
  }
  .desktop\:text-sp-2:where(:root.screen-desktop *) {
    font-size: var(--text-sp-2);
  }
  @media (hover: hover) {
    .can-hover\:invisible {
      visibility: hidden;
    }
    .can-hover\:visible {
      visibility: visible;
    }
    .can-hover\:flex {
      display: flex;
    }
    .can-hover\:hidden {
      display: none;
    }
    .can-hover\:hidden\! {
      display: none !important;
    }
    @media (hover: hover) {
      .can-hover\:group-hover\/message-reactions\:visible:is(:where(.group\/message-reactions):hover *) {
        visibility: visible;
      }
      .can-hover\:group-hover\/prompt\:flex:is(:where(.group\/prompt):hover *) {
        display: flex;
      }
    }
  }
  @media not (hover: hover) {
    .no-hover\:invisible {
      visibility: hidden;
    }
  }
  .hover-always\:bg-primary-500\/20\!:hover {
    background-color: rgb(var(--color-primary-500-rgb)) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(var(--color-primary-500-rgb)) 20%, transparent) !important;
    }
  }
  .hover-always\:bg-standard-hover-inverse:hover {
    background-color: rgba(var(--color-bg-standard-hover-inverse-rgb));
  }
  .hover-always\:bg-transparent:hover {
    background-color: transparent;
  }
  .hover-always\:bg-none\!:hover {
    background-image: none !important;
  }
  .hover-always\:text-primary-500\!:hover {
    color: rgb(var(--color-primary-500-rgb)) !important;
  }
  .hover-always\:underline:hover {
    text-decoration-line: underline;
  }
  .hover-always\:fill-opacity-75:hover {
    fill-opacity: calc(75 * 1%);
  }
  .hover-always\:overlay-standard-hover-170:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-170-rgb));
  }
  .hover-always\:overlay-standard-hover-180:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-180-rgb));
  }
  .hover-always\:overlay-standard-hover-190:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-190-rgb));
  }
  .hover-always\:overlay-standard-hover-270:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-270-rgb));
  }
  .hover-always\:overlay-standard-hover-280:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-280-rgb));
  }
  .hover-always\:overlay-standard-hover-290:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-290-rgb));
  }
  .hover-always\:overlay-standard-hover-460:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-rgb)), rgba(var(--color-bg-standard-hover-rgb))),	rgb(var(--color-bg-460-rgb));
  }
  .hover-always\:overlay-standard-hover-inverse-280-inverse:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-inverse-rgb)), rgba(var(--color-bg-standard-hover-inverse-rgb))),	rgb(var(--color-bg-280-inverse-rgb));
  }
  .hover-always\:overlay-standard-hover-inverse-470-inverse:hover {
    background: linear-gradient(0deg, rgba(var(--color-bg-standard-hover-inverse-rgb)), rgba(var(--color-bg-standard-hover-inverse-rgb))),	rgb(var(--color-bg-470-inverse-rgb));
  }
  .hover-always\:after\:animate-chats-suggested-questions-comet:hover::after {
    content: var(--tw-content);
    animation: var(--animate-chats-suggested-questions-comet);
  }
  @media not (hover: hover) {
    .no-hover\:hover-always\:bg-190\/80:hover {
      background-color: rgb(var(--color-bg-190-rgb));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, rgb(var(--color-bg-190-rgb)) 80%, transparent);
      }
    }
  }
  @media screen and (min-width: 1000px) and (min-height: 700px) {
    .vp-screen-min-w-1000-min-h-700\:block {
      display: block;
    }
    .vp-screen-min-w-1000-min-h-700\:hidden {
      display: none;
    }
    .vp-screen-min-w-1000-min-h-700\:items-start {
      align-items: flex-start;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-center {
      justify-content: center;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-end {
      justify-content: flex-end;
    }
    .vp-screen-min-w-1000-min-h-700\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (max-width: 720px) {
    .vp-max-w-720\:text-sp-3 {
      font-size: var(--text-sp-3);
    }
  }
  @media screen and (max-height: 700px) {
    .vp-screen-max-h-700\:items-center {
      align-items: center;
    }
  }
  @media (max-width: 520px) {
    .vp-max-w-520\:hidden\! {
      display: none !important;
    }
  }
  @media screen and (max-width: 999px) {
    .vp-screen-max-w-999\:items-center {
      align-items: center;
    }
  }
  @media (max-width: 460px) {
    .vp-max-w-460\:text-sp-1\.5 {
      font-size: var(--text-sp-1\.5);
    }
    .vp-max-w-460\:text-sp-1\.75 {
      font-size: var(--text-sp-1\.75);
    }
  }
  @media screen and (min-width: 820px) and (min-height: 600px) {
    .vp-screen-min-w-820-min-h-600\:block {
      display: block;
    }
    .vp-screen-min-w-820-min-h-600\:hidden {
      display: none;
    }
  }
  @media (max-width: 520px) {
    .vp-max-w-520\:\[\&\.header-title-mobile-hidden\]\:hidden\!.header-title-mobile-hidden {
      display: none !important;
    }
  }
  .\[\&\.isMobile\]\:h-auto.isMobile {
    height: auto;
  }
  .\[\&\.list-wrapper--collapsed\]\:overflow-x-hidden.list-wrapper--collapsed {
    overflow-x: hidden;
  }
  .\[\&\:not\(\.popup-footer\)\]\:w-full:not(.popup-footer) {
    width: 100%;
  }
  .copy-button:focus .\[\.copy-button\:focus_\&\]\:hidden\! {
    display: none !important;
  }
  .copy-button:not(:focus) .\[\.copy-button\:not\(\:focus\)_\&\]\:hidden\! {
    display: none !important;
  }
  .hide-left .\[\.hide-left_\&\]\:hidden {
    display: none;
  }
  .hide-left-option .\[\.hide-left-option_\&\]\:hidden {
    display: none;
  }
  .hide-left-option .\[\.hide-left-option_\&\]\:pl-0 {
    padding-left: 0px;
  }
  .hide-right .\[\.hide-right_\&\]\:hidden {
    display: none;
  }
  .hide-right-option .\[\.hide-right-option_\&\]\:hidden {
    display: none;
  }
  .hide-right-option .\[\.hide-right-option_\&\]\:pr-0 {
    padding-right: 0px;
  }
  .mobile .\[\.mobile_\&\]\:rounded-b-0 {
    border-bottom-right-radius: var(--radius-0);
    border-bottom-left-radius: var(--radius-0);
  }
  .no-title-right-padding .\[\.no-title-right-padding_\&\]\:pr-0 {
    padding-right: 0px;
  }
  .options-menu-widget > .\[\.options-menu-widget_\>_\&\]\:first-of-type\:pt-2:first-of-type {
    padding-top: calc(var(--spacing) * 2);
  }
  .workspace-card.unassigned .\[\.workspace-card\.unassigned_\&\]\:bg-transparent {
    background-color: transparent;
  }
  @media (max-height:760px) {
    .\[\@media_\(max-height\:760px\)\]\:h-9\/10 {
      height: calc(9 / 10 * 100%);
    }
    .\[\@media_\(max-height\:760px\)\]\:w-9\/10 {
      width: calc(9 / 10 * 100%);
    }
  }
  @media (max-width:1150px) {
    .\[\@media_\(max-width\:1150px\)\]\:h-9\/10 {
      height: calc(9 / 10 * 100%);
    }
    .\[\@media_\(max-width\:1150px\)\]\:w-9\/10 {
      width: calc(9 / 10 * 100%);
    }
  }
  @media (width > 520px) {
    .\[\@media_\(width_\>_520px\)\]\:hidden\! {
      display: none !important;
    }
  }
  @media screen and (max-width:1000px) {
    .\[\@media_screen_and_\(max-width\:1000px\)\]\:items-center {
      align-items: center;
    }
  }
  @media screen and (max-width:700px) {
    .\[\@media_screen_and_\(max-width\:700px\)\]\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  @media screen and (min-width: 720px) {
    .\[\@media_screen_and_\(min-width\:_720px\)\]\:text-sp-1\.5 {
      font-size: var(--text-sp-1\.5);
    }
  }
}
@layer legacy {
  @keyframes chat-msg-options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes enter-header-title {
    0% {
      opacity: 0;
      filter: blur(3px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes enter-scale {
    0% {
      opacity: 0;
      transform: scale(0.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes enter-up {
    0% {
      opacity: 0;
      filter: blur(4px);
      transform: translateY(40px) scale(0.9);
    }
    50% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes enter-up-fast {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes leave-opacity-1-to-0 {
    0% {
      opacity: 1;
      width: auto;
      margin-left: 8px;
    }
    100% {
      opacity: 0;
      width: 0;
      margin-left: 0;
    }
  }
  @keyframes leave-opacity-1-to-0-500 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes leave-up-bottom-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes leave-up-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  @keyframes message-container-enter {
    0% {
      opacity: 0;
      transform: translateY(30px);
      filter: blur(2px);
      min-height: max(	0px,	calc(	var(--message-enter-end-height, calc(100vh - 190px)) -	var(--message-enter-start-height, 325px)	)	);
    }
    60% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
      min-height: var(--message-enter-end-height, calc(100vh - 190px));
    }
  }
  @keyframes move-backgorund {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }
  @keyframes options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes source-title-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
      max-height: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      max-height: 18px;
      filter: blur(0);
    }
  }
  @keyframes sources-list-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes system-message-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes initial-thinking-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes loaders-line-load {
    0% {
      transform: translateX(-100%);
    }
    100% {
      left: 100%;
      transform: translateX(0%);
    }
  }
  @keyframes chats-suggested-questions-comet {
    0% {
      width: 0;
      opacity: 1;
    }
    100% {
      width: 100%;
      opacity: 0;
    }
  }
}
@layer base {
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.bun/css-loader@7.1.5+c05b2a0896c10152/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!../../node_modules/.bun/postcss-loader@8.2.1+80acb468eec4e2e3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!../../node_modules/.bun/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!../../node_modules/.bun/sass-loader@17.0.1+825f826d51d13c09/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[6].rules[1].use[1]!./client/src/styles-default.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@layer legacy {
  @keyframes hotToastEnter {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  .hot-toast-animated-icon {
    animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards);
    position: var(--hot-toast-animated-icon-position, relative);
    transform: var(--hot-toast-animated-icon-transform, scale(0));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-animated-icon {
      animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
      opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
      transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1));
    }
  }
  @keyframes hotToastCircleAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(45deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(45deg);
    }
  }
  @keyframes hotToastCheckmarkAnimation {
    0% {
      height: 0;
      opacity: 0;
      width: 0;
    }
    40% {
      height: 0;
      opacity: 1;
      width: 6px;
    }
    100% {
      height: 10px;
      opacity: 1;
    }
  }
  .hot-toast-checkmark-icon {
    animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
    border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
    height: var(--hot-toast-checkmark-icon-height, 20px);
    opacity: var(--hot-toast-checkmark-icon-opacity, 0);
    position: var(--hot-toast-checkmark-icon-position, relative);
    transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
    width: var(--hot-toast-checkmark-icon-width, 20px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-checkmark-icon {
      animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-checkmark-icon::after {
    animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
    border-bottom-style: solid;
    border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
    border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
    border-right-style: solid;
    border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
    bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
    box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
    content: var(--hot-toast-checkmark-icon-after-content, "");
    height: var(--hot-toast-checkmark-icon-after-height, 10px);
    left: var(--hot-toast-checkmark-icon-after-left, 6px);
    opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
    position: var(--hot-toast-checkmark-icon-after-position, absolute);
    width: var(--hot-toast-checkmark-icon-after-width, 6px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-checkmark-icon::after {
      animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms);
    }
  }
  @keyframes hotToastErrorCircleAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(45deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(45deg);
    }
  }
  @keyframes hotToastFirstLineAnimation {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes hotToastSecondLineAnimation {
    from {
      opacity: 0;
      transform: scale(0) rotate(90deg);
    }
    to {
      opacity: 1;
      transform: scale(1) rotate(90deg);
    }
  }
  .hot-toast-error-icon {
    animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
    background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
    border-radius: var(--hot-toast-error-icon-border-radius, 10px);
    height: var(--hot-toast-error-icon-height, 20px);
    opacity: var(--hot-toast-error-icon-opacity, 0);
    position: var(--hot-toast-error-icon-position, relative);
    transform: var(--hot-toast-error-icon-transform, rotate(45deg));
    width: var(--hot-toast-error-icon-width, 20px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon {
      animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-error-icon::after,
  .hot-toast-error-icon::before {
    animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards);
    animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
    background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
    border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
    bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
    content: var(--hot-toast-error-icon-after-before-content, "");
    height: var(--hot-toast-error-icon-after-before-height, 2px);
    left: var(--hot-toast-error-icon-after-before-left, 4px);
    opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
    position: var(--hot-toast-error-icon-after-before-position, absolute);
    width: var(--hot-toast-error-icon-after-before-width, 12px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon::after,
    .hot-toast-error-icon::before {
      animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-error-icon::before {
    animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards);
    animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
    transform: var(--hot-toast-error-icon-before-transform, rotate(90deg));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-error-icon::before {
      animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms);
    }
  }
  .hot-toast-bar-base {
    align-items: var(--hot-toast-align-items, center);
    background-color: var(--hot-toast-bg, #fff);
    border-radius: var(--hot-toast-border-radius, 4px);
    box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
    color: var(--hot-toast-color, #363636);
    display: var(--hot-toast-display, flex);
    line-height: var(--hot-toast-line, 1.3);
    margin: var(--hot-toast-margin, 16px);
    max-width: var(--hot-toast-max-width, 350px);
    padding: var(--hot-toast-padding, 8px 10px);
    pointer-events: var(--hot-toast-pointer-events, auto);
    width: var(--hot-toast-width, fit-content);
    transition-property: border-bottom-left-radius, border-bottom-right-radius;
    transition-duration: 230ms;
    transition-timing-function: ease-out;
  }
  .hot-toast-bar-base:hover, .hot-toast-bar-base:focus, .hot-toast-bar-base:focus-within {
    animation-play-state: var(--hot-toast-animation-state, paused) !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-bar-base {
      animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important;
    }
  }
  .expanded .hot-toast-bar-base {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .hot-toast-message {
    color: var(--hot-toast-message-color, inherit);
    display: var(--hot-toast-message-display, flex);
    flex: var(--hot-toast-message-flex, 1);
    justify-content: var(--hot-toast-message-justify-content, center);
    margin: var(--hot-toast-message-margin, 4px 10px);
  }
  .hot-toast-bar-base-container {
    display: var(--hot-toast-container-display, flex);
    pointer-events: var(--hot-toast-container-pointer-events, none);
    position: var(--hot-toast-container-position, absolute);
    transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-bar-base-container {
      transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important;
    }
  }
  .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
    background: var(--hot-toast-snackbar-bg, #323232);
    box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12));
    color: var(--hot-toast-snackbar-color, rgb(255, 255, 255));
  }
  .hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
    filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%));
  }
  .hot-toast-close-btn {
    align-self: var(--hot-toast-close-btn-align-self, flex-start);
    background-color: var(--hot-toast-close-btn-background-color, transparent);
    background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
    background-position: var(--hot-toast-close-btn-background-position, center);
    background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
    background-size: var(--hot-toast-close-btn-background-size, 0.75em);
    border: var(--hot-toast-close-btn-border, 0);
    border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem);
    box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
    display: var(--hot-toast-close-btn-display, flex);
    height: var(--hot-toast-close-btn-height, 0.8em);
    margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
    opacity: var(--hot-toast-close-btn-opacity, 0.5);
    padding: var(--hot-toast-close-btn-padding, 0.25em);
    width: var(--hot-toast-close-btn-width, 0.8em);
  }
  .hot-toast-close-btn:focus {
    box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
    outline: var(--hot-toast-close-btn-outline, none);
  }
  .hot-toast-close-btn:hover, .hot-toast-close-btn:focus {
    opacity: var(--hot-toast-close-btn-opacity, 0.75);
  }
  .hot-toast-group-btn {
    align-self: var(--hot-toast-group-btn-align-self, flex-start);
    background-color: var(--hot-toast-group-btn-background-color, transparent);
    background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E"));
    background-position: var(--hot-toast-group-btn-background-position, center);
    background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat);
    background-size: var(--hot-toast-group-btn-background-size, 1.3em);
    border: var(--hot-toast-group-btn-border, 0);
    border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem);
    box-sizing: var(--hot-toast-group-btn-box-sizing, content-box);
    display: var(--hot-toast-group-btn-display, flex);
    height: var(--hot-toast-group-btn-height, 0.8em);
    margin-top: var(--hot-toast-group-btn-margin-top, 0.25em);
    opacity: var(--hot-toast-group-btn-opacity, 0.5);
    padding: var(--hot-toast-group-btn-padding, 0.25em);
    width: var(--hot-toast-group-btn-width, 0.8em);
    will-change: var(--hot-toast-group-btn-will-change, transform);
    transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
  }
  .hot-toast-group-btn:focus {
    box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
    outline: var(--hot-toast-group-btn-outline, none);
  }
  .hot-toast-group-btn:hover, .hot-toast-group-btn:focus {
    opacity: var(--hot-toast-group-btn-opacity, 0.75);
  }
  .expanded .hot-toast-group-btn {
    transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg));
  }
  .hot-toast-icon {
    align-self: var(--hot-toast-icon-align-self, flex-start);
    padding-top: var(--hot-toast-icon-padding-top, 0.25em);
  }
  .hot-toast-bar-base-wrapper {
    pointer-events: all;
  }
  .hot-toast-bar-base-group {
    --hot-toast-shadow: none;
    background-color: var(--hot-toast-group-bg, #fff);
    margin: var(--hot-toast-margin, 16px);
    margin-top: calc(-1 * var(--hot-toast-margin, 16px));
    border-bottom-left-radius: var(--hot-toast-border-radius, 4px);
    border-bottom-right-radius: var(--hot-toast-border-radius, 4px);
    height: 0;
    overflow: hidden;
    transition-property: height;
    transition-duration: 230ms;
    transition-timing-function: ease-in-out;
    position: relative;
    box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
  }
  .expanded .hot-toast-bar-base-group {
    height: var(--hot-toast-group-height);
  }
  .hot-toast-bar-base-group .hot-toast-bar-base {
    margin: 0;
  }
  @keyframes hotToastEnterAnimationNegative {
    0% {
      opacity: 0.5;
      transform: translate3d(0, -80px, 0) scale(0.6);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes hotToastEnterAnimationPositive {
    0% {
      opacity: 0.5;
      transform: translate3d(0, 80px, 0) scale(0.6);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
    }
  }
  @keyframes hotToastExitAnimationPositive {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px) scale(1);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5);
    }
  }
  @keyframes hotToastExitAnimationNegative {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px) scale(1);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5);
    }
  }
  @keyframes hotToastEnterSoftAnimationNegative {
    0% {
      opacity: 0.5;
      transform: translate3d(0, -14px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes hotToastEnterSoftAnimationPositive {
    0% {
      opacity: 0.5;
      transform: translate3d(0, 14px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes hotToastExitSoftAnimationPositive {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, 14px, -1px);
    }
  }
  @keyframes hotToastExitSoftAnimationNegative {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, -1px);
    }
    100% {
      opacity: 0;
      transform: translate3d(0, -14px, -1px);
    }
  }
  .hot-toast-indicator-wrapper {
    align-items: var(--hot-toast-indicator-wrapper-align-items, center);
    display: var(--hot-toast-indicator-wrapper-display, flex);
    justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
    min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
    min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
    position: var(--hot-toast-indicator-wrapper-position, relative);
  }
  .hot-toast-status-wrapper {
    position: var(--hot-toast-status-wrapper-position, absolute);
  }
  @keyframes animate-info-background {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes animate-info-line {
    0% {
      height: 0;
      opacity: 0;
    }
    40% {
      height: 4.8px;
      opacity: 1;
    }
    100% {
      height: 8px;
      opacity: 1;
    }
  }
  .hot-toast-info-icon {
    animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
    border-radius: var(--hot-toast-info-icon-border-radius, 50%);
    display: var(--hot-toast-info-icon-display, block);
    height: var(--hot-toast-info-icon-height, 20px);
    opacity: var(--hot-toast-info-icon-opacity, 0);
    position: var(--hot-toast-info-icon-position, relative);
    transform: var(--hot-toast-info-icon-transform, scale(0));
    width: var(--hot-toast-info-icon-width, 20px);
  }
  .hot-toast-info-icon::after, .hot-toast-info-icon::before {
    background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
    border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
    box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
    content: var(--hot-toast-info-icon-after-before-content, "");
    display: var(--hot-toast-info-icon-after-before-display, block);
    left: var(--hot-toast-info-icon-after-before-left, 8.5px);
    position: var(--hot-toast-info-icon-after-before-position, absolute);
    width: var(--hot-toast-info-icon-after-before-width, 2.5px);
  }
  .hot-toast-info-icon::after {
    animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
    height: var(--hot-toast-info-icon-after-height, 0);
    opacity: var(--hot-toast-info-icon-after-opacity, 0);
    top: var(--hot-toast-info-icon-after-bottom, 8px);
  }
  .hot-toast-info-icon::before {
    height: var(--hot-toast-info-icon-before-height, 2px);
    top: var(--hot-toast-info-icon-before-top, 4px);
  }
  @keyframes hotToastRotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .hot-toast-loader-icon {
    animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
    border: var(--hot-toast-loader-icon-border, 2px solid);
    border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
    border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
    border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
    box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
    height: var(--hot-toast-loader-icon-height, 18px);
    padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
    width: var(--hot-toast-loader-icon-width, 18px);
  }
  @media (prefers-reduced-motion: reduce) {
    .hot-toast-loader-icon {
      animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s);
    }
  }
  @keyframes animate-warn-background {
    from {
      opacity: 0;
      transform: scale(0);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes animate-warn-line {
    0% {
      height: 0;
      opacity: 0;
    }
    40% {
      height: 4.8px;
      opacity: 1;
    }
    100% {
      height: 8px;
      opacity: 1;
    }
  }
  .hot-toast-warning-icon {
    animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
    animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
    background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
    border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
    display: var(--hot-toast-warning-icon-display, block);
    height: var(--hot-toast-warning-icon-height, 20px);
    opacity: var(--hot-toast-warning-icon-opacity, 0);
    position: var(--hot-toast-warning-icon-position, relative);
    transform: var(--hot-toast-warning-icon-transform, scale(0));
    width: var(--hot-toast-warning-icon-width, 20px);
  }
  .hot-toast-warning-icon::after, .hot-toast-warning-icon::before {
    background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
    border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
    box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
    content: var(--hot-toast-warning-icon-after-before-content, "");
    display: var(--hot-toast-warning-icon-after-before-display, block);
    left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
    position: var(--hot-toast-warning-icon-after-before-position, absolute);
    width: var(--hot-toast-warning-icon-after-before-width, 2.5px);
  }
  .hot-toast-warning-icon::after {
    animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards);
    animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
    height: var(--hot-toast-warning-icon-after-height, 0);
    opacity: var(--hot-toast-warning-icon-after-opacity, 0);
    top: var(--hot-toast-warning-icon-after-top, 4px);
  }
  .hot-toast-warning-icon::before {
    bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
    height: var(--hot-toast-warning-icon-before-height, 2px);
  }
  /* By default, the popover has a padding of 16px and a border style of solid. This is not desired for hot-toast. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:popover-open#examples */
  hot-toast-container[popover] {
    padding: var(--hot-toast-container-padding, 0);
    border-style: var(--hot-toast-container-border-style, none);
  }

  /**
   * okaidia theme for JavaScript, CSS and HTML
   * Loosely based on Monokai textmate theme by http://www.monokai.nl/
   * @author ocodia
   */
  code[class*=language-],
  pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    hyphens: none;
  }
  /* Code blocks */
  pre[class*=language-] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
  }
  :not(pre) > code[class*=language-],
  pre[class*=language-] {
    background: #272822;
  }
  /* Inline code */
  :not(pre) > code[class*=language-] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
  }
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #8292a2;
  }
  .token.punctuation {
    color: #f8f8f2;
  }
  .token.namespace {
    opacity: 0.7;
  }
  .token.property,
  .token.tag,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: #f92672;
  }
  .token.boolean,
  .token.number {
    color: #ae81ff;
  }
  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: #a6e22e;
  }
  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string,
  .token.variable {
    color: #f8f8f2;
  }
  .token.atrule,
  .token.attr-value,
  .token.function,
  .token.class-name {
    color: #e6db74;
  }
  .token.keyword {
    color: #66d9ef;
  }
  .token.regex,
  .token.important {
    color: #fd971f;
  }
  .token.important,
  .token.bold {
    font-weight: bold;
  }
  .token.italic {
    font-style: italic;
  }
  .token.entity {
    cursor: help;
  }
  pre[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
  }
  pre[class*=language-].line-numbers > code {
    position: relative;
    white-space: inherit;
  }
  .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    user-select: none;
  }
  .line-numbers-rows > span {
    display: block;
    counter-increment: linenumber;
  }
  .line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
  }
  /* AppPrimary maps to Inter files on default / assets-default builds. Loaded before ng-common index. */
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 100;
    src: url('inter-v20-latin-100.b447814dc676cec1.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 100;
    src: url('inter-v20-latin-100italic.5dc18a0c0da48e41.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 200;
    src: url('inter-v20-latin-200.96be080130d6f32c.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 200;
    src: url('inter-v20-latin-200italic.48138d5a17259a3e.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 300;
    src: url('inter-v20-latin-300.15fb600d42056579.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 300;
    src: url('inter-v20-latin-300italic.c7f0fb8f1284c686.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 400;
    src: url('inter-v20-latin-regular.ef6d3f52c547a6e3.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 400;
    src: url('inter-v20-latin-italic.d5390949c79b867c.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 500;
    src: url('inter-v20-latin-500.b7b43acee81d05a8.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 500;
    src: url('inter-v20-latin-500italic.091c03e5d6ea6d84.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 600;
    src: url('inter-v20-latin-600.8fb1a96451cec840.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 600;
    src: url('inter-v20-latin-600italic.4a0ad145d59630d5.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 700;
    src: url('inter-v20-latin-700.953b7aa585d36a2b.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 700;
    src: url('inter-v20-latin-700italic.235e1413f94eb7df.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 800;
    src: url('inter-v20-latin-800.95045d685be8648f.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 800;
    src: url('inter-v20-latin-800italic.4a37329c50c695ff.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: normal;
    font-weight: 900;
    src: url('inter-v20-latin-900.2a8028ec716097bf.woff2') format("woff2");
  }
  @font-face {
    font-family: "AppPrimary";
    font-style: italic;
    font-weight: 900;
    src: url('inter-v20-latin-900italic.dd3549483dc85426.woff2') format("woff2");
  }
  .cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cdk-overlay-container {
    position: fixed;
    z-index: 1000;
  }
  .cdk-overlay-container:empty {
    display: none;
  }
  .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
  }
  .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    max-height: 100%;
    z-index: 1000;
  }
  .cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    touch-action: manipulation;
    z-index: 1000;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  @media (prefers-reduced-motion) {
    .cdk-overlay-backdrop {
      transition-duration: 1ms;
    }
  }
  .cdk-overlay-backdrop-showing {
    opacity: 1;
  }
  @media (forced-colors: active) {
    .cdk-overlay-backdrop-showing {
      opacity: 0.6;
    }
  }
  .cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
  }
  .cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1;
  }
  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
    opacity: 0;
    visibility: visible;
  }
  .cdk-overlay-backdrop-noop-animation {
    transition: none;
  }
  .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
    z-index: 1000;
  }
  .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
  }
  .cdk-overlay-popover {
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    overflow: visible;
    position: fixed;
    pointer-events: none;
    white-space: normal;
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    inset: auto;
    top: 0;
    left: 0;
  }
  .cdk-overlay-popover::backdrop {
    display: none;
  }
  .cdk-overlay-popover .cdk-overlay-backdrop {
    position: fixed;
    z-index: auto;
  }
  html {
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0, 0, 0, 0.87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  html {
    --mat-option-selected-state-label-text-color: #48a1ee;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  .mat-accent {
    --mat-option-selected-state-label-text-color: #8bc34a;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  .mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  }
  html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-pseudo-checkbox-full-selected-icon-color: #8bc34a;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8bc34a;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-primary {
    --mat-pseudo-checkbox-full-selected-icon-color: #48a1ee;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #48a1ee;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-accent {
    --mat-pseudo-checkbox-full-selected-icon-color: #8bc34a;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8bc34a;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-warn {
    --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: 0.03125em;
    --mat-option-label-text-weight: 400;
  }
  html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: 0.03125em;
    --mat-optgroup-label-text-weight: 400;
  }
  html {
    --mat-card-elevated-container-shape: 4px;
    --mat-card-outlined-container-shape: 4px;
    --mat-card-filled-container-shape: 4px;
    --mat-card-outlined-outline-width: 1px;
  }
  html {
    --mat-card-elevated-container-color: white;
    --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-container-color: white;
    --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
    --mat-card-filled-container-color: white;
    --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: 0.0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: 0.0071428571em;
    --mat-card-subtitle-text-weight: 500;
  }
  html {
    --mat-progress-bar-active-indicator-height: 4px;
    --mat-progress-bar-track-height: 4px;
    --mat-progress-bar-track-shape: 0;
  }
  .mat-mdc-progress-bar {
    --mat-progress-bar-active-indicator-color: #48a1ee;
    --mat-progress-bar-track-color: rgba(72, 161, 238, 0.25);
  }
  .mat-mdc-progress-bar.mat-accent {
    --mat-progress-bar-active-indicator-color: #8bc34a;
    --mat-progress-bar-track-color: rgba(139, 195, 74, 0.25);
  }
  .mat-mdc-progress-bar.mat-warn {
    --mat-progress-bar-active-indicator-color: #f44336;
    --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
  }
  html {
    --mat-tooltip-container-shape: 4px;
    --mat-tooltip-supporting-text-line-height: 16px;
  }
  html {
    --mat-tooltip-container-color: #424242;
    --mat-tooltip-supporting-text-color: white;
  }
  html {
    --mat-tooltip-supporting-text-font: Roboto, sans-serif;
    --mat-tooltip-supporting-text-size: 12px;
    --mat-tooltip-supporting-text-weight: 400;
    --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  }
  html {
    --mat-form-field-filled-active-indicator-height: 1px;
    --mat-form-field-filled-focus-active-indicator-height: 2px;
    --mat-form-field-filled-container-shape: 4px;
    --mat-form-field-outlined-outline-width: 1px;
    --mat-form-field-outlined-focus-outline-width: 2px;
    --mat-form-field-outlined-container-shape: 4px;
  }
  html {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-filled-caret-color: #48a1ee;
    --mat-form-field-filled-focus-active-indicator-color: #48a1ee;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-outlined-caret-color: #48a1ee;
    --mat-form-field-outlined-focus-outline-color: #48a1ee;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #48a1ee 87%, transparent);
    --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-hover-state-layer-opacity: 0.04;
    --mat-form-field-focus-state-layer-opacity: 0.12;
    --mat-form-field-filled-container-color: #f6f6f6;
    --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-error-hover-label-text-color: #f44336;
    --mat-form-field-filled-error-focus-label-text-color: #f44336;
    --mat-form-field-filled-error-label-text-color: #f44336;
    --mat-form-field-filled-error-caret-color: #f44336;
    --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-filled-error-active-indicator-color: #f44336;
    --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
    --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
    --mat-form-field-outlined-error-caret-color: #f44336;
    --mat-form-field-outlined-error-focus-label-text-color: #f44336;
    --mat-form-field-outlined-error-label-text-color: #f44336;
    --mat-form-field-outlined-error-hover-label-text-color: #f44336;
    --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
    --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
    --mat-form-field-outlined-error-focus-outline-color: #f44336;
    --mat-form-field-outlined-error-hover-outline-color: #f44336;
    --mat-form-field-outlined-error-outline-color: #f44336;
  }
  .mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #8bc34a 87%, transparent);
    --mat-form-field-filled-caret-color: #8bc34a;
    --mat-form-field-filled-focus-active-indicator-color: #8bc34a;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #8bc34a 87%, transparent);
    --mat-form-field-outlined-caret-color: #8bc34a;
    --mat-form-field-outlined-focus-outline-color: #8bc34a;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #8bc34a 87%, transparent);
  }
  .mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-filled-caret-color: #f44336;
    --mat-form-field-filled-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-outlined-caret-color: #f44336;
    --mat-form-field-outlined-focus-outline-color: #f44336;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  }
  html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  }
  html {
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: 0.03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: 0.0333333333em;
    --mat-form-field-subscript-text-weight: 400;
    --mat-form-field-filled-label-text-font: Roboto, sans-serif;
    --mat-form-field-filled-label-text-size: 16px;
    --mat-form-field-filled-label-text-tracking: 0.03125em;
    --mat-form-field-filled-label-text-weight: 400;
    --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
    --mat-form-field-outlined-label-text-size: 16px;
    --mat-form-field-outlined-label-text-tracking: 0.03125em;
    --mat-form-field-outlined-label-text-weight: 400;
  }
  html {
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #48a1ee;
    --mat-select-invalid-arrow-color: #f44336;
  }
  .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #8bc34a;
    --mat-select-invalid-arrow-color: #f44336;
  }
  .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-select-focused-arrow-color: #f44336;
    --mat-select-invalid-arrow-color: #f44336;
  }
  html {
    --mat-select-arrow-transform: translateY(-8px);
  }
  html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: 0.03125em;
    --mat-select-trigger-text-weight: 400;
  }
  html {
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-autocomplete-background-color: white;
  }
  html {
    --mat-dialog-container-shape: 4px;
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px;
  }
  html {
    --mat-dialog-container-color: white;
    --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
    --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  }
  html {
    --mat-dialog-subhead-font: Roboto, sans-serif;
    --mat-dialog-subhead-line-height: 32px;
    --mat-dialog-subhead-size: 20px;
    --mat-dialog-subhead-weight: 500;
    --mat-dialog-subhead-tracking: 0.0125em;
    --mat-dialog-supporting-text-font: Roboto, sans-serif;
    --mat-dialog-supporting-text-line-height: 24px;
    --mat-dialog-supporting-text-size: 16px;
    --mat-dialog-supporting-text-weight: 400;
    --mat-dialog-supporting-text-tracking: 0.03125em;
  }
  .mat-mdc-standard-chip {
    --mat-chip-container-shape-radius: 16px;
    --mat-chip-disabled-container-opacity: 0.4;
    --mat-chip-disabled-outline-color: transparent;
    --mat-chip-flat-selected-outline-width: 0;
    --mat-chip-focus-outline-color: transparent;
    --mat-chip-hover-state-layer-opacity: 0.04;
    --mat-chip-outline-color: transparent;
    --mat-chip-outline-width: 0;
    --mat-chip-selected-hover-state-layer-opacity: 0.04;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-opacity: 0.54;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-with-avatar-avatar-shape-radius: 14px;
    --mat-chip-with-avatar-avatar-size: 28px;
    --mat-chip-with-avatar-disabled-avatar-opacity: 1;
    --mat-chip-with-icon-disabled-icon-opacity: 1;
    --mat-chip-with-icon-icon-size: 18px;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  }
  .mat-mdc-standard-chip {
    --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-disabled-label-text-color: var(--color-text-800);
    --mat-chip-elevated-container-color: #48a1ee;
    --mat-chip-elevated-disabled-container-color: #48a1ee;
    --mat-chip-elevated-selected-container-color: #48a1ee;
    --mat-chip-flat-disabled-selected-container-color: #48a1ee;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: var(--color-text-800);
    --mat-chip-selected-disabled-trailing-icon-color: var(--color-text-800);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: var(--color-text-800);
    --mat-chip-selected-trailing-icon-color: var(--color-text-800);
    --mat-chip-with-icon-disabled-icon-color: var(--color-text-800);
    --mat-chip-with-icon-icon-color: var(--color-text-800);
    --mat-chip-with-icon-selected-icon-color: var(--color-text-800);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--color-text-800);
    --mat-chip-with-trailing-icon-trailing-icon-color: var(--color-text-800);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-elevated-container-color: #8bc34a;
    --mat-chip-elevated-disabled-container-color: #8bc34a;
    --mat-chip-elevated-selected-container-color: #8bc34a;
    --mat-chip-flat-disabled-selected-container-color: #8bc34a;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-disabled-label-text-color: white;
    --mat-chip-elevated-container-color: #f44336;
    --mat-chip-elevated-disabled-container-color: #f44336;
    --mat-chip-elevated-selected-container-color: #f44336;
    --mat-chip-flat-disabled-selected-container-color: #f44336;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-chip-label-text-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-focus-state-layer-color: 0.12;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: 0.04;
    --mat-chip-selected-label-text-color: white;
    --mat-chip-selected-trailing-icon-color: white;
    --mat-chip-with-icon-disabled-icon-color: white;
    --mat-chip-with-icon-icon-color: white;
    --mat-chip-with-icon-selected-icon-color: white;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mat-chip-with-trailing-icon-trailing-icon-color: white;
  }
  .mat-mdc-chip.mat-mdc-standard-chip {
    --mat-chip-container-height: 32px;
  }
  .mat-mdc-standard-chip {
    --mat-chip-label-text-font: Roboto, sans-serif;
    --mat-chip-label-text-line-height: 20px;
    --mat-chip-label-text-size: 14px;
    --mat-chip-label-text-tracking: 0.0178571429em;
    --mat-chip-label-text-weight: 400;
  }
  html {
    --mat-slide-toggle-disabled-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
    --mat-slide-toggle-disabled-track-opacity: 0.12;
    --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
    --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
    --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
    --mat-slide-toggle-handle-height: 20px;
    --mat-slide-toggle-handle-shape: 10px;
    --mat-slide-toggle-handle-width: 20px;
    --mat-slide-toggle-hidden-track-opacity: 1;
    --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    --mat-slide-toggle-pressed-handle-size: 20px;
    --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-handle-size: 20px;
    --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
    --mat-slide-toggle-selected-icon-size: 18px;
    --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-track-outline-width: 1px;
    --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-track-height: 14px;
    --mat-slide-toggle-track-outline-width: 1px;
    --mat-slide-toggle-track-shape: 7px;
    --mat-slide-toggle-track-width: 36px;
    --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-handle-size: 20px;
    --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-icon-size: 18px;
    --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
    --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-visible-track-opacity: 1;
    --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
    --mat-slide-toggle-with-icon-handle-size: 20px;
    --mat-slide-toggle-touch-target-size: 48px;
  }
  html {
    --mat-slide-toggle-selected-icon-color: var(--color-text-800);
    --mat-slide-toggle-disabled-selected-icon-color: var(--color-text-800);
    --mat-slide-toggle-selected-focus-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-handle-color: #48a1ee;
    --mat-slide-toggle-selected-hover-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-state-layer-color: #48a1ee;
    --mat-slide-toggle-selected-focus-handle-color: #48a1ee;
    --mat-slide-toggle-selected-hover-handle-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-handle-color: #48a1ee;
    --mat-slide-toggle-selected-focus-track-color: #48a1ee;
    --mat-slide-toggle-selected-hover-track-color: #48a1ee;
    --mat-slide-toggle-selected-pressed-track-color: #48a1ee;
    --mat-slide-toggle-selected-track-color: #48a1ee;
    --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
    --mat-slide-toggle-selected-track-outline-color: transparent;
    --mat-slide-toggle-track-outline-color: transparent;
    --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-handle-surface-color: white;
    --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-hover-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
    --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-pressed-handle-color: #424242;
    --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
    --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  }
  .mat-mdc-slide-toggle.mat-accent {
    --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-slide-toggle-selected-focus-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-handle-color: #8bc34a;
    --mat-slide-toggle-selected-hover-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-pressed-state-layer-color: #8bc34a;
    --mat-slide-toggle-selected-focus-handle-color: #8bc34a;
    --mat-slide-toggle-selected-hover-handle-color: #8bc34a;
    --mat-slide-toggle-selected-pressed-handle-color: #8bc34a;
    --mat-slide-toggle-selected-focus-track-color: #aed581;
    --mat-slide-toggle-selected-hover-track-color: #aed581;
    --mat-slide-toggle-selected-pressed-track-color: #aed581;
    --mat-slide-toggle-selected-track-color: #aed581;
  }
  .mat-mdc-slide-toggle.mat-warn {
    --mat-slide-toggle-selected-icon-color: white;
    --mat-slide-toggle-disabled-selected-icon-color: white;
    --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
    --mat-slide-toggle-selected-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
    --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
    --mat-slide-toggle-selected-focus-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-handle-color: #f44336;
    --mat-slide-toggle-selected-pressed-handle-color: #f44336;
    --mat-slide-toggle-selected-focus-track-color: #e57373;
    --mat-slide-toggle-selected-hover-track-color: #e57373;
    --mat-slide-toggle-selected-pressed-track-color: #e57373;
    --mat-slide-toggle-selected-track-color: #e57373;
  }
  html {
    --mat-slide-toggle-state-layer-size: 40px;
    --mat-slide-toggle-touch-target-display: block;
  }
  html {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: 0.0178571429em;
    --mat-slide-toggle-label-text-weight: 400;
  }
  html .mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: 0.0178571429em;
    --mat-slide-toggle-label-text-weight: 400;
  }
  html {
    --mat-radio-disabled-selected-icon-opacity: 0.38;
    --mat-radio-disabled-unselected-icon-opacity: 0.38;
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-size: 48px;
  }
  .mat-mdc-radio-button.mat-primary {
    --mat-radio-checked-ripple-color: #48a1ee;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #48a1ee;
    --mat-radio-selected-hover-icon-color: #48a1ee;
    --mat-radio-selected-icon-color: #48a1ee;
    --mat-radio-selected-pressed-icon-color: #48a1ee;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-radio-button.mat-accent {
    --mat-radio-checked-ripple-color: #8bc34a;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #8bc34a;
    --mat-radio-selected-hover-icon-color: #8bc34a;
    --mat-radio-selected-icon-color: #8bc34a;
    --mat-radio-selected-pressed-icon-color: #8bc34a;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-radio-button.mat-warn {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
  }
  html {
    --mat-radio-label-text-font: Roboto, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: 0.0178571429em;
    --mat-radio-label-text-weight: 400;
  }
  html {
    --mat-slider-active-track-height: 6px;
    --mat-slider-active-track-shape: 9999px;
    --mat-slider-handle-height: 20px;
    --mat-slider-handle-shape: 50%;
    --mat-slider-handle-width: 20px;
    --mat-slider-inactive-track-height: 4px;
    --mat-slider-inactive-track-shape: 9999px;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-container-transform: translateX(-50%);
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-width: auto;
    --mat-slider-with-overlap-handle-outline-width: 1px;
    --mat-slider-with-tick-marks-active-container-opacity: 0.6;
    --mat-slider-with-tick-marks-container-shape: 50%;
    --mat-slider-with-tick-marks-container-size: 2px;
    --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
    --mat-slider-value-indicator-transform-origin: bottom;
  }
  html {
    --mat-slider-active-track-color: #48a1ee;
    --mat-slider-focus-handle-color: #48a1ee;
    --mat-slider-handle-color: #48a1ee;
    --mat-slider-hover-handle-color: #48a1ee;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #48a1ee 4%, transparent);
    --mat-slider-inactive-track-color: #48a1ee;
    --mat-slider-ripple-color: #48a1ee;
    --mat-slider-with-tick-marks-active-container-color: var(--color-text-800);
    --mat-slider-with-tick-marks-inactive-container-color: #48a1ee;
    --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
    --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
    --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
    --mat-slider-label-container-color: #424242;
    --mat-slider-label-label-text-color: white;
    --mat-slider-value-indicator-opacity: 1;
    --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
    --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  }
  .mat-accent {
    --mat-slider-active-track-color: #8bc34a;
    --mat-slider-focus-handle-color: #8bc34a;
    --mat-slider-handle-color: #8bc34a;
    --mat-slider-hover-handle-color: #8bc34a;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #8bc34a 4%, transparent);
    --mat-slider-inactive-track-color: #8bc34a;
    --mat-slider-ripple-color: #8bc34a;
    --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
    --mat-slider-with-tick-marks-inactive-container-color: #8bc34a;
  }
  .mat-warn {
    --mat-slider-active-track-color: #f44336;
    --mat-slider-focus-handle-color: #f44336;
    --mat-slider-handle-color: #f44336;
    --mat-slider-hover-handle-color: #f44336;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-slider-inactive-track-color: #f44336;
    --mat-slider-ripple-color: #f44336;
    --mat-slider-with-tick-marks-active-container-color: white;
    --mat-slider-with-tick-marks-inactive-container-color: #f44336;
  }
  html {
    --mat-slider-label-label-text-font: Roboto, sans-serif;
    --mat-slider-label-label-text-size: 14px;
    --mat-slider-label-label-text-line-height: 22px;
    --mat-slider-label-label-text-tracking: 0.0071428571em;
    --mat-slider-label-label-text-weight: 500;
  }
  html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
    --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: 0.03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400;
  }
  html {
    --mat-list-active-indicator-shape: 4px;
    --mat-list-list-item-container-shape: 0;
    --mat-list-list-item-leading-avatar-shape: 50%;
    --mat-list-list-item-leading-icon-size: 24px;
    --mat-list-list-item-leading-avatar-size: 40px;
    --mat-list-list-item-trailing-icon-size: 24px;
    --mat-list-list-item-disabled-state-layer-opacity: 0;
    --mat-list-list-item-disabled-label-text-opacity: 0.38;
    --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
    --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  }
  html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-list-item-container-color: transparent;
    --mat-list-list-item-selected-container-color: transparent;
    --mat-list-list-item-leading-avatar-color: transparent;
    --mat-list-list-item-disabled-state-layer-color: transparent;
    --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-hover-state-layer-opacity: 0.04;
    --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
    --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-list-list-item-focus-state-layer-opacity: 0.12;
  }
  .mdc-list-item__start,
  .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #48a1ee;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #48a1ee;
    --mat-radio-selected-hover-icon-color: #48a1ee;
    --mat-radio-selected-icon-color: #48a1ee;
    --mat-radio-selected-pressed-icon-color: #48a1ee;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-accent .mdc-list-item__start,
  .mat-accent .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #8bc34a;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #8bc34a;
    --mat-radio-selected-hover-icon-color: #8bc34a;
    --mat-radio-selected-icon-color: #8bc34a;
    --mat-radio-selected-pressed-icon-color: #8bc34a;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-warn .mdc-list-item__start,
  .mat-warn .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: var(--color-text-800);
    --mat-checkbox-selected-focus-icon-color: #48a1ee;
    --mat-checkbox-selected-hover-icon-color: #48a1ee;
    --mat-checkbox-selected-icon-color: #48a1ee;
    --mat-checkbox-selected-pressed-icon-color: #48a1ee;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #48a1ee;
    --mat-checkbox-selected-hover-state-layer-color: #48a1ee;
    --mat-checkbox-selected-pressed-state-layer-color: #48a1ee;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option.mat-accent {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-selected-focus-icon-color: #8bc34a;
    --mat-checkbox-selected-hover-icon-color: #8bc34a;
    --mat-checkbox-selected-icon-color: #8bc34a;
    --mat-checkbox-selected-pressed-icon-color: #8bc34a;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #8bc34a;
    --mat-checkbox-selected-hover-state-layer-color: #8bc34a;
    --mat-checkbox-selected-pressed-state-layer-color: #8bc34a;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-option.mat-warn {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
  .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #48a1ee;
  }
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
  .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1;
  }
  html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px;
    --mat-list-list-item-one-line-container-height: 48px;
    --mat-list-list-item-two-line-container-height: 64px;
    --mat-list-list-item-three-line-container-height: 88px;
  }
  .mdc-list-item__start,
  .mdc-list-item__end {
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
  }
  .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px;
  }
  .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px;
  }
  html {
    --mat-list-list-item-label-text-font: Roboto, sans-serif;
    --mat-list-list-item-label-text-line-height: 24px;
    --mat-list-list-item-label-text-size: 16px;
    --mat-list-list-item-label-text-tracking: 0.03125em;
    --mat-list-list-item-label-text-weight: 400;
    --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mat-list-list-item-supporting-text-line-height: 20px;
    --mat-list-list-item-supporting-text-size: 14px;
    --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
    --mat-list-list-item-supporting-text-weight: 400;
    --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mat-list-list-item-trailing-supporting-text-line-height: 20px;
    --mat-list-list-item-trailing-supporting-text-size: 12px;
    --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
    --mat-list-list-item-trailing-supporting-text-weight: 400;
  }
  .mdc-list-group__subheader {
    font: 400 16px / 28px Roboto, sans-serif;
    letter-spacing: 0.009375em;
  }
  html {
    --mat-paginator-page-size-select-width: 84px;
    --mat-paginator-page-size-select-touch-target-height: 48px;
  }
  html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
    --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block;
  }
  html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: 0.0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px;
  }
  html {
    --mat-tab-container-height: 48px;
    --mat-tab-divider-color: transparent;
    --mat-tab-divider-height: 0;
    --mat-tab-active-indicator-height: 2px;
    --mat-tab-active-indicator-shape: 0;
  }
  .mat-mdc-tab-group,
  .mat-mdc-tab-nav-bar {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #48a1ee;
    --mat-tab-active-ripple-color: #48a1ee;
    --mat-tab-inactive-ripple-color: #48a1ee;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #48a1ee;
    --mat-tab-active-hover-label-text-color: #48a1ee;
    --mat-tab-active-focus-indicator-color: #48a1ee;
    --mat-tab-active-hover-indicator-color: #48a1ee;
    --mat-tab-active-indicator-color: #48a1ee;
  }
  .mat-mdc-tab-group.mat-accent,
  .mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #8bc34a;
    --mat-tab-active-ripple-color: #8bc34a;
    --mat-tab-inactive-ripple-color: #8bc34a;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #8bc34a;
    --mat-tab-active-hover-label-text-color: #8bc34a;
    --mat-tab-active-focus-indicator-color: #8bc34a;
    --mat-tab-active-hover-indicator-color: #8bc34a;
    --mat-tab-active-indicator-color: #8bc34a;
  }
  .mat-mdc-tab-group.mat-warn,
  .mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-label-text-color: #f44336;
    --mat-tab-active-ripple-color: #f44336;
    --mat-tab-inactive-ripple-color: #f44336;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-tab-active-focus-label-text-color: #f44336;
    --mat-tab-active-hover-label-text-color: #f44336;
    --mat-tab-active-focus-indicator-color: #f44336;
    --mat-tab-active-hover-indicator-color: #f44336;
    --mat-tab-active-indicator-color: #f44336;
  }
  .mat-mdc-tab-group.mat-background-primary,
  .mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-background-color: #48a1ee;
    --mat-tab-foreground-color: var(--color-text-800);
  }
  .mat-mdc-tab-group.mat-background-accent,
  .mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-background-color: #8bc34a;
    --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-tab-group.mat-background-warn,
  .mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-background-color: #f44336;
    --mat-tab-foreground-color: white;
  }
  .mat-mdc-tab-header {
    --mat-tab-container-height: 48px;
  }
  .mat-mdc-tab-header {
    --mat-tab-label-text-font: Roboto, sans-serif;
    --mat-tab-label-text-size: 14px;
    --mat-tab-label-text-tracking: 0.0892857143em;
    --mat-tab-label-text-line-height: 36px;
    --mat-tab-label-text-weight: 500;
  }
  html {
    --mat-checkbox-disabled-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
    --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
    --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
    --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
    --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
    --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
    --mat-checkbox-touch-target-size: 48px;
  }
  html {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-selected-focus-icon-color: #8bc34a;
    --mat-checkbox-selected-hover-icon-color: #8bc34a;
    --mat-checkbox-selected-icon-color: #8bc34a;
    --mat-checkbox-selected-pressed-icon-color: #8bc34a;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #8bc34a;
    --mat-checkbox-selected-hover-state-layer-color: #8bc34a;
    --mat-checkbox-selected-pressed-state-layer-color: #8bc34a;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-checkbox.mat-primary {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: var(--color-text-800);
    --mat-checkbox-selected-focus-icon-color: #48a1ee;
    --mat-checkbox-selected-hover-icon-color: #48a1ee;
    --mat-checkbox-selected-icon-color: #48a1ee;
    --mat-checkbox-selected-pressed-icon-color: #48a1ee;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #48a1ee;
    --mat-checkbox-selected-hover-state-layer-color: #48a1ee;
    --mat-checkbox-selected-pressed-state-layer-color: #48a1ee;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-checkbox.mat-warn {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-checkbox-touch-target-display: block;
    --mat-checkbox-state-layer-size: 40px;
  }
  html {
    --mat-checkbox-label-text-font: Roboto, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: 0.0178571429em;
    --mat-checkbox-label-text-weight: 400;
  }
  html {
    --mat-button-filled-container-shape: 4px;
    --mat-button-filled-horizontal-padding: 16px;
    --mat-button-filled-icon-offset: -4px;
    --mat-button-filled-icon-spacing: 8px;
    --mat-button-filled-touch-target-size: 48px;
    --mat-button-outlined-container-shape: 4px;
    --mat-button-outlined-horizontal-padding: 15px;
    --mat-button-outlined-icon-offset: -4px;
    --mat-button-outlined-icon-spacing: 8px;
    --mat-button-outlined-keep-touch-target: false;
    --mat-button-outlined-outline-width: 1px;
    --mat-button-outlined-touch-target-size: 48px;
    --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-container-shape: 4px;
    --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-horizontal-padding: 16px;
    --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-icon-offset: -4px;
    --mat-button-protected-icon-spacing: 8px;
    --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-button-protected-touch-target-size: 48px;
    --mat-button-text-container-shape: 4px;
    --mat-button-text-horizontal-padding: 8px;
    --mat-button-text-icon-offset: 0;
    --mat-button-text-icon-spacing: 8px;
    --mat-button-text-with-icon-horizontal-padding: 8px;
    --mat-button-text-touch-target-size: 48px;
    --mat-button-tonal-container-shape: 4px;
    --mat-button-tonal-horizontal-padding: 16px;
    --mat-button-tonal-icon-offset: -4px;
    --mat-button-tonal-icon-spacing: 8px;
    --mat-button-tonal-touch-target-size: 48px;
  }
  html {
    --mat-button-filled-container-color: white;
    --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-filled-focus-state-layer-opacity: 0.12;
    --mat-button-filled-hover-state-layer-opacity: 0.04;
    --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-filled-pressed-state-layer-opacity: 0.12;
    --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-outlined-focus-state-layer-opacity: 0.12;
    --mat-button-outlined-hover-state-layer-opacity: 0.04;
    --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-pressed-state-layer-opacity: 0.12;
    --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-container-color: white;
    --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-protected-focus-state-layer-opacity: 0.12;
    --mat-button-protected-hover-state-layer-opacity: 0.04;
    --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-pressed-state-layer-opacity: 0.12;
    --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-text-focus-state-layer-opacity: 0.12;
    --mat-button-text-hover-state-layer-opacity: 0.04;
    --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-pressed-state-layer-opacity: 0.12;
    --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-container-color: white;
    --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-button-tonal-focus-state-layer-opacity: 0.12;
    --mat-button-tonal-hover-state-layer-opacity: 0.04;
    --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-pressed-state-layer-opacity: 0.12;
    --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-button.mat-primary,
  .mat-mdc-unelevated-button.mat-primary,
  .mat-mdc-raised-button.mat-primary,
  .mat-mdc-outlined-button.mat-primary,
  .mat-tonal-button.mat-primary {
    --mat-button-filled-container-color: #48a1ee;
    --mat-button-filled-label-text-color: var(--color-text-800);
    --mat-button-filled-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-filled-state-layer-color: var(--color-text-800);
    --mat-button-outlined-label-text-color: #48a1ee;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-button-outlined-state-layer-color: #48a1ee;
    --mat-button-protected-container-color: #48a1ee;
    --mat-button-protected-label-text-color: var(--color-text-800);
    --mat-button-protected-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-protected-state-layer-color: var(--color-text-800);
    --mat-button-text-label-text-color: #48a1ee;
    --mat-button-text-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-button-text-state-layer-color: #48a1ee;
    --mat-button-tonal-container-color: #48a1ee;
    --mat-button-tonal-label-text-color: var(--color-text-800);
    --mat-button-tonal-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-button-tonal-state-layer-color: var(--color-text-800);
  }
  .mat-mdc-button.mat-accent,
  .mat-mdc-unelevated-button.mat-accent,
  .mat-mdc-raised-button.mat-accent,
  .mat-mdc-outlined-button.mat-accent,
  .mat-tonal-button.mat-accent {
    --mat-button-filled-container-color: #8bc34a;
    --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-outlined-label-text-color: #8bc34a;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-button-outlined-state-layer-color: #8bc34a;
    --mat-button-protected-container-color: #8bc34a;
    --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-text-label-text-color: #8bc34a;
    --mat-button-text-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-button-text-state-layer-color: #8bc34a;
    --mat-button-tonal-container-color: #8bc34a;
    --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-button.mat-warn,
  .mat-mdc-unelevated-button.mat-warn,
  .mat-mdc-raised-button.mat-warn,
  .mat-mdc-outlined-button.mat-warn,
  .mat-tonal-button.mat-warn {
    --mat-button-filled-container-color: #f44336;
    --mat-button-filled-label-text-color: white;
    --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-filled-state-layer-color: white;
    --mat-button-outlined-label-text-color: #f44336;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-outlined-state-layer-color: #f44336;
    --mat-button-protected-container-color: #f44336;
    --mat-button-protected-label-text-color: white;
    --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-protected-state-layer-color: white;
    --mat-button-text-label-text-color: #f44336;
    --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-text-state-layer-color: #f44336;
    --mat-button-tonal-container-color: #f44336;
    --mat-button-tonal-label-text-color: white;
    --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-tonal-state-layer-color: white;
  }
  html {
    --mat-button-filled-container-height: 36px;
    --mat-button-filled-touch-target-display: block;
    --mat-button-outlined-container-height: 36px;
    --mat-button-outlined-touch-target-display: block;
    --mat-button-protected-container-height: 36px;
    --mat-button-protected-touch-target-display: block;
    --mat-button-text-container-height: 36px;
    --mat-button-text-touch-target-display: block;
    --mat-button-tonal-container-height: 36px;
    --mat-button-tonal-touch-target-display: block;
  }
  html {
    --mat-button-filled-label-text-font: Roboto, sans-serif;
    --mat-button-filled-label-text-size: 14px;
    --mat-button-filled-label-text-tracking: 0.0892857143em;
    --mat-button-filled-label-text-transform: none;
    --mat-button-filled-label-text-weight: 500;
    --mat-button-outlined-label-text-font: Roboto, sans-serif;
    --mat-button-outlined-label-text-size: 14px;
    --mat-button-outlined-label-text-tracking: 0.0892857143em;
    --mat-button-outlined-label-text-transform: none;
    --mat-button-outlined-label-text-weight: 500;
    --mat-button-protected-label-text-font: Roboto, sans-serif;
    --mat-button-protected-label-text-size: 14px;
    --mat-button-protected-label-text-tracking: 0.0892857143em;
    --mat-button-protected-label-text-transform: none;
    --mat-button-protected-label-text-weight: 500;
    --mat-button-text-label-text-font: Roboto, sans-serif;
    --mat-button-text-label-text-size: 14px;
    --mat-button-text-label-text-tracking: 0.0892857143em;
    --mat-button-text-label-text-transform: none;
    --mat-button-text-label-text-weight: 500;
    --mat-button-tonal-label-text-font: Roboto, sans-serif;
    --mat-button-tonal-label-text-size: 14px;
    --mat-button-tonal-label-text-tracking: 0.0892857143em;
    --mat-button-tonal-label-text-transform: none;
    --mat-button-tonal-label-text-weight: 500;
  }
  html {
    --mat-icon-button-icon-size: 24px;
    --mat-icon-button-container-shape: 50%;
    --mat-icon-button-touch-target-size: 48px;
  }
  html {
    --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-icon-button-focus-state-layer-opacity: 0.12;
    --mat-icon-button-hover-state-layer-opacity: 0.04;
    --mat-icon-button-icon-color: inherit;
    --mat-icon-button-pressed-state-layer-opacity: 0.12;
    --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-icon-color: #48a1ee;
    --mat-icon-button-state-layer-color: #48a1ee;
    --mat-icon-button-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
  }
  .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-icon-color: #8bc34a;
    --mat-icon-button-state-layer-color: #8bc34a;
    --mat-icon-button-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
  }
  .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-icon-color: #f44336;
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  }
  html {
    --mat-icon-button-touch-target-display: block;
  }
  .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    --mat-icon-button-state-layer-size: 48px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 12px;
  }
  html {
    --mat-fab-container-shape: 50%;
    --mat-fab-touch-target-size: 48px;
    --mat-fab-extended-container-height: 48px;
    --mat-fab-extended-container-shape: 24px;
    --mat-fab-small-container-shape: 50%;
    --mat-fab-small-touch-target-size: 48px;
  }
  html {
    --mat-fab-container-color: white;
    --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-fab-focus-state-layer-opacity: 0.12;
    --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-hover-state-layer-opacity: 0.04;
    --mat-fab-pressed-state-layer-opacity: 0.12;
    --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-container-color: white;
    --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
    --mat-fab-small-focus-state-layer-opacity: 0.12;
    --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-small-hover-state-layer-opacity: 0.04;
    --mat-fab-small-pressed-state-layer-opacity: 0.12;
    --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
    --mat-fab-container-color: #48a1ee;
    --mat-fab-foreground-color: var(--color-text-800);
    --mat-fab-ripple-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-fab-small-container-color: #48a1ee;
    --mat-fab-small-foreground-color: var(--color-text-800);
    --mat-fab-small-ripple-color: color-mix(in srgb, var(--color-text-800) 12%, transparent);
    --mat-fab-small-state-layer-color: var(--color-text-800);
    --mat-fab-state-layer-color: var(--color-text-800);
  }
  .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
    --mat-fab-container-color: #8bc34a;
    --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-ripple-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-fab-small-container-color: #8bc34a;
    --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  }
  .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
    --mat-fab-container-color: #f44336;
    --mat-fab-foreground-color: white;
    --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-fab-small-container-color: #f44336;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-fab-small-state-layer-color: white;
    --mat-fab-state-layer-color: white;
  }
  html {
    --mat-fab-small-touch-target-display: block;
    --mat-fab-touch-target-display: block;
  }
  html {
    --mat-fab-extended-label-text-font: Roboto, sans-serif;
    --mat-fab-extended-label-text-size: 14px;
    --mat-fab-extended-label-text-tracking: 0.0892857143em;
    --mat-fab-extended-label-text-weight: 500;
  }
  html {
    --mat-snack-bar-container-shape: 4px;
  }
  html {
    --mat-snack-bar-container-color: #424242;
    --mat-snack-bar-supporting-text-color: white;
    --mat-snack-bar-button-color: #48a1ee;
  }
  html {
    --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
    --mat-snack-bar-supporting-text-line-height: 20px;
    --mat-snack-bar-supporting-text-size: 14px;
    --mat-snack-bar-supporting-text-weight: 400;
  }
  html {
    --mat-table-row-item-outline-width: 1px;
  }
  html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
  }
  html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: 0.0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: 0.0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  }
  html {
    --mat-progress-spinner-active-indicator-width: 4px;
    --mat-progress-spinner-size: 48px;
  }
  html {
    --mat-progress-spinner-active-indicator-color: #48a1ee;
  }
  .mat-accent {
    --mat-progress-spinner-active-indicator-color: #8bc34a;
  }
  .mat-warn {
    --mat-progress-spinner-active-indicator-color: #f44336;
  }
  html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0;
  }
  html {
    --mat-badge-background-color: #48a1ee;
    --mat-badge-text-color: var(--color-text-800);
    --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  }
  .mat-badge-accent {
    --mat-badge-background-color: #8bc34a;
    --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white;
  }
  html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px;
  }
  html {
    --mat-bottom-sheet-container-shape: 4px;
  }
  html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-bottom-sheet-container-background-color: white;
  }
  html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
    --mat-bottom-sheet-container-text-weight: 400;
  }
  html {
    --mat-button-toggle-focus-state-layer-opacity: 0.12;
    --mat-button-toggle-hover-state-layer-opacity: 0.04;
    --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
    --mat-button-toggle-legacy-height: 36px;
    --mat-button-toggle-legacy-shape: 2px;
    --mat-button-toggle-shape: 4px;
  }
  html {
    --mat-button-toggle-background-color: white;
    --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-disabled-state-background-color: white;
    --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
    --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-disabled-state-background-color: white;
    --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
    --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-button-toggle-height: 48px;
  }
  html {
    --mat-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-button-toggle-label-text-line-height: 24px;
    --mat-button-toggle-label-text-size: 16px;
    --mat-button-toggle-label-text-tracking: 0.03125em;
    --mat-button-toggle-label-text-weight: 400;
    --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
    --mat-button-toggle-legacy-label-text-line-height: 24px;
    --mat-button-toggle-legacy-label-text-size: 16px;
    --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
    --mat-button-toggle-legacy-label-text-weight: 400;
  }
  html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #48a1ee 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: var(--color-text-800);
    --mat-datepicker-calendar-date-selected-state-background-color: #48a1ee;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #48a1ee 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--color-text-800);
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #48a1ee 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #48a1ee 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #48a1ee;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-selected-state-background-color: #8bc34a;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #8bc34a 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #8bc34a 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #8bc34a 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #8bc34a;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #8bc34a 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%);
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #f44336;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-calendar-controls {
    --mat-icon-button-touch-target-display: none;
  }
  .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    --mat-icon-button-state-layer-size: 40px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 8px;
  }
  html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400;
  }
  html {
    --mat-divider-width: 1px;
  }
  html {
    --mat-divider-color: rgba(0, 0, 0, 0.12);
  }
  html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none;
  }
  html {
    --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
    --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
    --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  }
  html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
  }
  html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: 0.0178571429em;
    --mat-expansion-container-text-weight: 400;
  }
  html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px;
  }
  html {
    --mat-icon-color: inherit;
  }
  .mat-icon.mat-primary {
    --mat-icon-color: #48a1ee;
  }
  .mat-icon.mat-accent {
    --mat-icon-color: #8bc34a;
  }
  .mat-icon.mat-warn {
    --mat-icon-color: #f44336;
  }
  html {
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-width: auto;
  }
  html {
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  }
  html {
    --mat-stepper-header-focus-state-layer-shape: 4px;
    --mat-stepper-header-hover-state-layer-shape: 4px;
  }
  html {
    --mat-stepper-header-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-selected-state-icon-background-color: #48a1ee;
    --mat-stepper-header-selected-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-done-state-icon-background-color: #48a1ee;
    --mat-stepper-header-done-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-header-edit-state-icon-background-color: #48a1ee;
    --mat-stepper-header-edit-state-icon-foreground-color: var(--color-text-800);
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
    --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
    --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent;
  }
  .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-selected-state-icon-background-color: #8bc34a;
    --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-done-state-icon-background-color: #8bc34a;
    --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
    --mat-stepper-header-edit-state-icon-background-color: #8bc34a;
    --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  }
  .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
  }
  html {
    --mat-stepper-header-height: 72px;
  }
  html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400;
  }
  html {
    --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-toolbar-container-background-color: white;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #48a1ee;
    --mat-toolbar-container-text-color: var(--color-text-800);
  }
  .mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #8bc34a;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white;
  }
  html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
  }
  html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: 0.0125em;
    --mat-toolbar-title-text-weight: 500;
  }
  html {
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  }
  html {
    --mat-tree-node-min-height: 48px;
  }
  html {
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
  }
  html {
    --mat-timepicker-container-shape: 4px;
  }
  html {
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-timepicker-container-background-color: white;
  }
  .chip-widget {
    padding: calc(0.25 * var(--spacing)) var(--spacing);
    border-radius: calc(0.75 * var(--spacing));
  }
  :root {
    --mdc-theme-error: var(--color-theme-warn);
    --mat-sidenav-content-background-color: rgb(var(--color-bg-180-rgb));
    --mat-sidenav-container-background-color: rgb(var(--color-bg-180-rgb));
  }
  .mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: var(--color-text-white);
    --mdc-checkbox-unselected-icon-color: var(--color-text-400);
    --mdc-checkbox-unselected-focus-icon-color: var(--color-text-400);
    --mdc-checkbox-unselected-hover-icon-color: var(--color-text-400);
  }
  .mat-unthemed {
    --mdc-text-button-label-text-color: var(--color-text-800) !important;
  }
  .mat-datepicker-content,
  .mat-mdc-datepicker-content {
    background-color: var(--color-bg-290) !important;
  }
  .mat-calendar-body-selected,
  .mat-mdc-calendar-body-selected {
    background-color: var(--color-primary) !important;
  }
  .mat-calendar-table-header,
  .mat-mdc-calendar-table-header,
  .mat-calendar-body-label,
  .mat-mdc-calendar-body-label,
  .mat-calendar-body-cell-content,
  .mat-mdc-calendar-body-cell-content {
    color: var(--color-text-800) !important;
  }
  .mat-calendar-body-cell-content.mat-calendar-body-selected {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
  }
  .mat-calendar-table-header span {
    color: var(--color-text-800) !important;
  }
  .mat-calendar-body-disabled .mat-calendar-body-cell-content {
    color: var(--color-text-400) !important;
  }
  .mat-datepicker-toggle,
  .mat-datepicker-content .mat-calendar-next-button,
  .mat-datepicker-content .mat-calendar-previous-button {
    color: var(--color-primary);
  }
  .menu-execute-calendar .mat-calendar-controls,
  .menu-execute-calendar .mat-mdc-calendar-controls {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }
  .menu-execute-calendar .mdc-button__label {
    color: var(--color-text-800) !important;
  }
  .menu-execute-calendar .mat-calendar-arrow {
    fill: var(--color-primary) !important;
  }
  .menu-execute-calendar .mat-calendar-period-button:hover {
    background-color: rgba(var(--color-bg-standard-hover-rgb));
  }
  .menu-execute-calendar .mat-calendar-header {
    padding: 0 !important;
  }
  .mat-calendar-arrow {
    fill: var(--color-primary);
  }
  .mat-calendar-table-header-divider::after {
    background: var(--color-line-230);
  }
  .mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-disabled-icon-color: var(--color-text-400) !important;
  }
  .mat-form-field.mat-mdc-focused .mat-form-field-ripple,
  .mat-form-field.mat-mdc-focused .mat-mdc-form-field-ripple,
  .mat-mdc-form-field.mat-mdc-focused .mat-form-field-ripple,
  .mat-mdc-form-field.mat-mdc-focused .mat-mdc-form-field-ripple {
    background-color: var(--color-primary);
  }
  .mat-checkbox > label > .mat-checkbox-label,
  .mat-checkbox > label > .mat-mdc-checkbox-label,
  .mat-mdc-checkbox > label > .mat-checkbox-label,
  .mat-mdc-checkbox > label > .mat-mdc-checkbox-label {
    white-space: normal;
  }
  .mat-checkbox-background,
  .mat-mdc-checkbox-background,
  .mat-checkbox-frame,
  .mat-mdc-checkbox-frame {
    border-radius: 3px !important;
  }
  .mat-checkbox-checkmark,
  .mat-mdc-checkbox-checkmark {
    fill: transparent !important;
  }
  .mat-checkbox-checkmark-path,
  .mat-mdc-checkbox-checkmark-path {
    stroke: var(--color-text-white) !important;
    stroke-width: 3px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  .mat-form-field.mat-mdc-form-field-invalid .mat-form-field-label,
  .mat-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label,
  .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-form-field-label,
  .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label {
    color: var(--color-warn);
  }
  .mat-form-field .mat-form-field-subscript-wrapper,
  .mat-form-field .mat-mdc-form-field-underline,
  .mat-form-field .mat-form-field-subscript-wrapper,
  .mat-form-field .mat-mdc-form-field-underline,
  .mat-mdc-form-field .mat-form-field-subscript-wrapper,
  .mat-mdc-form-field .mat-mdc-form-field-underline,
  .mat-mdc-form-field .mat-form-field-subscript-wrapper,
  .mat-mdc-form-field .mat-mdc-form-field-underline {
    position: initial;
  }
  .mat-form-field-required-marker::after,
  .mat-mdc-form-field-required-marker::after {
    display: none !important;
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--color-text-800);
  }
  .mat-mdc-text-field-wrapper,
  .mat-mdc-form-field-flex,
  .mat-mdc-form-field-focus-overlay {
    background-color: transparent !important;
  }
  .mat-mdc-form-field-error-wrapper,
  .mat-mdc-text-field-wrapper {
    padding-left: 0px !important;
  }
  .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: unset !important;
    bottom: 0px;
  }
  .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-1.5em) scale(0.75) !important;
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-text-400) !important;
  }
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-primary) !important;
  }
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--color-warn) !important;
  }
  .mat-mdc-form-field-icon-suffix {
    padding-top: 24px !important;
  }
  .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after,
  .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
  .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
    border-bottom-color: var(--color-line-230);
  }
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--color-warn) !important;
  }
  .mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-color: var(--color-primary) !important;
  }
  .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    color: var(--color-text-white);
  }
  .reach-tooltip div {
    background-color: var(--light-color-text-800);
    color: var(--color-text-white);
  }
  .cdk-table-widget cdk-row,
  .cdk-table-widget cdk-header-row,
  .cdk-table-widget cdk-footer-row {
    padding: calc(1.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    gap: calc(2 * var(--spacing));
  }
  .cdk-table-widget cdk-cell,
  .cdk-table-widget cdk-header-cell,
  .cdk-table-widget cdk-footer-cell {
    flex: 1 1;
  }
  .cdk-table-widget cdk-cell.double,
  .cdk-table-widget cdk-header-cell.double,
  .cdk-table-widget cdk-footer-cell.double {
    flex-grow: 2;
  }
  .cdk-table-widget cdk-cell,
  .cdk-table-widget cdk-header-cell,
  .cdk-table-widget cdk-footer-cell {
    overflow: hidden;
  }
  .cdk-table-widget cdk-cell.fixed,
  .cdk-table-widget cdk-header-cell.fixed,
  .cdk-table-widget cdk-footer-cell.fixed {
    flex: 0 0 auto;
  }
  .cdk-table-widget cdk-header-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-text-400);
  }
  .cdk-table-widget cdk-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .cdk-table-widget.small-spacing cdk-row,
  .cdk-table-widget.small-spacing cdk-header-row,
  .cdk-table-widget.small-spacing cdk-footer-row {
    padding: var(--spacing) calc(2 * var(--spacing));
    gap: calc(2 * var(--spacing));
  }
  .mat-drawer-container {
    will-change: transform;
  }
  .mat-drawer {
    will-change: transform;
    transform: translateZ(0); /* Force GPU acceleration */
  }
  .mat-drawer-backdrop {
    will-change: opacity;
    transform: translateZ(0);
  }
  /* The pane must not take the click; the menu inside still does.
     This was a global rule on the message timeline, so every overlay pane already got it once that component had loaded. */
  .cdk-overlay-pane {
    pointer-events: none;
  }
  .cdk-overlay-pane > * {
    pointer-events: auto;
  }
  /* Temperature slider in the custom prompt editor. Hook stays on that mat-slider. */
  .reach-custom-prompt-slider {
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-color: var(--color-text-400);
    --mdc-slider-active-track-color: var(--color-text-800);
    --mdc-slider-handle-color: var(--color-text-800);
  }
  .reach-custom-prompt-slider .mdc-slider__thumb {
    height: 20px !important;
    padding-left: 8px !important;
  }
  .reach-custom-prompt-slider .mdc-slider__thumb-knob {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--color-text-800) !important;
    background-color: var(--color-bg-190) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  .reach-custom-prompt-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
    border-color: var(--color-text-800) !important;
  }
  .reach-custom-prompt-slider [matsliderthumb] {
    padding: 0 !important;
    left: -6px !important;
  }
  .reach-custom-prompt-slider mat-slider-visual-thumb .mat-ripple {
    display: none;
  }
  .reach-custom-prompt-slider mat-slider-visual-thumb {
    left: 0 !important;
    width: 0 !important;
  }
  .reach-custom-prompt-slider:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
  }
  /* Temperature slider in AI settings. Same track as the prompt editor, white knob and a shorter host. */
  .reach-ai-settings-slider {
    height: 22px !important;
    margin: 0 !important;
    --mdc-slider-active-track-height: 4px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-color: var(--color-text-400);
    --mdc-slider-active-track-color: var(--color-text-800);
    --mdc-slider-handle-color: var(--color-text-800);
  }
  .reach-ai-settings-slider .mdc-slider__thumb {
    height: 20px !important;
    padding-left: 8px !important;
  }
  .reach-ai-settings-slider .mdc-slider__thumb-knob {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--color-text-800) !important;
    background-color: white !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }
  .reach-ai-settings-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
    border-color: var(--color-text-800) !important;
  }
  .reach-ai-settings-slider [matsliderthumb] {
    padding: 0 !important;
    left: -6px !important;
  }
  .reach-ai-settings-slider mat-slider-visual-thumb .mat-ripple {
    display: none;
  }
  .reach-ai-settings-slider mat-slider-visual-thumb {
    left: 0 !important;
    width: 0 !important;
  }
  .reach-ai-settings-slider .mdc-slider__track--inactive {
    background: rgb(var(--color-bg-460-rgb)) !important;
  }
  .reach-ai-settings-slider .mdc-slider__track--active_fill {
    border-color: rgb(var(--color-text-800-rgb)) !important;
  }
  .reach-ai-settings-slider:hover .mdc-slider__thumb-knob {
    background-color: var(--color-text-800) !important;
  }
  /* Date range calendar on the statistics page. */
  .reach-statistics-calendar {
    width: 264px;
    padding: calc(var(--spacing) * 0.5) var(--spacing);
  }
  .reach-statistics-calendar .mat-calendar-controls {
    margin-top: 0px !important;
    margin-bottom: 8px !important;
  }
  .reach-statistics-calendar .mat-calendar-header {
    padding: 0 !important;
  }
  .reach-statistics-calendar .mat-calendar-period-button {
    margin: 0 !important;
    height: auto !important;
    padding: 4px 8px;
  }
  .reach-statistics-calendar .mat-calendar-body-disabled > span {
    color: var(--color-text-400) !important;
  }
  .spin-loader {
    border-radius: 80%;
    display: block;
    height: 50px;
    width: 50px;
    position: relative;
    animation: spin 0.675s linear 0s infinite normal;
    background: #26a69a;
  }
  .spin-loader:before, .spin-loader:after {
    content: "";
    display: block;
    position: absolute;
  }
  .spin-loader:before {
    border-radius: 0 90px 90px 0;
    height: 50px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: #005041;
    background-image: linear-gradient(#26a69a, #005041);
  }
  .spin-loader:after {
    border-radius: 80%;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #009688;
  }
  .loader-hidden {
    animation: loader-hidden-fade 800ms 800ms ease-in-out forwards;
  }
  .loader {
    width: auto;
    opacity: 1;
    margin-right: 8px;
    transform: translateX(0);
  }
  .loader.hidden {
    animation: loader-hide 800ms 800ms ease-in-out forwards;
  }
  .container-skeleton {
    animation: skeleton-enter 600ms ease-in-out forwards;
  }
  .options {
    animation: options-fade-in 600ms 300ms ease-in-out forwards;
  }
  .sticky-header-border-enter {
    animation: sticky-header-border-enter 400ms ease-out both;
  }
  .reveal-up-blur-scale-800 {
    animation: enter-up 800ms ease both;
  }
  .reveal-scale-in {
    animation: enter-scale 800ms ease both;
  }
  .hide-up-fast {
    animation: leave-up-fast 400ms ease both;
  }
  .hide-collapse-horizontal {
    animation: leave-opacity-1-to-0 400ms ease both;
  }
  .hide-fade-500 {
    animation: leave-opacity-1-to-0-500 400ms ease both;
  }
  .show-fade-500 {
    animation: show-opacity-0-to-1-500 400ms ease both;
  }
  .hide-down-fast {
    animation: leave-up-bottom-fast 400ms ease both;
  }
  .reveal-system-message {
    animation: system-message-enter 800ms 600ms ease both;
  }
  .reveal-message-container {
    animation: message-container-enter 1200ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }
  .reveal-options {
    animation: options-enter 700ms 250ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-skeleton {
    interpolate-size: allow-keywords;
    animation: chat-msg-skeleton-enter 1600ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-options {
    animation: chat-msg-options-enter 700ms 250ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-suggested-questions-list {
    display: grid;
    grid-template-rows: 0fr;
    animation: suggested-questions-list-enter 600ms ease-in-out both;
  }
  .reveal-suggested-question {
    animation: suggested-question-enter 400ms ease-in-out both;
    animation-delay: calc(800ms + var(--question-index, 0) * 400ms);
  }
  .reveal-tool-item {
    overflow: hidden;
    animation: tool-item-enter 360ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(var(--tool-index, 0) * 160ms);
  }
  .reveal-source-card {
    animation: source-card-enter 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(260ms + var(--source-index, 0) * 300ms);
  }
  .reveal-sources-list {
    animation: sources-list-enter 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-source-title {
    animation: source-title-enter 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-chat-options-after-sources {
    animation: chat-msg-options-enter 550ms cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-delay: calc(500ms + var(--sources-total, 0) * 140ms);
  }
  .hide-tools-panel {
    pointer-events: none;
    animation: tools-panel-leave calc(60ms * var(--tool-count, 1)) linear both;
    animation-delay: calc((var(--tool-count, 1) - var(--tool-index, 0) - 1) * 40ms);
    overflow: hidden;
  }
  .hide-tools-panel > chat-message-tool-item {
    animation: none;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: calc((var(--tool-count, 1) - var(--tool-index, 0) - 1) * 40ms);
  }
  .reveal-title-button {
    overflow: hidden;
    animation: title-button-enter 800ms cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .reveal-attachment-chip {
    animation: show-opacity-0-to-1-500 250ms ease both;
    animation-delay: calc(80ms + var(--attachment-index, 0) * 50ms);
  }
  .reveal-up-fast {
    animation: enter-up-fast 400ms ease both;
  }
  .reveal-header-title {
    animation: enter-header-title 800ms ease both;
  }
  .reveal-up-slow {
    animation: enter-up-fast 800ms ease both;
  }
  .reasoning-part-enter {
    animation: reasoning-crossfade 300ms ease-in-out both;
  }
  .reasoning-body-leave {
    animation: reasoning-body-leave 300ms ease both;
  }
  .reasoning-dropdown-enter {
    animation: reasoning-dropdown-enter 300ms ease both;
  }
  .reasoning-dropdown-leave {
    animation: reasoning-dropdown-leave 240ms ease both;
  }
  .reasoning-toggle-row-enter {
    animation: reasoning-toggle-row-enter 280ms ease both;
  }
  .reasoning-toggle-row-leave {
    animation: reasoning-toggle-row-leave 220ms ease both;
  }
  @keyframes enter-up {
    0% {
      opacity: 0;
      filter: blur(4px);
      transform: translateY(40px) scale(0.9);
    }
    50% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  @keyframes enter-scale {
    0% {
      opacity: 0;
      transform: scale(0.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes leave-up-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-20px);
    }
  }
  @keyframes leave-up-bottom-fast {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes enter-up-fast {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes enter-header-title {
    0% {
      opacity: 0;
      filter: blur(3px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes leave-opacity-1-to-0 {
    0% {
      opacity: 1;
      width: auto;
      margin-left: 8px;
    }
    100% {
      opacity: 0;
      width: 0;
      margin-left: 0;
    }
  }
  @keyframes leave-opacity-1-to-0-500 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes show-opacity-0-to-1-500 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes system-message-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes message-container-enter {
    0% {
      opacity: 0;
      transform: translateY(30px);
      filter: blur(2px);
      min-height: max(0px, var(--message-enter-end-height, calc(100vh - 190px)) - var(--message-enter-start-height, 325px));
    }
    60% {
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
      min-height: var(--message-enter-end-height, calc(100vh - 190px));
    }
  }
  @keyframes options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes chat-msg-skeleton-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes chat-msg-options-enter {
    0% {
      opacity: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      filter: blur(0);
    }
  }
  @keyframes suggested-questions-list-enter {
    0% {
      grid-template-rows: 0fr;
      opacity: 0;
    }
    100% {
      grid-template-rows: 1fr;
      opacity: 1;
    }
  }
  @keyframes suggested-question-enter {
    0% {
      opacity: 0;
      transform: translateY(-15px);
      filter: blur(2px);
    }
    60% {
      filter: blur(0);
    }
    100% {
      filter: blur(0);
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes tool-item-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 28px;
      transform: translateY(0);
    }
  }
  @keyframes source-card-enter {
    0% {
      opacity: 0;
      filter: blur(2px);
      max-height: 0;
      transform: translateY(-15px);
    }
    50% {
      max-height: 120px;
      filter: blur(0);
    }
    100% {
      opacity: 1;
      filter: blur(0);
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes source-title-enter {
    0% {
      opacity: 0;
      transform: translateY(6px);
      max-height: 0;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      max-height: 18px;
      filter: blur(0);
    }
  }
  @keyframes tools-panel-leave {
    0% {
      opacity: 1;
      max-height: calc(var(--tool-count, 1) * 32px + 24px);
    }
    100% {
      opacity: 0;
      max-height: 0;
    }
  }
  @keyframes title-button-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 24px;
      transform: translateY(0);
    }
  }
  @keyframes sources-list-enter {
    0% {
      opacity: 0;
      max-height: 0;
      transform: translateY(-12px);
    }
    100% {
      opacity: 1;
      max-height: 120px;
      transform: translateY(0);
    }
  }
  @keyframes reasoning-crossfade {
    0% {
      opacity: 0;
      transform: translateY(8px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .reasoning-body-enter {
    opacity: 0;
    max-height: 0;
    animation: reasoning-body-enter 400ms ease both;
  }
  @keyframes reasoning-body-enter {
    0% {
      opacity: 0;
      max-height: 0;
      padding-top: 0;
    }
    60% {
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
    100% {
      opacity: 1;
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
  }
  @keyframes reasoning-body-leave {
    0% {
      opacity: 1;
      max-height: var(--reasoning-body-height);
      padding-top: calc(3 * var(--spacing));
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      max-height: 0;
      padding-top: 0;
    }
  }
  @keyframes reasoning-dropdown-enter {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes reasoning-dropdown-leave {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes reasoning-toggle-row-enter {
    0% {
      opacity: 0;
      transform: translateY(4px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes reasoning-toggle-row-leave {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-3px);
    }
  }
  @keyframes slide-fade-left {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(-16px);
    }
  }
  .slide-fade-left-400 {
    animation: slide-fade-left 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
  :root {
    color-scheme: light dark;
    --z-index-max: 2147483647;
  }
  html,
  body {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    touch-action: none !important;
    -webkit-overflow-scrolling: touch;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .dis-b, .dis-block,
  .display-b,
  .display-block {
    display: block;
  }
  .dis-n, .dis-none,
  .display-n,
  .display-none {
    display: none;
  }
  @property --scrollbar-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #808080;
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 12px;
    border: solid 2px transparent;
    background-color: var(--scrollbar-color);
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    border: 0;
  }
  ::-webkit-scrollbar-thumb:active {
    --scrollbar-color: rgba(var(--color-primary-rgb), 1);
  }
  .scroll-hidden {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none;
  }
  .scroll-hidden::-webkit-scrollbar {
    display: none;
  }
  .without-focus,
  .wo-focus {
    outline: none;
  }
  .unclickable {
    pointer-events: none;
  }
  .disable-text-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .pointer-events-none,
  .pe-none {
    pointer-events: none;
  }
  .pointer-events-all,
  .pe-all {
    pointer-events: all;
  }
  .popup {
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-2);
    border: 1px solid var(--color-line-230);
    box-sizing: border-box;
  }
  .list-item-separator,
  .li-separator {
    position: relative;
  }
  .list-item-separator::after,
  .li-separator::after {
    --space: calc(1rem + 8px + var(--fs-icon) + 8px);
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--space);
    width: calc(100% - var(--space));
    max-width: 100%;
    height: 1px;
    background: var(--color-line-250);
  }
  .list-item-separator-no-icon,
  .li-separator-no-icon {
    position: relative;
  }
  .list-item-separator-no-icon::after,
  .li-separator-no-icon::after {
    --space: calc(2 * var(--spacing));
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--space);
    width: calc(100% - var(--space));
    max-width: 100%;
    height: 1px;
    background: var(--color-line-250);
  }
  .reach-section-header {
    width: 100%;
    background-color: var(--color-bg-modal-search);
  }
  .reach-section-header.new-colors {
    background-color: var(--color-bg-370);
  }
  .reach-section-header.new-colors-290 {
    background-color: var(--color-bg-290);
  }
  .reach-section-header.transparent, .reach-section-header.alt-transparent {
    background-color: transparent;
  }
  .reach-section-header {
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xxs);
    font-weight: var(--fw-bold);
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .reach-section-header-alt {
    width: 100%;
    background-color: rgb(var(--color-bg-180-rgb));
    padding: 24px 16px 12px 16px;
    box-sizing: border-box;
    color: var(--color-text-400);
    font-size: var(--fs-xs);
    font-weight: var(--fw-regular);
    line-height: var(--fs-m);
  }
  @media screen and (min-width: 720px) {
    .reach-section-header {
      font-size: var(--fs-xxs);
    }
    .reach-section-header.font-size-mobile {
      font-size: var(--fs-xs);
    }
  }
  mark,
  .search-highlight {
    display: inline-block;
    color: var(--color-highlight-text);
    font-weight: var(--fw-bold);
    background-color: var(--color-highlight-background);
    border-radius: 4px;
    --__extra-space-x: 2px;
    --__extra-space-y: 0px;
    padding: var(--__extra-space-y) var(--__extra-space-x);
    margin: calc(-1 * var(--__extra-space-y)) calc(-1 * var(--__extra-space-x));
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box; /* Set the sizing of an element to include it's border */
  }
  * {
    margin: 0; /* Set the default margin to 0 */
    padding: 0; /* Set the default padding to 0 */
    word-break: break-all;
    word-break: break-word;
  }
  html:focus-within {
    scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */
  }
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto; /* Makes link undelines look better */
  }
  /* Turns off animation for people who don't want to see them */
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
      transition: none;
    }
  }
  .card-separator {
    --__gap-size: var(--__gap, calc((2 * var(--spacing)) + var(--fs-icon) + (2 * var(--spacing))));
    margin-left: var(--__gap-size);
    width: calc(100% - var(--__gap-size));
    height: 1px;
    background-color: var(--color-line-230);
  }
  .card-separator.new-colors {
    background-color: var(--color-line-230);
  }
  .card-separator-no-icon {
    width: calc(100% - 1rem);
    margin-left: 1rem;
  }
  .card-separator.force {
    background-color: var(--color-line-230) !important;
  }
  .reach-card:last-of-type .card-separator {
    display: none;
    background-color: transparent;
  }
  .reach-card-new:last-of-type > .card-separator {
    display: none;
    background-color: transparent;
  }
  .separator {
    width: 100%;
    height: 1px;
    background-color: var(--color-line-230);
  }
  .section-separator {
    padding: calc(0.75 * var(--spacing)) calc(2 * var(--spacing));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(2 * var(--spacing));
    background-color: var(--color-bg-280);
    color: var(--color-text-400);
    border-radius: var(--spacing);
    font-size: var(--fs-m);
    line-height: 1em;
  }
  .settings-fixed-header {
    position: absolute;
    z-index: 1;
    top: var(--safe-area-inset-top);
  }
  .settings-scroll {
    position: absolute;
    top: calc(2rem + var(--fs-icon) + var(--safe-area-inset-top));
    bottom: var(--safe-area-inset-bottom);
    max-height: calc(100% - 2rem - var(--fs-icon));
    overflow: auto;
    width: 100%;
  }
  :root {
    --size-menu-xs: 200px;
    --size-menu-s: 320px;
    --size-content-s: 720px;
    --size-content: 800px;
    --size-content-l: 920px;
    --client-size-desktop: 720px;
    --size-max-width-desktop: 760px;
    --small-max-width-desktop: 320px;
  }
  .reach-toggler {
    position: relative;
    display: inline-block;
    color: var(--color-text-400);
    --__space_px: 1;
    --__space: calc((var(--__space_px) / 8) * 1em);
    --__indicator-size: calc(1em - (var(--__space)));
    border-radius: calc(0.5 * var(--__indicator-size) + var(--__space));
    height: calc(var(--__indicator-size) + 2 * var(--__space));
    width: calc(2 * var(--__indicator-size) + 3 * var(--__space));
    background-color: currentColor;
  }
  .reach-toggler::after {
    content: "";
    position: absolute;
    top: var(--__space);
    left: var(--__space);
    aspect-ratio: 1;
    height: var(--__indicator-size);
    border-radius: calc((var(--__indicator-size) + 2 * var(--__space)) / 2);
    background-color: var(--color-bg-190);
    transform: translateX(0px);
    transition: transform 300ms;
  }
  .reach-toggler.active {
    color: var(--color-primary);
  }
  .reach-toggler.active::after {
    transform: translateX(calc(var(--__indicator-size) + var(--__space)));
  }
  .reach-toggler.disabled {
    color: var(--color-text-200);
    pointer-events: none;
  }
  .fullscreen-overlay-panel {
    max-width: none !important;
    max-height: none !important;
    pointer-events: auto !important;
  }
  .cdk-overlay-backdrop.fullscreen-overlay-backdrop {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .fullscreen-overlay-panel .wrapper,
  .fullscreen-overlay-panel .legacy-wrapper {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .options-menu-widget {
    background-color: var(--color-bg-270);
    border-radius: var(--spacing);
    overflow: hidden;
    padding: var(--spacing);
    width: 320px;
    box-shadow: var(--shadow-menu);
  }
  .options-menu-widget.small {
    border-radius: calc(1.5 * var(--spacing));
    width: 200px;
  }
  .options-menu-widget.alt {
    background-color: var(--color-bg-180);
  }
  .options-menu-widget > .section-header:first-of-type {
    padding-top: calc(2 * var(--spacing));
  }
  .options-menu-widget:has(.options-footer) {
    padding-bottom: 0;
  }
  .options-menu-widget > .options-footer {
    width: calc(100% + 2 * var(--spacing));
    margin-left: calc(-1 * var(--spacing));
  }
  .options-list-widget {
    border-radius: var(--spacing);
    overflow: hidden;
  }
  .options-list-widget .option {
    border-radius: 0px !important;
    background-color: var(--color-bg-190) !important;
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing)) !important;
  }
  .options-list-widget .option:hover {
    background-color: var(--color-bg-270) !important;
  }
  /* 
  	Generates all the permutations that we have for colors
  	that can have different values for light and dark themes.

  	They follow this rule: <LIGHT_VALUE><DARK_VALUE>0.
  */
  /* 
  	Generates the hover classes.

  	Example:
  	```scss
  	.bg-primary {
  		@includes addHoverClasses(var(--color-primary-500), background-color);
  	}
  	```

  	Generates the following classes:

  	```css
  	.bg-primary-on-hover:hover {
  		background-color: var(--color-primary-500);
  	}

  	.hover-parent:hover .bg-primary-on-hover-parent {
  		background-color: var(--color-primary-500);
  	}
  	```
  */
  /* 
  	Generates the alpha classes (from 0 to 95, steps of 5).

  	Example:
  	```scss
  	.bg-primary {
  		@includes addAlphaValues('--bg-primary-rgb', background-color);
  	}
  	```

  	Generates the following classes:

  	```css
  	.bg-primary-0 {
  		background-color: rgba(var(--bg-primary-rgb), 0);
  	}

  	.bg-primary-5 {
  		background-color: rgba(var(--bg-primary-rgb), 0.05);
  	}

  	(...)

  	.bg-primary-95 {
  		background-color: rgba(var(--bg-primary-rgb), 0.95);
  	}
  	```
  */
  /* 
  	Sets the content when the theme is dark.
  */
  /* 
  	Generates the css variables given a map.

  	It needs the function to generate the css variable name.
  */
  /*
  	This mixin is just a legacy to handle the variables `--<theme>-<var-name>`.

  	This is legacy. We should refactor everything to remove this.
  */
  /*
  	Generates the css variables given a map with 'light' and (optionally) 'dark' keys.

  	It needs the function to generate the css variable name.
  */
  :root {
    --color-primary-rgb: 72, 161, 238;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-light-rgb: 102, 212, 187;
    --color-primary-light: rgb(var(--color-primary-light-rgb));
    --color-primary-dark-rgb: 48, 107, 159;
    --color-primary-dark: rgb(var(--color-primary-dark-rgb));
    --color-primary-200-rgb: 102, 212, 187;
    --color-primary-200: rgb(var(--color-primary-200-rgb));
    --color-primary-500-rgb: 72, 161, 238;
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-primary-700-rgb: 48, 107, 159;
    --color-primary-700: rgb(var(--color-primary-700-rgb));
    --color-warn-rgb: 200, 31, 15;
    --color-warn: rgb(var(--color-warn-rgb));
    --color-warn-dark-rgb: 172, 27, 13;
    --color-warn-dark: rgb(var(--color-warn-dark-rgb));
    --color-warn-500-rgb: 200, 31, 15;
    --color-warn-500: rgb(var(--color-warn-500-rgb));
    --color-warn-700-rgb: 172, 27, 13;
    --color-warn-700: rgb(var(--color-warn-700-rgb));
    --light-color-primary-rgb: 72, 161, 238;
    --light-color-primary: rgb(var(--light-color-primary-rgb));
    --light-color-primary-light-rgb: 102, 212, 187;
    --light-color-primary-light: rgb(var(--light-color-primary-light-rgb));
    --light-color-primary-dark-rgb: 48, 107, 159;
    --light-color-primary-dark: rgb(var(--light-color-primary-dark-rgb));
    --light-color-primary-200-rgb: 102, 212, 187;
    --light-color-primary-200: rgb(var(--light-color-primary-200-rgb));
    --light-color-primary-500-rgb: 72, 161, 238;
    --light-color-primary-500: rgb(var(--light-color-primary-500-rgb));
    --light-color-primary-700-rgb: 48, 107, 159;
    --light-color-primary-700: rgb(var(--light-color-primary-700-rgb));
    --light-color-warn-rgb: 200, 31, 15;
    --light-color-warn: rgb(var(--light-color-warn-rgb));
    --light-color-warn-dark-rgb: 172, 27, 13;
    --light-color-warn-dark: rgb(var(--light-color-warn-dark-rgb));
    --light-color-warn-500-rgb: 200, 31, 15;
    --light-color-warn-500: rgb(var(--light-color-warn-500-rgb));
    --light-color-warn-700-rgb: 172, 27, 13;
    --light-color-warn-700: rgb(var(--light-color-warn-700-rgb));
    --dark-color-primary-rgb: 72, 161, 238;
    --dark-color-primary: rgb(var(--dark-color-primary-rgb));
    --dark-color-primary-light-rgb: 102, 212, 187;
    --dark-color-primary-light: rgb(var(--dark-color-primary-light-rgb));
    --dark-color-primary-dark-rgb: 138, 191, 238;
    --dark-color-primary-dark: rgb(var(--dark-color-primary-dark-rgb));
    --dark-color-primary-200-rgb: 102, 212, 187;
    --dark-color-primary-200: rgb(var(--dark-color-primary-200-rgb));
    --dark-color-primary-500-rgb: 72, 161, 238;
    --dark-color-primary-500: rgb(var(--dark-color-primary-500-rgb));
    --dark-color-primary-700-rgb: 138, 191, 238;
    --dark-color-primary-700: rgb(var(--dark-color-primary-700-rgb));
    --dark-color-warn-rgb: 216, 55, 31;
    --dark-color-warn: rgb(var(--dark-color-warn-rgb));
    --dark-color-warn-dark-rgb: 232, 80, 47;
    --dark-color-warn-dark: rgb(var(--dark-color-warn-dark-rgb));
    --dark-color-warn-500-rgb: 216, 55, 31;
    --dark-color-warn-500: rgb(var(--dark-color-warn-500-rgb));
    --dark-color-warn-700-rgb: 232, 80, 47;
    --dark-color-warn-700: rgb(var(--dark-color-warn-700-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-primary-rgb: 72, 161, 238;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-light-rgb: 102, 212, 187;
    --color-primary-light: rgb(var(--color-primary-light-rgb));
    --color-primary-dark-rgb: 138, 191, 238;
    --color-primary-dark: rgb(var(--color-primary-dark-rgb));
    --color-primary-200-rgb: 102, 212, 187;
    --color-primary-200: rgb(var(--color-primary-200-rgb));
    --color-primary-500-rgb: 72, 161, 238;
    --color-primary-500: rgb(var(--color-primary-500-rgb));
    --color-primary-700-rgb: 138, 191, 238;
    --color-primary-700: rgb(var(--color-primary-700-rgb));
    --color-warn-rgb: 216, 55, 31;
    --color-warn: rgb(var(--color-warn-rgb));
    --color-warn-dark-rgb: 232, 80, 47;
    --color-warn-dark: rgb(var(--color-warn-dark-rgb));
    --color-warn-500-rgb: 216, 55, 31;
    --color-warn-500: rgb(var(--color-warn-500-rgb));
    --color-warn-700-rgb: 232, 80, 47;
    --color-warn-700: rgb(var(--color-warn-700-rgb));
  }
  :root {
    --color-theme-primary-rgb: 72, 161, 238;
    --color-theme-primary: rgb(var(--color-theme-primary-rgb));
    --color-theme-primary-light-rgb: 102, 212, 187;
    --color-theme-primary-light: rgb(var(--color-theme-primary-light-rgb));
    --color-theme-primary-dark-rgb: 48, 107, 159;
    --color-theme-primary-dark: rgb(var(--color-theme-primary-dark-rgb));
    --color-theme-primary-200-rgb: 102, 212, 187;
    --color-theme-primary-200: rgb(var(--color-theme-primary-200-rgb));
    --color-theme-primary-500-rgb: 72, 161, 238;
    --color-theme-primary-500: rgb(var(--color-theme-primary-500-rgb));
    --color-theme-primary-700-rgb: 48, 107, 159;
    --color-theme-primary-700: rgb(var(--color-theme-primary-700-rgb));
    --color-theme-warn-rgb: 200, 31, 15;
    --color-theme-warn: rgb(var(--color-theme-warn-rgb));
    --color-theme-warn-dark-rgb: 172, 27, 13;
    --color-theme-warn-dark: rgb(var(--color-theme-warn-dark-rgb));
    --color-theme-warn-500-rgb: 200, 31, 15;
    --color-theme-warn-500: rgb(var(--color-theme-warn-500-rgb));
    --color-theme-warn-700-rgb: 172, 27, 13;
    --color-theme-warn-700: rgb(var(--color-theme-warn-700-rgb));
    --light-color-theme-primary-rgb: 72, 161, 238;
    --light-color-theme-primary: rgb(var(--light-color-theme-primary-rgb));
    --light-color-theme-primary-light-rgb: 102, 212, 187;
    --light-color-theme-primary-light: rgb(var(--light-color-theme-primary-light-rgb));
    --light-color-theme-primary-dark-rgb: 48, 107, 159;
    --light-color-theme-primary-dark: rgb(var(--light-color-theme-primary-dark-rgb));
    --light-color-theme-primary-200-rgb: 102, 212, 187;
    --light-color-theme-primary-200: rgb(var(--light-color-theme-primary-200-rgb));
    --light-color-theme-primary-500-rgb: 72, 161, 238;
    --light-color-theme-primary-500: rgb(var(--light-color-theme-primary-500-rgb));
    --light-color-theme-primary-700-rgb: 48, 107, 159;
    --light-color-theme-primary-700: rgb(var(--light-color-theme-primary-700-rgb));
    --light-color-theme-warn-rgb: 200, 31, 15;
    --light-color-theme-warn: rgb(var(--light-color-theme-warn-rgb));
    --light-color-theme-warn-dark-rgb: 172, 27, 13;
    --light-color-theme-warn-dark: rgb(var(--light-color-theme-warn-dark-rgb));
    --light-color-theme-warn-500-rgb: 200, 31, 15;
    --light-color-theme-warn-500: rgb(var(--light-color-theme-warn-500-rgb));
    --light-color-theme-warn-700-rgb: 172, 27, 13;
    --light-color-theme-warn-700: rgb(var(--light-color-theme-warn-700-rgb));
    --dark-color-theme-primary-rgb: 72, 161, 238;
    --dark-color-theme-primary: rgb(var(--dark-color-theme-primary-rgb));
    --dark-color-theme-primary-light-rgb: 102, 212, 187;
    --dark-color-theme-primary-light: rgb(var(--dark-color-theme-primary-light-rgb));
    --dark-color-theme-primary-dark-rgb: 138, 191, 238;
    --dark-color-theme-primary-dark: rgb(var(--dark-color-theme-primary-dark-rgb));
    --dark-color-theme-primary-200-rgb: 102, 212, 187;
    --dark-color-theme-primary-200: rgb(var(--dark-color-theme-primary-200-rgb));
    --dark-color-theme-primary-500-rgb: 72, 161, 238;
    --dark-color-theme-primary-500: rgb(var(--dark-color-theme-primary-500-rgb));
    --dark-color-theme-primary-700-rgb: 138, 191, 238;
    --dark-color-theme-primary-700: rgb(var(--dark-color-theme-primary-700-rgb));
    --dark-color-theme-warn-rgb: 216, 55, 31;
    --dark-color-theme-warn: rgb(var(--dark-color-theme-warn-rgb));
    --dark-color-theme-warn-dark-rgb: 232, 80, 47;
    --dark-color-theme-warn-dark: rgb(var(--dark-color-theme-warn-dark-rgb));
    --dark-color-theme-warn-500-rgb: 216, 55, 31;
    --dark-color-theme-warn-500: rgb(var(--dark-color-theme-warn-500-rgb));
    --dark-color-theme-warn-700-rgb: 232, 80, 47;
    --dark-color-theme-warn-700: rgb(var(--dark-color-theme-warn-700-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-theme-primary-rgb: 72, 161, 238;
    --color-theme-primary: rgb(var(--color-theme-primary-rgb));
    --color-theme-primary-light-rgb: 102, 212, 187;
    --color-theme-primary-light: rgb(var(--color-theme-primary-light-rgb));
    --color-theme-primary-dark-rgb: 138, 191, 238;
    --color-theme-primary-dark: rgb(var(--color-theme-primary-dark-rgb));
    --color-theme-primary-200-rgb: 102, 212, 187;
    --color-theme-primary-200: rgb(var(--color-theme-primary-200-rgb));
    --color-theme-primary-500-rgb: 72, 161, 238;
    --color-theme-primary-500: rgb(var(--color-theme-primary-500-rgb));
    --color-theme-primary-700-rgb: 138, 191, 238;
    --color-theme-primary-700: rgb(var(--color-theme-primary-700-rgb));
    --color-theme-warn-rgb: 216, 55, 31;
    --color-theme-warn: rgb(var(--color-theme-warn-rgb));
    --color-theme-warn-dark-rgb: 232, 80, 47;
    --color-theme-warn-dark: rgb(var(--color-theme-warn-dark-rgb));
    --color-theme-warn-500-rgb: 216, 55, 31;
    --color-theme-warn-500: rgb(var(--color-theme-warn-500-rgb));
    --color-theme-warn-700-rgb: 232, 80, 47;
    --color-theme-warn-700: rgb(var(--color-theme-warn-700-rgb));
  }
  :root {
    --color-imp-bg-opacity: 0.3;
    --color-imp-bg-0-rgb: 0, 0, 0, 0;
    --color-imp-bg-0: rgb(var(--color-imp-bg-0-rgb));
    --color-imp-bg-1-rgb: 45, 112, 192;
    --color-imp-bg-1: rgb(var(--color-imp-bg-1-rgb));
    --color-imp-bg-2-rgb: 2, 162, 204;
    --color-imp-bg-2: rgb(var(--color-imp-bg-2-rgb));
    --color-imp-bg-3-rgb: 0, 191, 211;
    --color-imp-bg-3: rgb(var(--color-imp-bg-3-rgb));
    --color-imp-bg-4-rgb: 88, 193, 68;
    --color-imp-bg-4: rgb(var(--color-imp-bg-4-rgb));
    --color-imp-bg-5-rgb: 156, 200, 16;
    --color-imp-bg-5: rgb(var(--color-imp-bg-5-rgb));
    --color-imp-bg-6-rgb: 209, 202, 0;
    --color-imp-bg-6: rgb(var(--color-imp-bg-6-rgb));
    --color-imp-bg-7-rgb: 252, 198, 0;
    --color-imp-bg-7: rgb(var(--color-imp-bg-7-rgb));
    --color-imp-bg-8-rgb: 245, 143, 0;
    --color-imp-bg-8: rgb(var(--color-imp-bg-8-rgb));
    --color-imp-bg-9-rgb: 241, 89, 42;
    --color-imp-bg-9: rgb(var(--color-imp-bg-9-rgb));
    --color-imp-bg-10-rgb: 231, 36, 55;
    --color-imp-bg-10: rgb(var(--color-imp-bg-10-rgb));
  }
  :root {
    --color-text-white-rgb: 255, 255, 255;
    --color-text-white: rgb(var(--color-text-white-rgb));
    --color-text-100-rgb: 255, 255, 255;
    --color-text-100: rgb(var(--color-text-100-rgb));
    --color-text-910-rgb: 255, 255, 255;
    --color-text-910: rgb(var(--color-text-910-rgb));
    --color-text-inverse-rgb: 238, 239, 239;
    --color-text-inverse: rgb(var(--color-text-inverse-rgb));
    --color-text-200-rgb: 195, 194, 198;
    --color-text-200: rgb(var(--color-text-200-rgb));
    --color-text-300-rgb: 185, 184, 188;
    --color-text-300: rgb(var(--color-text-300-rgb));
    --color-text-400-rgb: 133, 137, 148;
    --color-text-400: rgb(var(--color-text-400-rgb));
    --color-text-500-rgb: 82, 88, 98;
    --color-text-500: rgb(var(--color-text-500-rgb));
    --color-text-800-rgb: 32, 37, 51;
    --color-text-800: rgb(var(--color-text-800-rgb));
    --light-color-text-white-rgb: 255, 255, 255;
    --light-color-text-white: rgb(var(--light-color-text-white-rgb));
    --light-color-text-100-rgb: 255, 255, 255;
    --light-color-text-100: rgb(var(--light-color-text-100-rgb));
    --light-color-text-910-rgb: 255, 255, 255;
    --light-color-text-910: rgb(var(--light-color-text-910-rgb));
    --light-color-text-inverse-rgb: 238, 239, 239;
    --light-color-text-inverse: rgb(var(--light-color-text-inverse-rgb));
    --light-color-text-200-rgb: 195, 194, 198;
    --light-color-text-200: rgb(var(--light-color-text-200-rgb));
    --light-color-text-300-rgb: 185, 184, 188;
    --light-color-text-300: rgb(var(--light-color-text-300-rgb));
    --light-color-text-400-rgb: 133, 137, 148;
    --light-color-text-400: rgb(var(--light-color-text-400-rgb));
    --light-color-text-500-rgb: 82, 88, 98;
    --light-color-text-500: rgb(var(--light-color-text-500-rgb));
    --light-color-text-800-rgb: 32, 37, 51;
    --light-color-text-800: rgb(var(--light-color-text-800-rgb));
    --dark-color-text-white-rgb: 255, 255, 255;
    --dark-color-text-white: rgb(var(--dark-color-text-white-rgb));
    --dark-color-text-100-rgb: 255, 255, 255;
    --dark-color-text-100: rgb(var(--dark-color-text-100-rgb));
    --dark-color-text-910-rgb: 0, 0, 0;
    --dark-color-text-910: rgb(var(--dark-color-text-910-rgb));
    --dark-color-text-inverse-rgb: 32, 37, 51;
    --dark-color-text-inverse: rgb(var(--dark-color-text-inverse-rgb));
    --dark-color-text-200-rgb: 86, 86, 91;
    --dark-color-text-200: rgb(var(--dark-color-text-200-rgb));
    --dark-color-text-300-rgb: 78, 79, 85;
    --dark-color-text-300: rgb(var(--dark-color-text-300-rgb));
    --dark-color-text-400-rgb: 133, 137, 148;
    --dark-color-text-400: rgb(var(--dark-color-text-400-rgb));
    --dark-color-text-500-rgb: 196, 201, 211;
    --dark-color-text-500: rgb(var(--dark-color-text-500-rgb));
    --dark-color-text-800-rgb: 238, 239, 239;
    --dark-color-text-800: rgb(var(--dark-color-text-800-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-text-white-rgb: 255, 255, 255;
    --color-text-white: rgb(var(--color-text-white-rgb));
    --color-text-100-rgb: 255, 255, 255;
    --color-text-100: rgb(var(--color-text-100-rgb));
    --color-text-910-rgb: 0, 0, 0;
    --color-text-910: rgb(var(--color-text-910-rgb));
    --color-text-inverse-rgb: 32, 37, 51;
    --color-text-inverse: rgb(var(--color-text-inverse-rgb));
    --color-text-200-rgb: 86, 86, 91;
    --color-text-200: rgb(var(--color-text-200-rgb));
    --color-text-300-rgb: 78, 79, 85;
    --color-text-300: rgb(var(--color-text-300-rgb));
    --color-text-400-rgb: 133, 137, 148;
    --color-text-400: rgb(var(--color-text-400-rgb));
    --color-text-500-rgb: 196, 201, 211;
    --color-text-500: rgb(var(--color-text-500-rgb));
    --color-text-800-rgb: 238, 239, 239;
    --color-text-800: rgb(var(--color-text-800-rgb));
  }
  :root {
    --color-code-html-tag-rgb: 194, 255, 0;
    --color-code-html-tag: rgb(var(--color-code-html-tag-rgb));
    --color-code-html-attribute-name-rgb: 81, 210, 243;
    --color-code-html-attribute-name: rgb(var(--color-code-html-attribute-name-rgb));
    --color-code-html-attribute-value-rgb: 171, 220, 255;
    --color-code-html-attribute-value: rgb(var(--color-code-html-attribute-value-rgb));
  }
  body {
    color: rgb(var(--color-text-800-rgb));
  }
  /* 
  	This is a helper map to generate all the permutations that we have
  	for the background colors.

  	The names of the bg colors are: <LIGHT_VALUE><DARK_VALUE>0.
  */
  :root {
    --color-code-bg-rgb: 44, 44, 50;
    --color-code-bg: rgb(var(--color-code-bg-rgb));
    --color-code-text-rgb: 255, 255, 255;
    --color-code-text: rgb(var(--color-code-text-rgb));
    --color-bg-menu-backdrop-opacity: 0.2;
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-menu-backdrop-opacity: 0.5;
  }
  :root {
    --color-bg-160-rgb: 255, 255, 255;
    --color-bg-160: rgb(var(--color-bg-160-rgb));
    --color-bg-170-rgb: 255, 255, 255;
    --color-bg-170: rgb(var(--color-bg-170-rgb));
    --color-bg-180-rgb: 255, 255, 255;
    --color-bg-180: rgb(var(--color-bg-180-rgb));
    --color-bg-190-rgb: 255, 255, 255;
    --color-bg-190: rgb(var(--color-bg-190-rgb));
    --color-bg-260-rgb: 244, 245, 247;
    --color-bg-260: rgb(var(--color-bg-260-rgb));
    --color-bg-270-rgb: 244, 245, 247;
    --color-bg-270: rgb(var(--color-bg-270-rgb));
    --color-bg-280-rgb: 244, 245, 247;
    --color-bg-280: rgb(var(--color-bg-280-rgb));
    --color-bg-290-rgb: 244, 245, 247;
    --color-bg-290: rgb(var(--color-bg-290-rgb));
    --color-bg-360-rgb: 242, 241, 246;
    --color-bg-360: rgb(var(--color-bg-360-rgb));
    --color-bg-370-rgb: 242, 241, 246;
    --color-bg-370: rgb(var(--color-bg-370-rgb));
    --color-bg-380-rgb: 242, 241, 246;
    --color-bg-380: rgb(var(--color-bg-380-rgb));
    --color-bg-390-rgb: 242, 241, 246;
    --color-bg-390: rgb(var(--color-bg-390-rgb));
    --color-bg-460-rgb: 230, 230, 235;
    --color-bg-460: rgb(var(--color-bg-460-rgb));
    --color-bg-470-rgb: 230, 230, 235;
    --color-bg-470: rgb(var(--color-bg-470-rgb));
    --color-bg-480-rgb: 230, 230, 235;
    --color-bg-480: rgb(var(--color-bg-480-rgb));
    --color-bg-490-rgb: 230, 230, 235;
    --color-bg-490: rgb(var(--color-bg-490-rgb));
    --color-bg-560-rgb: 208, 212, 221;
    --color-bg-560: rgb(var(--color-bg-560-rgb));
    --color-bg-570-rgb: 208, 212, 221;
    --color-bg-570: rgb(var(--color-bg-570-rgb));
    --color-bg-580-rgb: 208, 212, 221;
    --color-bg-580: rgb(var(--color-bg-580-rgb));
    --color-bg-590-rgb: 208, 212, 221;
    --color-bg-590: rgb(var(--color-bg-590-rgb));
    --light-color-bg-160-rgb: 255, 255, 255;
    --light-color-bg-160: rgb(var(--light-color-bg-160-rgb));
    --light-color-bg-170-rgb: 255, 255, 255;
    --light-color-bg-170: rgb(var(--light-color-bg-170-rgb));
    --light-color-bg-180-rgb: 255, 255, 255;
    --light-color-bg-180: rgb(var(--light-color-bg-180-rgb));
    --light-color-bg-190-rgb: 255, 255, 255;
    --light-color-bg-190: rgb(var(--light-color-bg-190-rgb));
    --light-color-bg-260-rgb: 244, 245, 247;
    --light-color-bg-260: rgb(var(--light-color-bg-260-rgb));
    --light-color-bg-270-rgb: 244, 245, 247;
    --light-color-bg-270: rgb(var(--light-color-bg-270-rgb));
    --light-color-bg-280-rgb: 244, 245, 247;
    --light-color-bg-280: rgb(var(--light-color-bg-280-rgb));
    --light-color-bg-290-rgb: 244, 245, 247;
    --light-color-bg-290: rgb(var(--light-color-bg-290-rgb));
    --light-color-bg-360-rgb: 242, 241, 246;
    --light-color-bg-360: rgb(var(--light-color-bg-360-rgb));
    --light-color-bg-370-rgb: 242, 241, 246;
    --light-color-bg-370: rgb(var(--light-color-bg-370-rgb));
    --light-color-bg-380-rgb: 242, 241, 246;
    --light-color-bg-380: rgb(var(--light-color-bg-380-rgb));
    --light-color-bg-390-rgb: 242, 241, 246;
    --light-color-bg-390: rgb(var(--light-color-bg-390-rgb));
    --light-color-bg-460-rgb: 230, 230, 235;
    --light-color-bg-460: rgb(var(--light-color-bg-460-rgb));
    --light-color-bg-470-rgb: 230, 230, 235;
    --light-color-bg-470: rgb(var(--light-color-bg-470-rgb));
    --light-color-bg-480-rgb: 230, 230, 235;
    --light-color-bg-480: rgb(var(--light-color-bg-480-rgb));
    --light-color-bg-490-rgb: 230, 230, 235;
    --light-color-bg-490: rgb(var(--light-color-bg-490-rgb));
    --light-color-bg-560-rgb: 208, 212, 221;
    --light-color-bg-560: rgb(var(--light-color-bg-560-rgb));
    --light-color-bg-570-rgb: 208, 212, 221;
    --light-color-bg-570: rgb(var(--light-color-bg-570-rgb));
    --light-color-bg-580-rgb: 208, 212, 221;
    --light-color-bg-580: rgb(var(--light-color-bg-580-rgb));
    --light-color-bg-590-rgb: 208, 212, 221;
    --light-color-bg-590: rgb(var(--light-color-bg-590-rgb));
    --dark-color-bg-160-rgb: 62, 62, 68;
    --dark-color-bg-160: rgb(var(--dark-color-bg-160-rgb));
    --dark-color-bg-170-rgb: 44, 44, 50;
    --dark-color-bg-170: rgb(var(--dark-color-bg-170-rgb));
    --dark-color-bg-180-rgb: 28, 28, 34;
    --dark-color-bg-180: rgb(var(--dark-color-bg-180-rgb));
    --dark-color-bg-190-rgb: 10, 10, 16;
    --dark-color-bg-190: rgb(var(--dark-color-bg-190-rgb));
    --dark-color-bg-260-rgb: 62, 62, 68;
    --dark-color-bg-260: rgb(var(--dark-color-bg-260-rgb));
    --dark-color-bg-270-rgb: 44, 44, 50;
    --dark-color-bg-270: rgb(var(--dark-color-bg-270-rgb));
    --dark-color-bg-280-rgb: 28, 28, 34;
    --dark-color-bg-280: rgb(var(--dark-color-bg-280-rgb));
    --dark-color-bg-290-rgb: 10, 10, 16;
    --dark-color-bg-290: rgb(var(--dark-color-bg-290-rgb));
    --dark-color-bg-360-rgb: 62, 62, 68;
    --dark-color-bg-360: rgb(var(--dark-color-bg-360-rgb));
    --dark-color-bg-370-rgb: 44, 44, 50;
    --dark-color-bg-370: rgb(var(--dark-color-bg-370-rgb));
    --dark-color-bg-380-rgb: 28, 28, 34;
    --dark-color-bg-380: rgb(var(--dark-color-bg-380-rgb));
    --dark-color-bg-390-rgb: 10, 10, 16;
    --dark-color-bg-390: rgb(var(--dark-color-bg-390-rgb));
    --dark-color-bg-460-rgb: 62, 62, 68;
    --dark-color-bg-460: rgb(var(--dark-color-bg-460-rgb));
    --dark-color-bg-470-rgb: 44, 44, 50;
    --dark-color-bg-470: rgb(var(--dark-color-bg-470-rgb));
    --dark-color-bg-480-rgb: 28, 28, 34;
    --dark-color-bg-480: rgb(var(--dark-color-bg-480-rgb));
    --dark-color-bg-490-rgb: 10, 10, 16;
    --dark-color-bg-490: rgb(var(--dark-color-bg-490-rgb));
    --dark-color-bg-560-rgb: 62, 62, 68;
    --dark-color-bg-560: rgb(var(--dark-color-bg-560-rgb));
    --dark-color-bg-570-rgb: 44, 44, 50;
    --dark-color-bg-570: rgb(var(--dark-color-bg-570-rgb));
    --dark-color-bg-580-rgb: 28, 28, 34;
    --dark-color-bg-580: rgb(var(--dark-color-bg-580-rgb));
    --dark-color-bg-590-rgb: 10, 10, 16;
    --dark-color-bg-590: rgb(var(--dark-color-bg-590-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-160-rgb: 62, 62, 68;
    --color-bg-160: rgb(var(--color-bg-160-rgb));
    --color-bg-170-rgb: 44, 44, 50;
    --color-bg-170: rgb(var(--color-bg-170-rgb));
    --color-bg-180-rgb: 28, 28, 34;
    --color-bg-180: rgb(var(--color-bg-180-rgb));
    --color-bg-190-rgb: 10, 10, 16;
    --color-bg-190: rgb(var(--color-bg-190-rgb));
    --color-bg-260-rgb: 62, 62, 68;
    --color-bg-260: rgb(var(--color-bg-260-rgb));
    --color-bg-270-rgb: 44, 44, 50;
    --color-bg-270: rgb(var(--color-bg-270-rgb));
    --color-bg-280-rgb: 28, 28, 34;
    --color-bg-280: rgb(var(--color-bg-280-rgb));
    --color-bg-290-rgb: 10, 10, 16;
    --color-bg-290: rgb(var(--color-bg-290-rgb));
    --color-bg-360-rgb: 62, 62, 68;
    --color-bg-360: rgb(var(--color-bg-360-rgb));
    --color-bg-370-rgb: 44, 44, 50;
    --color-bg-370: rgb(var(--color-bg-370-rgb));
    --color-bg-380-rgb: 28, 28, 34;
    --color-bg-380: rgb(var(--color-bg-380-rgb));
    --color-bg-390-rgb: 10, 10, 16;
    --color-bg-390: rgb(var(--color-bg-390-rgb));
    --color-bg-460-rgb: 62, 62, 68;
    --color-bg-460: rgb(var(--color-bg-460-rgb));
    --color-bg-470-rgb: 44, 44, 50;
    --color-bg-470: rgb(var(--color-bg-470-rgb));
    --color-bg-480-rgb: 28, 28, 34;
    --color-bg-480: rgb(var(--color-bg-480-rgb));
    --color-bg-490-rgb: 10, 10, 16;
    --color-bg-490: rgb(var(--color-bg-490-rgb));
    --color-bg-560-rgb: 62, 62, 68;
    --color-bg-560: rgb(var(--color-bg-560-rgb));
    --color-bg-570-rgb: 44, 44, 50;
    --color-bg-570: rgb(var(--color-bg-570-rgb));
    --color-bg-580-rgb: 28, 28, 34;
    --color-bg-580: rgb(var(--color-bg-580-rgb));
    --color-bg-590-rgb: 10, 10, 16;
    --color-bg-590: rgb(var(--color-bg-590-rgb));
  }
  :root {
    --color-bg-160-inverse-rgb: 62, 62, 68;
    --color-bg-160-inverse: rgb(var(--color-bg-160-inverse-rgb));
    --color-bg-170-inverse-rgb: 44, 44, 50;
    --color-bg-170-inverse: rgb(var(--color-bg-170-inverse-rgb));
    --color-bg-180-inverse-rgb: 28, 28, 34;
    --color-bg-180-inverse: rgb(var(--color-bg-180-inverse-rgb));
    --color-bg-190-inverse-rgb: 10, 10, 16;
    --color-bg-190-inverse: rgb(var(--color-bg-190-inverse-rgb));
    --color-bg-260-inverse-rgb: 62, 62, 68;
    --color-bg-260-inverse: rgb(var(--color-bg-260-inverse-rgb));
    --color-bg-270-inverse-rgb: 44, 44, 50;
    --color-bg-270-inverse: rgb(var(--color-bg-270-inverse-rgb));
    --color-bg-280-inverse-rgb: 28, 28, 34;
    --color-bg-280-inverse: rgb(var(--color-bg-280-inverse-rgb));
    --color-bg-290-inverse-rgb: 10, 10, 16;
    --color-bg-290-inverse: rgb(var(--color-bg-290-inverse-rgb));
    --color-bg-360-inverse-rgb: 62, 62, 68;
    --color-bg-360-inverse: rgb(var(--color-bg-360-inverse-rgb));
    --color-bg-370-inverse-rgb: 44, 44, 50;
    --color-bg-370-inverse: rgb(var(--color-bg-370-inverse-rgb));
    --color-bg-380-inverse-rgb: 28, 28, 34;
    --color-bg-380-inverse: rgb(var(--color-bg-380-inverse-rgb));
    --color-bg-390-inverse-rgb: 10, 10, 16;
    --color-bg-390-inverse: rgb(var(--color-bg-390-inverse-rgb));
    --color-bg-460-inverse-rgb: 62, 62, 68;
    --color-bg-460-inverse: rgb(var(--color-bg-460-inverse-rgb));
    --color-bg-470-inverse-rgb: 44, 44, 50;
    --color-bg-470-inverse: rgb(var(--color-bg-470-inverse-rgb));
    --color-bg-480-inverse-rgb: 28, 28, 34;
    --color-bg-480-inverse: rgb(var(--color-bg-480-inverse-rgb));
    --color-bg-490-inverse-rgb: 10, 10, 16;
    --color-bg-490-inverse: rgb(var(--color-bg-490-inverse-rgb));
    --color-bg-560-inverse-rgb: 62, 62, 68;
    --color-bg-560-inverse: rgb(var(--color-bg-560-inverse-rgb));
    --color-bg-570-inverse-rgb: 44, 44, 50;
    --color-bg-570-inverse: rgb(var(--color-bg-570-inverse-rgb));
    --color-bg-580-inverse-rgb: 28, 28, 34;
    --color-bg-580-inverse: rgb(var(--color-bg-580-inverse-rgb));
    --color-bg-590-inverse-rgb: 10, 10, 16;
    --color-bg-590-inverse: rgb(var(--color-bg-590-inverse-rgb));
    --light-color-bg-160-inverse-rgb: 62, 62, 68;
    --light-color-bg-160-inverse: rgb(var(--light-color-bg-160-inverse-rgb));
    --light-color-bg-170-inverse-rgb: 44, 44, 50;
    --light-color-bg-170-inverse: rgb(var(--light-color-bg-170-inverse-rgb));
    --light-color-bg-180-inverse-rgb: 28, 28, 34;
    --light-color-bg-180-inverse: rgb(var(--light-color-bg-180-inverse-rgb));
    --light-color-bg-190-inverse-rgb: 10, 10, 16;
    --light-color-bg-190-inverse: rgb(var(--light-color-bg-190-inverse-rgb));
    --light-color-bg-260-inverse-rgb: 62, 62, 68;
    --light-color-bg-260-inverse: rgb(var(--light-color-bg-260-inverse-rgb));
    --light-color-bg-270-inverse-rgb: 44, 44, 50;
    --light-color-bg-270-inverse: rgb(var(--light-color-bg-270-inverse-rgb));
    --light-color-bg-280-inverse-rgb: 28, 28, 34;
    --light-color-bg-280-inverse: rgb(var(--light-color-bg-280-inverse-rgb));
    --light-color-bg-290-inverse-rgb: 10, 10, 16;
    --light-color-bg-290-inverse: rgb(var(--light-color-bg-290-inverse-rgb));
    --light-color-bg-360-inverse-rgb: 62, 62, 68;
    --light-color-bg-360-inverse: rgb(var(--light-color-bg-360-inverse-rgb));
    --light-color-bg-370-inverse-rgb: 44, 44, 50;
    --light-color-bg-370-inverse: rgb(var(--light-color-bg-370-inverse-rgb));
    --light-color-bg-380-inverse-rgb: 28, 28, 34;
    --light-color-bg-380-inverse: rgb(var(--light-color-bg-380-inverse-rgb));
    --light-color-bg-390-inverse-rgb: 10, 10, 16;
    --light-color-bg-390-inverse: rgb(var(--light-color-bg-390-inverse-rgb));
    --light-color-bg-460-inverse-rgb: 62, 62, 68;
    --light-color-bg-460-inverse: rgb(var(--light-color-bg-460-inverse-rgb));
    --light-color-bg-470-inverse-rgb: 44, 44, 50;
    --light-color-bg-470-inverse: rgb(var(--light-color-bg-470-inverse-rgb));
    --light-color-bg-480-inverse-rgb: 28, 28, 34;
    --light-color-bg-480-inverse: rgb(var(--light-color-bg-480-inverse-rgb));
    --light-color-bg-490-inverse-rgb: 10, 10, 16;
    --light-color-bg-490-inverse: rgb(var(--light-color-bg-490-inverse-rgb));
    --light-color-bg-560-inverse-rgb: 62, 62, 68;
    --light-color-bg-560-inverse: rgb(var(--light-color-bg-560-inverse-rgb));
    --light-color-bg-570-inverse-rgb: 44, 44, 50;
    --light-color-bg-570-inverse: rgb(var(--light-color-bg-570-inverse-rgb));
    --light-color-bg-580-inverse-rgb: 28, 28, 34;
    --light-color-bg-580-inverse: rgb(var(--light-color-bg-580-inverse-rgb));
    --light-color-bg-590-inverse-rgb: 10, 10, 16;
    --light-color-bg-590-inverse: rgb(var(--light-color-bg-590-inverse-rgb));
    --dark-color-bg-160-inverse-rgb: 255, 255, 255;
    --dark-color-bg-160-inverse: rgb(var(--dark-color-bg-160-inverse-rgb));
    --dark-color-bg-170-inverse-rgb: 255, 255, 255;
    --dark-color-bg-170-inverse: rgb(var(--dark-color-bg-170-inverse-rgb));
    --dark-color-bg-180-inverse-rgb: 255, 255, 255;
    --dark-color-bg-180-inverse: rgb(var(--dark-color-bg-180-inverse-rgb));
    --dark-color-bg-190-inverse-rgb: 255, 255, 255;
    --dark-color-bg-190-inverse: rgb(var(--dark-color-bg-190-inverse-rgb));
    --dark-color-bg-260-inverse-rgb: 244, 245, 247;
    --dark-color-bg-260-inverse: rgb(var(--dark-color-bg-260-inverse-rgb));
    --dark-color-bg-270-inverse-rgb: 244, 245, 247;
    --dark-color-bg-270-inverse: rgb(var(--dark-color-bg-270-inverse-rgb));
    --dark-color-bg-280-inverse-rgb: 244, 245, 247;
    --dark-color-bg-280-inverse: rgb(var(--dark-color-bg-280-inverse-rgb));
    --dark-color-bg-290-inverse-rgb: 244, 245, 247;
    --dark-color-bg-290-inverse: rgb(var(--dark-color-bg-290-inverse-rgb));
    --dark-color-bg-360-inverse-rgb: 242, 241, 246;
    --dark-color-bg-360-inverse: rgb(var(--dark-color-bg-360-inverse-rgb));
    --dark-color-bg-370-inverse-rgb: 242, 241, 246;
    --dark-color-bg-370-inverse: rgb(var(--dark-color-bg-370-inverse-rgb));
    --dark-color-bg-380-inverse-rgb: 242, 241, 246;
    --dark-color-bg-380-inverse: rgb(var(--dark-color-bg-380-inverse-rgb));
    --dark-color-bg-390-inverse-rgb: 242, 241, 246;
    --dark-color-bg-390-inverse: rgb(var(--dark-color-bg-390-inverse-rgb));
    --dark-color-bg-460-inverse-rgb: 230, 230, 235;
    --dark-color-bg-460-inverse: rgb(var(--dark-color-bg-460-inverse-rgb));
    --dark-color-bg-470-inverse-rgb: 230, 230, 235;
    --dark-color-bg-470-inverse: rgb(var(--dark-color-bg-470-inverse-rgb));
    --dark-color-bg-480-inverse-rgb: 230, 230, 235;
    --dark-color-bg-480-inverse: rgb(var(--dark-color-bg-480-inverse-rgb));
    --dark-color-bg-490-inverse-rgb: 230, 230, 235;
    --dark-color-bg-490-inverse: rgb(var(--dark-color-bg-490-inverse-rgb));
    --dark-color-bg-560-inverse-rgb: 208, 212, 221;
    --dark-color-bg-560-inverse: rgb(var(--dark-color-bg-560-inverse-rgb));
    --dark-color-bg-570-inverse-rgb: 208, 212, 221;
    --dark-color-bg-570-inverse: rgb(var(--dark-color-bg-570-inverse-rgb));
    --dark-color-bg-580-inverse-rgb: 208, 212, 221;
    --dark-color-bg-580-inverse: rgb(var(--dark-color-bg-580-inverse-rgb));
    --dark-color-bg-590-inverse-rgb: 208, 212, 221;
    --dark-color-bg-590-inverse: rgb(var(--dark-color-bg-590-inverse-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-160-inverse-rgb: 255, 255, 255;
    --color-bg-160-inverse: rgb(var(--color-bg-160-inverse-rgb));
    --color-bg-170-inverse-rgb: 255, 255, 255;
    --color-bg-170-inverse: rgb(var(--color-bg-170-inverse-rgb));
    --color-bg-180-inverse-rgb: 255, 255, 255;
    --color-bg-180-inverse: rgb(var(--color-bg-180-inverse-rgb));
    --color-bg-190-inverse-rgb: 255, 255, 255;
    --color-bg-190-inverse: rgb(var(--color-bg-190-inverse-rgb));
    --color-bg-260-inverse-rgb: 244, 245, 247;
    --color-bg-260-inverse: rgb(var(--color-bg-260-inverse-rgb));
    --color-bg-270-inverse-rgb: 244, 245, 247;
    --color-bg-270-inverse: rgb(var(--color-bg-270-inverse-rgb));
    --color-bg-280-inverse-rgb: 244, 245, 247;
    --color-bg-280-inverse: rgb(var(--color-bg-280-inverse-rgb));
    --color-bg-290-inverse-rgb: 244, 245, 247;
    --color-bg-290-inverse: rgb(var(--color-bg-290-inverse-rgb));
    --color-bg-360-inverse-rgb: 242, 241, 246;
    --color-bg-360-inverse: rgb(var(--color-bg-360-inverse-rgb));
    --color-bg-370-inverse-rgb: 242, 241, 246;
    --color-bg-370-inverse: rgb(var(--color-bg-370-inverse-rgb));
    --color-bg-380-inverse-rgb: 242, 241, 246;
    --color-bg-380-inverse: rgb(var(--color-bg-380-inverse-rgb));
    --color-bg-390-inverse-rgb: 242, 241, 246;
    --color-bg-390-inverse: rgb(var(--color-bg-390-inverse-rgb));
    --color-bg-460-inverse-rgb: 230, 230, 235;
    --color-bg-460-inverse: rgb(var(--color-bg-460-inverse-rgb));
    --color-bg-470-inverse-rgb: 230, 230, 235;
    --color-bg-470-inverse: rgb(var(--color-bg-470-inverse-rgb));
    --color-bg-480-inverse-rgb: 230, 230, 235;
    --color-bg-480-inverse: rgb(var(--color-bg-480-inverse-rgb));
    --color-bg-490-inverse-rgb: 230, 230, 235;
    --color-bg-490-inverse: rgb(var(--color-bg-490-inverse-rgb));
    --color-bg-560-inverse-rgb: 208, 212, 221;
    --color-bg-560-inverse: rgb(var(--color-bg-560-inverse-rgb));
    --color-bg-570-inverse-rgb: 208, 212, 221;
    --color-bg-570-inverse: rgb(var(--color-bg-570-inverse-rgb));
    --color-bg-580-inverse-rgb: 208, 212, 221;
    --color-bg-580-inverse: rgb(var(--color-bg-580-inverse-rgb));
    --color-bg-590-inverse-rgb: 208, 212, 221;
    --color-bg-590-inverse: rgb(var(--color-bg-590-inverse-rgb));
  }
  :root {
    --color-bg-standard-hover-rgb: 27, 42, 74, 0.04;
    --color-bg-standard-hover: rgb(var(--color-bg-standard-hover-rgb));
    --color-bg-code-rgb: 255, 255, 255, 0.08;
    --color-bg-code: rgb(var(--color-bg-code-rgb));
    --light-color-bg-standard-hover-rgb: 27, 42, 74, 0.04;
    --light-color-bg-standard-hover: rgb(var(--light-color-bg-standard-hover-rgb));
    --light-color-bg-code-rgb: 255, 255, 255, 0.08;
    --light-color-bg-code: rgb(var(--light-color-bg-code-rgb));
    --dark-color-bg-standard-hover-rgb: 227, 227, 227, 0.04;
    --dark-color-bg-standard-hover: rgb(var(--dark-color-bg-standard-hover-rgb));
    --dark-color-bg-code-rgb: 255, 255, 255, 0.08;
    --dark-color-bg-code: rgb(var(--dark-color-bg-code-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-standard-hover-rgb: 227, 227, 227, 0.04;
    --color-bg-standard-hover: rgb(var(--color-bg-standard-hover-rgb));
    --color-bg-code-rgb: 255, 255, 255, 0.08;
    --color-bg-code: rgb(var(--color-bg-code-rgb));
  }
  :root {
    --color-bg-standard-hover-inverse-rgb: 227, 227, 227, 0.06;
    --color-bg-standard-hover-inverse: rgb(var(--color-bg-standard-hover-inverse-rgb));
    --color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --color-bg-code-inverse: rgb(var(--color-bg-code-inverse-rgb));
    --light-color-bg-standard-hover-inverse-rgb: 227, 227, 227, 0.06;
    --light-color-bg-standard-hover-inverse: rgb(var(--light-color-bg-standard-hover-inverse-rgb));
    --light-color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --light-color-bg-code-inverse: rgb(var(--light-color-bg-code-inverse-rgb));
    --dark-color-bg-standard-hover-inverse-rgb: 27, 42, 74, 0.06;
    --dark-color-bg-standard-hover-inverse: rgb(var(--dark-color-bg-standard-hover-inverse-rgb));
    --dark-color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --dark-color-bg-code-inverse: rgb(var(--dark-color-bg-code-inverse-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-standard-hover-inverse-rgb: 27, 42, 74, 0.06;
    --color-bg-standard-hover-inverse: rgb(var(--color-bg-standard-hover-inverse-rgb));
    --color-bg-code-inverse-rgb: 255, 255, 255, 0.08;
    --color-bg-code-inverse: rgb(var(--color-bg-code-inverse-rgb));
  }
  /* 
  	This generates all the permutations of the border colors, resulting in:
      'light': (
          '230': <light value for color '2'>,
          (...)
      ),
      'dark': (
          '230': <dark value for color '3'>,
          (...)
      ),
  */
  :root {
    --color-line-130-rgb: 255, 255, 255;
    --color-line-130: rgb(var(--color-line-130-rgb));
    --color-line-150-rgb: 255, 255, 255;
    --color-line-150: rgb(var(--color-line-150-rgb));
    --color-line-190-rgb: 255, 255, 255;
    --color-line-190: rgb(var(--color-line-190-rgb));
    --color-line-230-rgb: 226, 226, 226;
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250-rgb: 226, 226, 226;
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-line-290-rgb: 226, 226, 226;
    --color-line-290: rgb(var(--color-line-290-rgb));
    --color-line-330-rgb: 185, 184, 188;
    --color-line-330: rgb(var(--color-line-330-rgb));
    --color-line-350-rgb: 185, 184, 188;
    --color-line-350: rgb(var(--color-line-350-rgb));
    --color-line-390-rgb: 185, 184, 188;
    --color-line-390: rgb(var(--color-line-390-rgb));
    --color-line-340-rgb: 185, 184, 188;
    --color-line-340: rgb(var(--color-line-340-rgb));
    --light-color-line-130-rgb: 255, 255, 255;
    --light-color-line-130: rgb(var(--light-color-line-130-rgb));
    --light-color-line-150-rgb: 255, 255, 255;
    --light-color-line-150: rgb(var(--light-color-line-150-rgb));
    --light-color-line-190-rgb: 255, 255, 255;
    --light-color-line-190: rgb(var(--light-color-line-190-rgb));
    --light-color-line-230-rgb: 226, 226, 226;
    --light-color-line-230: rgb(var(--light-color-line-230-rgb));
    --light-color-line-250-rgb: 226, 226, 226;
    --light-color-line-250: rgb(var(--light-color-line-250-rgb));
    --light-color-line-290-rgb: 226, 226, 226;
    --light-color-line-290: rgb(var(--light-color-line-290-rgb));
    --light-color-line-330-rgb: 185, 184, 188;
    --light-color-line-330: rgb(var(--light-color-line-330-rgb));
    --light-color-line-350-rgb: 185, 184, 188;
    --light-color-line-350: rgb(var(--light-color-line-350-rgb));
    --light-color-line-390-rgb: 185, 184, 188;
    --light-color-line-390: rgb(var(--light-color-line-390-rgb));
    --light-color-line-340-rgb: 185, 184, 188;
    --light-color-line-340: rgb(var(--light-color-line-340-rgb));
    --dark-color-line-130-rgb: 78, 79, 85;
    --dark-color-line-130: rgb(var(--dark-color-line-130-rgb));
    --dark-color-line-150-rgb: 45, 46, 49;
    --dark-color-line-150: rgb(var(--dark-color-line-150-rgb));
    --dark-color-line-190-rgb: 10, 10, 16;
    --dark-color-line-190: rgb(var(--dark-color-line-190-rgb));
    --dark-color-line-230-rgb: 78, 79, 85;
    --dark-color-line-230: rgb(var(--dark-color-line-230-rgb));
    --dark-color-line-250-rgb: 45, 46, 49;
    --dark-color-line-250: rgb(var(--dark-color-line-250-rgb));
    --dark-color-line-290-rgb: 10, 10, 16;
    --dark-color-line-290: rgb(var(--dark-color-line-290-rgb));
    --dark-color-line-330-rgb: 78, 79, 85;
    --dark-color-line-330: rgb(var(--dark-color-line-330-rgb));
    --dark-color-line-350-rgb: 45, 46, 49;
    --dark-color-line-350: rgb(var(--dark-color-line-350-rgb));
    --dark-color-line-390-rgb: 10, 10, 16;
    --dark-color-line-390: rgb(var(--dark-color-line-390-rgb));
    --dark-color-line-340-rgb: 110, 111, 117;
    --dark-color-line-340: rgb(var(--dark-color-line-340-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-line-130-rgb: 78, 79, 85;
    --color-line-130: rgb(var(--color-line-130-rgb));
    --color-line-150-rgb: 45, 46, 49;
    --color-line-150: rgb(var(--color-line-150-rgb));
    --color-line-190-rgb: 10, 10, 16;
    --color-line-190: rgb(var(--color-line-190-rgb));
    --color-line-230-rgb: 78, 79, 85;
    --color-line-230: rgb(var(--color-line-230-rgb));
    --color-line-250-rgb: 45, 46, 49;
    --color-line-250: rgb(var(--color-line-250-rgb));
    --color-line-290-rgb: 10, 10, 16;
    --color-line-290: rgb(var(--color-line-290-rgb));
    --color-line-330-rgb: 78, 79, 85;
    --color-line-330: rgb(var(--color-line-330-rgb));
    --color-line-350-rgb: 45, 46, 49;
    --color-line-350: rgb(var(--color-line-350-rgb));
    --color-line-390-rgb: 10, 10, 16;
    --color-line-390: rgb(var(--color-line-390-rgb));
    --color-line-340-rgb: 110, 111, 117;
    --color-line-340: rgb(var(--color-line-340-rgb));
  }
  :root .line-transparent,
  :root .border-transparent {
    border-color: transparent;
  }
  .line-primary-500-20,
  .border-primary-500-20 {
    border: 1px solid rgba(var(--color-primary-500-rgb), 0.2);
  }
  :root .line-130,
  :root .border-130 {
    border: 1px solid rgb(var(--color-line-130-rgb));
  }
  :root .line-130-as-fc,
  :root .border-130-as-fc {
    color: rgb(var(--color-line-130-rgb));
  }
  :root .line-130-as-bg,
  :root .border-130-as-bg {
    background-color: rgb(var(--color-line-130-rgb));
  }
  @media (hover: hover) {
    :root .line-130-on-hover:hover,
    :root .border-130-on-hover:hover {
      border-color: rgb(var(--color-line-130-rgb));
    }
    :root .hover-parent:hover .line-130-on-hover-parent,
    :root .hover-parent:hover .border-130-on-hover-parent {
      border-color: rgb(var(--color-line-130-rgb));
    }
  }
  :root .line-150,
  :root .border-150 {
    border: 1px solid rgb(var(--color-line-150-rgb));
  }
  :root .line-150-as-fc,
  :root .border-150-as-fc {
    color: rgb(var(--color-line-150-rgb));
  }
  :root .line-150-as-bg,
  :root .border-150-as-bg {
    background-color: rgb(var(--color-line-150-rgb));
  }
  @media (hover: hover) {
    :root .line-150-on-hover:hover,
    :root .border-150-on-hover:hover {
      border-color: rgb(var(--color-line-150-rgb));
    }
    :root .hover-parent:hover .line-150-on-hover-parent,
    :root .hover-parent:hover .border-150-on-hover-parent {
      border-color: rgb(var(--color-line-150-rgb));
    }
  }
  :root .line-190,
  :root .border-190 {
    border: 1px solid rgb(var(--color-line-190-rgb));
  }
  :root .line-190-as-fc,
  :root .border-190-as-fc {
    color: rgb(var(--color-line-190-rgb));
  }
  :root .line-190-as-bg,
  :root .border-190-as-bg {
    background-color: rgb(var(--color-line-190-rgb));
  }
  @media (hover: hover) {
    :root .line-190-on-hover:hover,
    :root .border-190-on-hover:hover {
      border-color: rgb(var(--color-line-190-rgb));
    }
    :root .hover-parent:hover .line-190-on-hover-parent,
    :root .hover-parent:hover .border-190-on-hover-parent {
      border-color: rgb(var(--color-line-190-rgb));
    }
  }
  :root .line-230,
  :root .border-230 {
    border: 1px solid rgb(var(--color-line-230-rgb));
  }
  :root .line-230-as-fc,
  :root .border-230-as-fc {
    color: rgb(var(--color-line-230-rgb));
  }
  :root .line-230-as-bg,
  :root .border-230-as-bg {
    background-color: rgb(var(--color-line-230-rgb));
  }
  @media (hover: hover) {
    :root .line-230-on-hover:hover,
    :root .border-230-on-hover:hover {
      border-color: rgb(var(--color-line-230-rgb));
    }
    :root .hover-parent:hover .line-230-on-hover-parent,
    :root .hover-parent:hover .border-230-on-hover-parent {
      border-color: rgb(var(--color-line-230-rgb));
    }
  }
  :root .line-250,
  :root .border-250 {
    border: 1px solid rgb(var(--color-line-250-rgb));
  }
  :root .line-250-as-fc,
  :root .border-250-as-fc {
    color: rgb(var(--color-line-250-rgb));
  }
  :root .line-250-as-bg,
  :root .border-250-as-bg {
    background-color: rgb(var(--color-line-250-rgb));
  }
  @media (hover: hover) {
    :root .line-250-on-hover:hover,
    :root .border-250-on-hover:hover {
      border-color: rgb(var(--color-line-250-rgb));
    }
    :root .hover-parent:hover .line-250-on-hover-parent,
    :root .hover-parent:hover .border-250-on-hover-parent {
      border-color: rgb(var(--color-line-250-rgb));
    }
  }
  :root .line-290,
  :root .border-290 {
    border: 1px solid rgb(var(--color-line-290-rgb));
  }
  :root .line-290-as-fc,
  :root .border-290-as-fc {
    color: rgb(var(--color-line-290-rgb));
  }
  :root .line-290-as-bg,
  :root .border-290-as-bg {
    background-color: rgb(var(--color-line-290-rgb));
  }
  @media (hover: hover) {
    :root .line-290-on-hover:hover,
    :root .border-290-on-hover:hover {
      border-color: rgb(var(--color-line-290-rgb));
    }
    :root .hover-parent:hover .line-290-on-hover-parent,
    :root .hover-parent:hover .border-290-on-hover-parent {
      border-color: rgb(var(--color-line-290-rgb));
    }
  }
  :root .line-330,
  :root .border-330 {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  :root .line-330-as-fc,
  :root .border-330-as-fc {
    color: rgb(var(--color-line-330-rgb));
  }
  :root .line-330-as-bg,
  :root .border-330-as-bg {
    background-color: rgb(var(--color-line-330-rgb));
  }
  @media (hover: hover) {
    :root .line-330-on-hover:hover,
    :root .border-330-on-hover:hover {
      border-color: rgb(var(--color-line-330-rgb));
    }
    :root .hover-parent:hover .line-330-on-hover-parent,
    :root .hover-parent:hover .border-330-on-hover-parent {
      border-color: rgb(var(--color-line-330-rgb));
    }
  }
  :root .line-350,
  :root .border-350 {
    border: 1px solid rgb(var(--color-line-350-rgb));
  }
  :root .line-350-as-fc,
  :root .border-350-as-fc {
    color: rgb(var(--color-line-350-rgb));
  }
  :root .line-350-as-bg,
  :root .border-350-as-bg {
    background-color: rgb(var(--color-line-350-rgb));
  }
  @media (hover: hover) {
    :root .line-350-on-hover:hover,
    :root .border-350-on-hover:hover {
      border-color: rgb(var(--color-line-350-rgb));
    }
    :root .hover-parent:hover .line-350-on-hover-parent,
    :root .hover-parent:hover .border-350-on-hover-parent {
      border-color: rgb(var(--color-line-350-rgb));
    }
  }
  :root .line-390,
  :root .border-390 {
    border: 1px solid rgb(var(--color-line-390-rgb));
  }
  :root .line-390-as-fc,
  :root .border-390-as-fc {
    color: rgb(var(--color-line-390-rgb));
  }
  :root .line-390-as-bg,
  :root .border-390-as-bg {
    background-color: rgb(var(--color-line-390-rgb));
  }
  @media (hover: hover) {
    :root .line-390-on-hover:hover,
    :root .border-390-on-hover:hover {
      border-color: rgb(var(--color-line-390-rgb));
    }
    :root .hover-parent:hover .line-390-on-hover-parent,
    :root .hover-parent:hover .border-390-on-hover-parent {
      border-color: rgb(var(--color-line-390-rgb));
    }
  }
  :root .line-340,
  :root .border-340 {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  :root .line-340-as-fc,
  :root .border-340-as-fc {
    color: rgb(var(--color-line-340-rgb));
  }
  :root .line-340-as-bg,
  :root .border-340-as-bg {
    background-color: rgb(var(--color-line-340-rgb));
  }
  @media (hover: hover) {
    :root .line-340-on-hover:hover,
    :root .border-340-on-hover:hover {
      border-color: rgb(var(--color-line-340-rgb));
    }
    :root .hover-parent:hover .line-340-on-hover-parent,
    :root .hover-parent:hover .border-340-on-hover-parent {
      border-color: rgb(var(--color-line-340-rgb));
    }
  }
  :root .line-primary, :root .line-theme-primary,
  :root .border-primary,
  :root .border-theme-primary {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-on-hover:hover, :root .line-theme-primary-on-hover:hover,
    :root .border-primary-on-hover:hover,
    :root .border-theme-primary-on-hover:hover {
      border-color: rgb(var(--color-primary-rgb));
    }
    :root .hover-parent:hover .line-primary-on-hover-parent, :root .hover-parent:hover .line-theme-primary-on-hover-parent,
    :root .hover-parent:hover .border-primary-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-on-hover-parent {
      border-color: rgb(var(--color-primary-rgb));
    }
  }
  :root .line-primary-light, :root .line-theme-primary-light,
  :root .border-primary-light,
  :root .border-theme-primary-light {
    border: 1px solid rgb(var(--color-primary-light-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-light-on-hover:hover, :root .line-theme-primary-light-on-hover:hover,
    :root .border-primary-light-on-hover:hover,
    :root .border-theme-primary-light-on-hover:hover {
      border-color: rgb(var(--color-primary-light-rgb));
    }
    :root .hover-parent:hover .line-primary-light-on-hover-parent, :root .hover-parent:hover .line-theme-primary-light-on-hover-parent,
    :root .hover-parent:hover .border-primary-light-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-light-on-hover-parent {
      border-color: rgb(var(--color-primary-light-rgb));
    }
  }
  :root .line-primary-dark, :root .line-theme-primary-dark,
  :root .border-primary-dark,
  :root .border-theme-primary-dark {
    border: 1px solid rgb(var(--color-primary-dark-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-dark-on-hover:hover, :root .line-theme-primary-dark-on-hover:hover,
    :root .border-primary-dark-on-hover:hover,
    :root .border-theme-primary-dark-on-hover:hover {
      border-color: rgb(var(--color-primary-dark-rgb));
    }
    :root .hover-parent:hover .line-primary-dark-on-hover-parent, :root .hover-parent:hover .line-theme-primary-dark-on-hover-parent,
    :root .hover-parent:hover .border-primary-dark-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-dark-on-hover-parent {
      border-color: rgb(var(--color-primary-dark-rgb));
    }
  }
  :root .line-primary-200, :root .line-theme-primary-200,
  :root .border-primary-200,
  :root .border-theme-primary-200 {
    border: 1px solid rgb(var(--color-primary-200-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-200-on-hover:hover, :root .line-theme-primary-200-on-hover:hover,
    :root .border-primary-200-on-hover:hover,
    :root .border-theme-primary-200-on-hover:hover {
      border-color: rgb(var(--color-primary-200-rgb));
    }
    :root .hover-parent:hover .line-primary-200-on-hover-parent, :root .hover-parent:hover .line-theme-primary-200-on-hover-parent,
    :root .hover-parent:hover .border-primary-200-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-200-on-hover-parent {
      border-color: rgb(var(--color-primary-200-rgb));
    }
  }
  :root .line-primary-500, :root .line-theme-primary-500,
  :root .border-primary-500,
  :root .border-theme-primary-500 {
    border: 1px solid rgb(var(--color-primary-500-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-500-on-hover:hover, :root .line-theme-primary-500-on-hover:hover,
    :root .border-primary-500-on-hover:hover,
    :root .border-theme-primary-500-on-hover:hover {
      border-color: rgb(var(--color-primary-500-rgb));
    }
    :root .hover-parent:hover .line-primary-500-on-hover-parent, :root .hover-parent:hover .line-theme-primary-500-on-hover-parent,
    :root .hover-parent:hover .border-primary-500-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-500-on-hover-parent {
      border-color: rgb(var(--color-primary-500-rgb));
    }
  }
  :root .line-primary-700, :root .line-theme-primary-700,
  :root .border-primary-700,
  :root .border-theme-primary-700 {
    border: 1px solid rgb(var(--color-primary-700-rgb));
  }
  @media (hover: hover) {
    :root .line-primary-700-on-hover:hover, :root .line-theme-primary-700-on-hover:hover,
    :root .border-primary-700-on-hover:hover,
    :root .border-theme-primary-700-on-hover:hover {
      border-color: rgb(var(--color-primary-700-rgb));
    }
    :root .hover-parent:hover .line-primary-700-on-hover-parent, :root .hover-parent:hover .line-theme-primary-700-on-hover-parent,
    :root .hover-parent:hover .border-primary-700-on-hover-parent,
    :root .hover-parent:hover .border-theme-primary-700-on-hover-parent {
      border-color: rgb(var(--color-primary-700-rgb));
    }
  }
  :root .line-warn, :root .line-theme-warn,
  :root .border-warn,
  :root .border-theme-warn {
    border: 1px solid rgb(var(--color-warn-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-on-hover:hover, :root .line-theme-warn-on-hover:hover,
    :root .border-warn-on-hover:hover,
    :root .border-theme-warn-on-hover:hover {
      border-color: rgb(var(--color-warn-rgb));
    }
    :root .hover-parent:hover .line-warn-on-hover-parent, :root .hover-parent:hover .line-theme-warn-on-hover-parent,
    :root .hover-parent:hover .border-warn-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-on-hover-parent {
      border-color: rgb(var(--color-warn-rgb));
    }
  }
  :root .line-warn-dark, :root .line-theme-warn-dark,
  :root .border-warn-dark,
  :root .border-theme-warn-dark {
    border: 1px solid rgb(var(--color-warn-dark-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-dark-on-hover:hover, :root .line-theme-warn-dark-on-hover:hover,
    :root .border-warn-dark-on-hover:hover,
    :root .border-theme-warn-dark-on-hover:hover {
      border-color: rgb(var(--color-warn-dark-rgb));
    }
    :root .hover-parent:hover .line-warn-dark-on-hover-parent, :root .hover-parent:hover .line-theme-warn-dark-on-hover-parent,
    :root .hover-parent:hover .border-warn-dark-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-dark-on-hover-parent {
      border-color: rgb(var(--color-warn-dark-rgb));
    }
  }
  :root .line-warn-500, :root .line-theme-warn-500,
  :root .border-warn-500,
  :root .border-theme-warn-500 {
    border: 1px solid rgb(var(--color-warn-500-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-500-on-hover:hover, :root .line-theme-warn-500-on-hover:hover,
    :root .border-warn-500-on-hover:hover,
    :root .border-theme-warn-500-on-hover:hover {
      border-color: rgb(var(--color-warn-500-rgb));
    }
    :root .hover-parent:hover .line-warn-500-on-hover-parent, :root .hover-parent:hover .line-theme-warn-500-on-hover-parent,
    :root .hover-parent:hover .border-warn-500-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-500-on-hover-parent {
      border-color: rgb(var(--color-warn-500-rgb));
    }
  }
  :root .line-warn-700, :root .line-theme-warn-700,
  :root .border-warn-700,
  :root .border-theme-warn-700 {
    border: 1px solid rgb(var(--color-warn-700-rgb));
  }
  @media (hover: hover) {
    :root .line-warn-700-on-hover:hover, :root .line-theme-warn-700-on-hover:hover,
    :root .border-warn-700-on-hover:hover,
    :root .border-theme-warn-700-on-hover:hover {
      border-color: rgb(var(--color-warn-700-rgb));
    }
    :root .hover-parent:hover .line-warn-700-on-hover-parent, :root .hover-parent:hover .line-theme-warn-700-on-hover-parent,
    :root .hover-parent:hover .border-warn-700-on-hover-parent,
    :root .hover-parent:hover .border-theme-warn-700-on-hover-parent {
      border-color: rgb(var(--color-warn-700-rgb));
    }
  }
  .line-primary-on-focus:focus,
  .border-primary-on-focus:focus {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  .line-primary-on-focus-within:focus-within,
  .border-primary-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-primary-rgb));
  }
  .line-330-on-focus:focus,
  .border-330-on-focus:focus {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  .line-330-on-focus-within:focus-within,
  .border-330-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-line-330-rgb));
  }
  .line-340-on-focus:focus,
  .border-340-on-focus:focus {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  .line-340-on-focus-within:focus-within,
  .border-340-on-focus-within:focus-within {
    border: 1px solid rgb(var(--color-line-340-rgb));
  }
  .line-shiny,
  .border-shiny {
    border: 1px solid var(linear-gradient(147deg, #66d4bb -2.01%, #48a1ee 111.11%), #66d4bb);
  }
  :root {
    --color-highlight-text-rgb: 48, 107, 159;
    --color-highlight-text: rgb(var(--color-highlight-text-rgb));
    --color-highlight-background: rgba(var(--color-primary-rgb), 0.25);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-highlight-text-rgb: var(--color-primary-rgb);
    --color-highlight-text: rgb(var(--color-highlight-text-rgb));
  }
  :root {
    --color-bg-modal-rgb: 255, 255, 255;
    --color-bg-modal-search-rgb: 244, 245, 247;
    --color-bg-modal: rgb(var(--color-bg-modal-rgb));
    --color-bg-modal-search: rgb(var(--color-bg-modal-search-rgb));
    --color-bg-dark-modal: rgb(var(--color-bg-290-rgb));
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-bg-modal-rgb: 27, 28, 31;
    --color-bg-modal-search-rgb: 37, 39, 44;
  }
  .bg-modal,
  .bg-m {
    background-color: var(--color-bg-modal);
  }
  .bg-modal-search,
  .bg-m-search {
    background-color: var(--color-bg-modal-search);
  }
  .bg-dark-modal,
  .bg-d-m {
    background-color: var(--color-bg-dark-modal);
  }
  :root {
    --__fg-to-bg-opacity: 0.2;
    --color-node-note-rgb: 241, 89, 42;
    --color-node-note: rgb(var(--color-node-note-rgb));
    --color-node-note-bg: rgba(var(--color-node-note-rgb), var(--__fg-to-bg-opacity));
    --color-node-tag-rgb: 72, 161, 238;
    --color-node-tag: rgb(var(--color-node-tag-rgb));
    --color-node-tag-bg: rgba(var(--color-node-tag-rgb), var(--__fg-to-bg-opacity));
    --color-node-website-rgb: 87, 192, 66;
    --color-node-website: rgb(var(--color-node-website-rgb));
    --color-node-website-bg: rgba(var(--color-node-website-rgb), var(--__fg-to-bg-opacity));
    --color-node-file-rgb: 129, 130, 136;
    --color-node-file: rgb(var(--color-node-file-rgb));
    --color-node-file-bg: rgba(var(--color-node-file-rgb), var(--__fg-to-bg-opacity));
    --color-node-document-rgb: 129, 130, 136;
    --color-node-document: rgb(var(--color-node-document-rgb));
    --color-node-document-bg: rgba(var(--color-node-document-rgb), var(--__fg-to-bg-opacity));
    --color-node-workspace-rgb: 252, 198, 0;
    --color-node-workspace: rgb(var(--color-node-workspace-rgb));
    --color-node-workspace-bg: rgba(var(--color-node-workspace-rgb), var(--__fg-to-bg-opacity));
    --color-node-ai-rgb: 139, 92, 246;
    --color-node-ai: rgb(var(--color-node-ai-rgb));
    --color-node-ai-bg: rgba(var(--color-node-ai-rgb), var(--__fg-to-bg-opacity));
  }
  .icon-note,
  .note-color,
  .color-note,
  .node-type-note-color {
    --color-node-rgb: var(--color-node-note-rgb);
    --color-node: var(--color-node-note);
    --color-node-bg: var(--color-node-note-bg);
  }
  .icon-tag,
  .tag-color,
  .color-tag,
  .node-type-tag-color {
    --color-node-rgb: var(--color-node-tag-rgb);
    --color-node: var(--color-node-tag);
    --color-node-bg: var(--color-node-tag-bg);
  }
  .icon-website,
  .website-color,
  .color-website,
  .node-type-website-color {
    --color-node-rgb: var(--color-node-website-rgb);
    --color-node: var(--color-node-website);
    --color-node-bg: var(--color-node-website-bg);
  }
  .icon-document,
  .file-color,
  .color-file,
  .node-type-file-color {
    --color-node-rgb: var(--color-node-file-rgb);
    --color-node: var(--color-node-file);
    --color-node-bg: var(--color-node-file-bg);
  }
  .icon-document,
  .document-color,
  .color-document,
  .node-type-document-color {
    --color-node-rgb: var(--color-node-document-rgb);
    --color-node: var(--color-node-document);
    --color-node-bg: var(--color-node-document-bg);
  }
  .icon-workspace,
  .workspace-color,
  .color-workspace,
  .node-type-workspace-color {
    --color-node-rgb: var(--color-node-workspace-rgb);
    --color-node: var(--color-node-workspace);
    --color-node-bg: var(--color-node-workspace-bg);
  }
  .icon-ai,
  .ai-color,
  .color-ai,
  .node-type-ai-color {
    --color-node-rgb: var(--color-node-ai-rgb);
    --color-node: var(--color-node-ai);
    --color-node-bg: var(--color-node-ai-bg);
  }
  :root {
    --color-font-notifications-badge: var(--color-text-white);
    --color-border-notifications-badge: var(--color-text-white);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --color-font-notifications-badge: rgb(var(--color-text-800-rgb));
    --color-border-notifications-badge: rgb(var(--color-text-800-rgb));
  }
  :root {
    --color-shadow-rgb: 0, 0, 0;
    --color-shadow-alpha: 0.25;
    --color-shadow: rgba(var(--color-shadow-rgb), var(--color-shadow-alpha));
    --shadow-1: 0px 2px 2px rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
    --shadow-2: 0px 14px 14px rgba(0, 0, 0, 0.1), 0px 8px 8px rgba(0, 0, 0, 0.2),
    	0 0 4px 3px rgba(0, 0, 0, 0.1);
    --shadow-menu: 4px 10px 16px 0px rgba(12, 30, 70, 0.08), 2px 6px 12px 0px rgba(17, 42, 96, 0.06),
    	0px 2px 6px 0px rgba(13, 34, 80, 0.02), 0px 0px 4px 0px rgba(9, 22, 70, 0.02),
    	0px 1px 2px 0px rgba(0, 0, 0, 0.02);
  }
  :root[app-theme=auto][client-theme=dark], :root[app-theme=dark] {
    --shadow-menu: 4px 10px 16px 0px rgba(0, 0, 0, 0.25), 2px 6px 12px 0px rgba(0, 0, 0, 0.25),
    	0px 2px 6px 0px rgba(0, 0, 0, 0.2), 0px 0px 4px 0px rgba(14, 17, 28, 0.15),
    	0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  }
  .shadow-1, .shadow-z1 {
    box-shadow: var(--shadow-1);
  }
  .shadow-2, .shadow-z2 {
    box-shadow: var(--shadow-2);
  }
  .shadow-menu {
    box-shadow: var(--shadow-menu);
  }
  .fill-on-hover-0:hover {
    fill-opacity: 0;
  }
  .fill-on-hover-5:hover {
    fill-opacity: 0.05;
  }
  .fill-on-hover-10:hover {
    fill-opacity: 0.1;
  }
  .fill-on-hover-15:hover {
    fill-opacity: 0.15;
  }
  .fill-on-hover-20:hover {
    fill-opacity: 0.2;
  }
  .fill-on-hover-25:hover {
    fill-opacity: 0.25;
  }
  .fill-on-hover-30:hover {
    fill-opacity: 0.3;
  }
  .fill-on-hover-35:hover {
    fill-opacity: 0.35;
  }
  .fill-on-hover-40:hover {
    fill-opacity: 0.4;
  }
  .fill-on-hover-45:hover {
    fill-opacity: 0.45;
  }
  .fill-on-hover-50:hover {
    fill-opacity: 0.5;
  }
  .fill-on-hover-55:hover {
    fill-opacity: 0.55;
  }
  .fill-on-hover-60:hover {
    fill-opacity: 0.6;
  }
  .fill-on-hover-65:hover {
    fill-opacity: 0.65;
  }
  .fill-on-hover-70:hover {
    fill-opacity: 0.7;
  }
  .fill-on-hover-75:hover {
    fill-opacity: 0.75;
  }
  .fill-on-hover-80:hover {
    fill-opacity: 0.8;
  }
  .fill-on-hover-85:hover {
    fill-opacity: 0.85;
  }
  .fill-on-hover-90:hover {
    fill-opacity: 0.9;
  }
  .fill-on-hover-95:hover {
    fill-opacity: 0.95;
  }
  .fill-on-hover-100:hover {
    fill-opacity: 1;
  }
  .code-container {
    background-color: var(--color-code-bg);
    color: var(--color-code-text);
  }
  :root {
    --font-family-base: 'Helvetica Neue', 'AppPrimary', Arial, sans-serif;
    --font-family-serif: Georgia, 'Times New Roman', serif;
    --font-family-monospace: Monaco, 'Courier New', monospace;
  }
  html {
    font-family: "Helvetica Neue", "AppPrimary", Arial, sans-serif;
    font-family: var(--font-family-base);
  }
  input,
  textarea,
  button {
    font-family: inherit;
  }
  .font-family-default, .font-family-base {
    font-family: var(--font-family-base);
  }
  .font-family-serif {
    font-family: var(--font-family-serif);
  }
  .font-family-monospace {
    font-family: var(--font-family-monospace);
  }
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ls-l,
  .l-spacing-l,
  .letter-spacing-l {
    letter-spacing: 3px;
  }
  .it,
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration: underline;
  }
  .underline-on-hover:hover {
    text-decoration: underline;
  }
  .strike,
  .strikethrough,
  .strike-through,
  .linethrough,
  .line-through {
    text-decoration: line-through;
  }
  .fa-l, .fa-left,
  .ta-l,
  .ta-left,
  .falign-l,
  .falign-left,
  .talign-l,
  .talign-left,
  .text-align-l,
  .text-align-left {
    text-align: left;
  }
  .fa-c, .fa-center,
  .ta-c,
  .ta-center,
  .falign-c,
  .falign-center,
  .talign-c,
  .talign-center,
  .text-align-c,
  .text-align-center {
    text-align: center;
  }
  .fa-r, .fa-right,
  .ta-r,
  .ta-right,
  .falign-r,
  .falign-right,
  .talign-r,
  .talign-right,
  .text-align-r,
  .text-align-right {
    text-align: right;
  }
  .ws-pl, .ws-pre-line, .ws-preline,
  .white-space-pl,
  .white-space-pre-line,
  .white-space-preline {
    white-space: pre-line;
  }
  .ws-nw, .ws-nowrap, .ws-no-wrap,
  .white-space-nw,
  .white-space-nowrap,
  .white-space-no-wrap {
    white-space: nowrap;
  }
  .wb-break-all, .wb-ba,
  .word-break-break-all,
  .word-break-ba {
    word-break: break-all;
  }
  .wb-break-word, .wb-bw,
  .word-break-break-word,
  .word-break-bw {
    word-break: break-word;
  }
  .text-right-to-left {
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override;
  }
  :root {
    font-size: 16px;
    --font-line-height: 16px;
    line-height: var(--font-line-height);
    --fs-title: calc((32 / 16) * 1rem);
    --font-size-title: calc((32 / 16) * 1rem);
    --fs-h1: calc((24 / 16) * 1rem);
    --font-size-h1: calc((24 / 16) * 1rem);
    --fs-h2: calc((22 / 16) * 1rem);
    --font-size-h2: calc((22 / 16) * 1rem);
    --fs-h3: calc((20 / 16) * 1rem);
    --font-size-h3: calc((20 / 16) * 1rem);
    --fs-h4: calc((18 / 16) * 1rem);
    --font-size-h4: calc((18 / 16) * 1rem);
    --fs-h5: calc((16 / 16) * 1rem);
    --font-size-h5: calc((16 / 16) * 1rem);
    --fs-h6: calc((16 / 16) * 1rem);
    --font-size-h6: calc((16 / 16) * 1rem);
    --fs-xxl: calc((22 / 16) * 1rem);
    --font-size-xxl: calc((22 / 16) * 1rem);
    --fs-xl: calc((20 / 16) * 1rem);
    --font-size-xl: calc((20 / 16) * 1rem);
    --fs-l: calc((18 / 16) * 1rem);
    --font-size-l: calc((18 / 16) * 1rem);
    --fs-m: calc((16 / 16) * 1rem);
    --font-size-m: calc((16 / 16) * 1rem);
    --fs-s: calc((14 / 16) * 1rem);
    --font-size-s: calc((14 / 16) * 1rem);
    --fs-xs: calc((12 / 16) * 1rem);
    --font-size-xs: calc((12 / 16) * 1rem);
    --fs-xxs: calc((12 / 16) * 1rem);
    --font-size-xxs: calc((12 / 16) * 1rem);
    --fs-body1: calc((16 / 16) * 1rem);
    --font-size-body1: calc((16 / 16) * 1rem);
    --fs-small1: calc((14 / 16) * 1rem);
    --font-size-small1: calc((14 / 16) * 1rem);
    --fs-small2: calc((14 / 16) * 1rem);
    --font-size-small2: calc((14 / 16) * 1rem);
    --fs-overline1: calc((12 / 16) * 1rem);
    --font-size-overline1: calc((12 / 16) * 1rem);
    --fs-icon-s: calc((16 / 16) * 1rem);
    --font-size-icon-s: calc((16 / 16) * 1rem);
    --fs-icon-small: calc((16 / 16) * 1rem);
    --font-size-icon-small: calc((16 / 16) * 1rem);
    --fs-icon: calc((24 / 16) * 1rem);
    --font-size-icon: calc((24 / 16) * 1rem);
    --fs-icon-l: calc((28 / 16) * 1rem);
    --font-size-icon-l: calc((28 / 16) * 1rem);
    --fs-icon-2x: calc((48 / 16) * 1rem);
    --font-size-icon-2x: calc((48 / 16) * 1rem);
    --lh-title: calc((34 / 16) * 1rem);
    --lh-h1: calc((28 / 16) * 1rem);
    --lh-h2: calc((26 / 16) * 1rem);
    --lh-h3: calc((24 / 16) * 1rem);
    --lh-h4: calc((22 / 16) * 1rem);
    --lh-h5: calc((20 / 16) * 1rem);
    --lh-h6: calc((22 / 16) * 1rem);
    --lh-xxl: calc((26 / 16) * 1rem);
    --lh-xl: calc((24 / 16) * 1rem);
    --lh-l: calc((22 / 16) * 1rem);
    --lh-m: calc((17 / 16) * 1rem);
    --lh-s: calc((18 / 16) * 1rem);
    --lh-xs: calc((16 / 16) * 1rem);
    --lh-xxs: calc((12 / 16) * 1rem);
    --lh-body1: calc((22 / 16) * 1rem);
    --lh-small1: calc((18 / 16) * 1rem);
    --lh-small2: calc((14 / 16) * 1rem);
    --lh-overline1: calc((12 / 16) * 1rem);
    --lh-icon-s: calc((16 / 16) * 1rem);
    --lh-icon-small: calc((16 / 16) * 1rem);
    --lh-icon: calc((24 / 16) * 1rem);
    --lh-icon-l: calc((28 / 16) * 1rem);
    --lh-icon-2x: calc((48 / 16) * 1rem);
  }
  :root.screen-desktop {
    font-size: 14px;
    --fs-title: calc((32 / 14) * 1rem);
    --font-size-title: calc((32 / 14) * 1rem);
    --fs-h1: calc((24 / 14) * 1rem);
    --font-size-h1: calc((24 / 14) * 1rem);
    --fs-h2: calc((22 / 14) * 1rem);
    --font-size-h2: calc((22 / 14) * 1rem);
    --fs-h3: calc((20 / 14) * 1rem);
    --font-size-h3: calc((20 / 14) * 1rem);
    --fs-h4: calc((18 / 14) * 1rem);
    --font-size-h4: calc((18 / 14) * 1rem);
    --fs-h5: calc((16 / 14) * 1rem);
    --font-size-h5: calc((16 / 14) * 1rem);
    --fs-h6: calc((16 / 14) * 1rem);
    --font-size-h6: calc((16 / 14) * 1rem);
    --fs-xxl: calc((22 / 14) * 1rem);
    --font-size-xxl: calc((22 / 14) * 1rem);
    --fs-xl: calc((20 / 14) * 1rem);
    --font-size-xl: calc((20 / 14) * 1rem);
    --fs-l: calc((18 / 14) * 1rem);
    --font-size-l: calc((18 / 14) * 1rem);
    --fs-m: calc((14 / 14) * 1rem);
    --font-size-m: calc((14 / 14) * 1rem);
    --fs-s: calc((12 / 14) * 1rem);
    --font-size-s: calc((12 / 14) * 1rem);
    --fs-xs: calc((12 / 14) * 1rem);
    --font-size-xs: calc((12 / 14) * 1rem);
    --fs-xxs: calc((10 / 14) * 1rem);
    --font-size-xxs: calc((10 / 14) * 1rem);
    --fs-body1: calc((14 / 14) * 1rem);
    --font-size-body1: calc((14 / 14) * 1rem);
    --fs-small1: calc((12 / 14) * 1rem);
    --font-size-small1: calc((12 / 14) * 1rem);
    --fs-small2: calc((12 / 14) * 1rem);
    --font-size-small2: calc((12 / 14) * 1rem);
    --fs-overline1: calc((10 / 14) * 1rem);
    --font-size-overline1: calc((10 / 14) * 1rem);
    --fs-icon-s: calc((16 / 14) * 1rem);
    --font-size-icon-s: calc((16 / 14) * 1rem);
    --fs-icon-small: calc((16 / 14) * 1rem);
    --font-size-icon-small: calc((16 / 14) * 1rem);
    --fs-icon: calc((22 / 14) * 1rem);
    --font-size-icon: calc((22 / 14) * 1rem);
    --fs-icon-l: calc((24 / 14) * 1rem);
    --font-size-icon-l: calc((24 / 14) * 1rem);
    --fs-icon-2x: calc((44 / 14) * 1rem);
    --font-size-icon-2x: calc((44 / 14) * 1rem);
    --lh-title: calc((36 / 14) * 1rem);
    --lh-h1: calc((28 / 14) * 1rem);
    --lh-h2: calc((26 / 14) * 1rem);
    --lh-h3: calc((24 / 14) * 1rem);
    --lh-h4: calc((22 / 14) * 1rem);
    --lh-h5: calc((20 / 14) * 1rem);
    --lh-h6: calc((22 / 14) * 1rem);
    --lh-xxl: calc((26 / 14) * 1rem);
    --lh-xl: calc((24 / 14) * 1rem);
    --lh-l: calc((22 / 14) * 1rem);
    --lh-m: calc((16 / 14) * 1rem);
    --lh-s: calc((16 / 14) * 1rem);
    --lh-xs: calc((12 / 14) * 1rem);
    --lh-xxs: calc((12 / 14) * 1rem);
    --lh-body1: calc((20 / 14) * 1rem);
    --lh-small1: calc((16 / 14) * 1rem);
    --lh-small2: calc((12 / 14) * 1rem);
    --lh-overline1: calc((12 / 14) * 1rem);
    --lh-icon-s: calc((16 / 14) * 1rem);
    --lh-icon-small: calc((16 / 14) * 1rem);
    --lh-icon: calc((22 / 14) * 1rem);
    --lh-icon-l: calc((24 / 14) * 1rem);
    --lh-icon-2x: calc((44 / 14) * 1rem);
  }
  body {
    font-size: var(--fs-m);
  }
  [class^=icon-],
  [class*=" icon-"],
  [class^=iconff-],
  [class*=" iconff-"],
  [class^=ns-icon-],
  [class*=" ns-icon-"] {
    font-size: var(--fs-icon);
  }
  :root {
    --fw-thin: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-black: 900;
  }
  .fw-t, .fw-thin, .fw-200 {
    font-weight: var(--fw-thin);
  }
  .fw-l, .fw-light, .fw-300 {
    font-weight: var(--fw-light);
  }
  .fw-r, .fw-regular, .fw-400 {
    font-weight: var(--fw-regular);
  }
  .fw-m, .fw-medium, .fw-500 {
    font-weight: var(--fw-medium);
  }
  .fw-sb, .fw-semi-bold, .fw-semibold, .fw-600 {
    font-weight: var(--fw-semi-bold);
  }
  .fw-b, .fw-bold, .fw-700 {
    font-weight: var(--fw-bold);
  }
  .fw-xb, .fw-bl, .fw-black, .fw-900 {
    font-weight: var(--fw-black);
  }
  a,
  reach-anchor {
    text-decoration: none;
    color: inherit;
  }
  button {
    border: none;
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  button[disabled=""], button[disabled=true] {
    cursor: not-allowed;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  button.bg-success-node-hover:hover {
    background-color: rgba(var(--color-node-website-rgb), 0.2);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0px;
  }
  img:not(.left-as-is),
  object.as-img:not(.left-as-is) {
    display: inline-block;
    max-height: 100%;
    color: transparent;
    width: auto;
    height: auto;
  }
  img:not(.left-as-is):not(.keep-size).use-width,
  object.as-img:not(.left-as-is):not(.keep-size).use-width {
    max-height: unset;
    width: 100%;
    max-width: 100%;
  }
  img:not(.left-as-is):not(.keep-size).use-height,
  object.as-img:not(.left-as-is):not(.keep-size).use-height {
    height: 100%;
    max-height: 100%;
    max-width: unset;
  }
  img {
    -webkit-touch-callout: default !important;
  }
  input,
  textarea,
  [contenteditable] {
    caret-color: var(--color-primary);
  }
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    display: none;
  }
  textarea,
  input {
    outline: none;
    color: var(--color-text-800);
    font-family: inherit;
    font-size: var(--fs-m);
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
  }
  textarea::placeholder,
  input::placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .input-with-label-wrapper > input:not(:placeholder-shown) + .label {
    opacity: 0;
  }
  .input-with-label-wrapper .label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: none;
  }
  .icon-input-icon {
    border-radius: 8px;
    padding: 0px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background-color: rgb(var(--color-bg-180-rgb));
    color: var(--color-text-400);
  }
  .icon-input-icon > .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .icon-input-icon > .icon:first-child {
    padding-right: 8px;
  }
  .icon-input-icon > .icon:last-child {
    padding-left: 8px;
  }
  .icon-input-icon > input {
    flex: 1;
    padding: 8px 0px;
    box-sizing: border-box;
    color: var(--color-text-800);
  }
  .icon-input-icon > input::placeholder, .icon-input-icon > input::ms-input-placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .textarea-widget,
  .input-widget {
    background-color: transparent;
  }
  .reach-input-widget,
  .textarea-widget,
  .input-widget {
    --_border-color: rgb(var(--color-line-250-rgb));
    --_shadow-color-rgb: var(--color-line-340-rgb);
    border: 1px solid var(--_border-color, transparent);
    border-radius: var(--spacing);
    padding: calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
    caret-color: var(--color-theme-primary);
    color: var(--color-text-800);
  }
  .reach-input-widget[disabled],
  .textarea-widget[disabled],
  .input-widget[disabled] {
    color: var(--color-text-500);
  }
  .reach-input-widget::placeholder,
  .textarea-widget::placeholder,
  .input-widget::placeholder {
    color: var(--color-text-400);
    opacity: 1;
  }
  .reach-input-widget.without-border,
  .textarea-widget.without-border,
  .input-widget.without-border {
    border: none;
  }
  .reach-input-widget.enabled:not(.without-focus):hover, .reach-input-widget:enabled:not(.without-focus):hover,
  .textarea-widget.enabled:not(.without-focus):hover,
  .textarea-widget:enabled:not(.without-focus):hover,
  .input-widget.enabled:not(.without-focus):hover,
  .input-widget:enabled:not(.without-focus):hover {
    --_border-color: rgb(var(--_shadow-color-rgb));
  }
  .reach-input-widget-wrapper .textarea-widget,
  .reach-input-widget-wrapper .input-widget {
    padding: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none !important;
  }
  .reach-input-widget:focus-within,
  .textarea-widget:focus,
  .input-widget:focus {
    outline: none;
    -webkit-box-shadow: none;
  }
  .reach-input-widget:not(.without-focus):focus-within,
  .textarea-widget:not(.without-focus):focus,
  .input-widget:not(.without-focus):focus {
    border-color: rgb(var(--_shadow-color-rgb));
  }
  ::placeholder,
  ::-ms-input-placeholder,
  :-ms-input-placeholder {
    color: var(--color-text-400);
  }
  .input-wrapper.with-errors .reach-input-widget,
  .input-wrapper.with-errors .textarea-widget,
  .input-wrapper.with-errors .input-widget {
    --_border-color: var(--color-theme-warn);
    --_shadow-color-rgb: var(--color-theme-warn-rgb);
  }
  ul.clear,
  ol.clear {
    list-style: none;
  }
  select {
    width: 100%;
    padding: 0.5em 1em;
    background-color: var(--color-background-100, transparent);
    border-radius: 0.5em;
    border: 1px solid var(--color-line-230);
    caret-color: transparent;
    font-weight: var(--fw-regular, 400);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    font-size: inherit;
  }
  select:not([disabled]) {
    cursor: pointer;
    color: var(--color-text-800);
  }
  body {
    --hot-toast-bg: rgb(var(--color-bg-280-rgb));
    --hot-toast-shadow: var(--shadow-2);
    --hot-toast-color: var(--color-text-800);
    --toast-bg-error: rgba(231, 36, 55, 0.20);
    --toast-bg-warning: rgba(252, 198, 0, 0.20);
    --toast-bg-success: rgba(87, 192, 66, 0.20);
    --toast-bg-info: rgba(72, 161, 238, 0.20);
    --toast-color-error: var(--color-warn);
    --toast-color-warning: #8F5D17;
    --toast-color-success: #398C28;
    --toast-color-info: #306B9F;
    --toast-border-error: rgba(231, 36, 55, 0.20);
    --toast-border-warning: rgba(252, 198, 0, 0.20);
    --toast-border-success: rgba(87, 192, 66, 0.20);
    --toast-border-info: rgba(72, 161, 238, 0.20);
  }
  :root[app-theme=auto][client-theme=dark],
  :root[app-theme=dark] {
    --hot-toast-close-btn-background-image: url('cross-close-white.58fd2fb3bf8cb41a.svg');
    --hot-toast-close-btn-background-size: 20px;
  }
  .hot-toast-error-icon {
    --error-primary: var(--color-warn) !important;
    --error-secondary: var(--hot-toast-bg) !important;
  }
  .hot-toast {
    font-size: var(--fs-m);
    line-height: calc(2.5 * var(--spacing));
    border-radius: calc(2 * var(--spacing));
    box-shadow: var(--shadow-menu);
  }
  .hot-toast.hot-toast-error {
    color: var(--toast-color-error);
    border: 1px solid var(--toast-border-error);
    background: linear-gradient(0deg, var(--toast-bg-error) 0%, var(--toast-bg-error) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-warning {
    color: var(--toast-color-warning);
    border: 1px solid var(--toast-border-warning);
    background: linear-gradient(0deg, var(--toast-bg-warning) 0%, var(--toast-bg-warning) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-success {
    color: var(--toast-color-success);
    border: 1px solid var(--toast-border-success);
    background: linear-gradient(0deg, var(--toast-bg-success) 0%, var(--toast-bg-success) 100%), var(--color-bg-190, #FFF);
  }
  .hot-toast.hot-toast-info {
    color: var(--toast-color-info);
    border: 1px solid var(--toast-border-info);
    background: linear-gradient(0deg, var(--toast-bg-info) 0%, var(--toast-bg-info) 100%), var(--color-bg-190, #FFF);
  }
  hot-toast-container > div {
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left) !important;
    box-sizing: border-box;
  }
  markdown {
    --spacing: 8px;
    line-height: 1.5;
  }
  markdown h1 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
  }
  markdown h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
  }
  markdown h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
  }
  markdown h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
  markdown h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
  markdown h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  markdown ul,
  markdown ol {
    margin: 0;
    padding: 0;
  }
  markdown ul > ul,
  markdown ul > li > ul,
  markdown ul > ol,
  markdown ul > li > ol,
  markdown ol > ul,
  markdown ol > li > ul,
  markdown ol > ol,
  markdown ol > li > ol {
    padding-left: calc(2 * var(--spacing));
  }
  markdown ul,
  markdown ol {
    list-style-position: inside;
    white-space: nowrap;
  }
  markdown ul > li::marker,
  markdown ol > li::marker {
    color: rgb(var(--color-text-400-rgb));
  }
  markdown ul > li,
  markdown ol > li {
    margin: calc(1.25 * var(--spacing)) 0;
    white-space: pre-line;
  }
  markdown ul > li > p,
  markdown ol > li > p {
    display: contents;
    vertical-align: text-top;
  }
  markdown table {
    border-collapse: collapse;
  }
  markdown th {
    background-color: rgb(var(--color-line-230-rgb));
    color: rgb(var(--color-text-800-rgb));
    font-weight: var(--fw-bold);
  }
  markdown th:first-of-type {
    border-top-left-radius: 8px;
  }
  markdown th:last-of-type {
    border-top-right-radius: 8px;
  }
  markdown tr:last-child td:first-of-type {
    border-bottom-left-radius: 8px;
  }
  markdown tr:last-child td:last-of-type {
    border-bottom-right-radius: 8px;
  }
  markdown th,
  markdown td {
    box-shadow: 0 0 0 1px rgb(var(--color-line-230-rgb));
    padding: var(--spacing);
    box-sizing: border-box;
  }
  markdown blockquote {
    white-space: wrap;
    margin: 0;
    padding: 0;
    padding-left: calc(2 * var(--spacing));
    box-sizing: border-box;
    color: rgb(var(--color-text-800-rgb));
    position: relative;
  }
  markdown blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--spacing);
    height: 100%;
    border-radius: 2px;
    background-color: rgba(var(--color-primary-rgb), 0.2);
  }
  markdown blockquote > p {
    white-space: pre-line;
  }
  markdown code[class*=language-],
  markdown pre[class*=language-] {
    background-color: rgb(var(--color-code-bg-rgb));
    color: rgb(var(--color-text-white-rgb));
  }
  markdown code[class*=language-].line-numbers .line-numbers-rows,
  markdown pre[class*=language-].line-numbers .line-numbers-rows {
    border-color: rgb(var(--color-line-230-rgb));
  }
  markdown code[class*=language-].line-numbers .line-numbers-rows > span::before,
  markdown pre[class*=language-].line-numbers .line-numbers-rows > span::before {
    color: rgb(var(--color-text-400-rgb));
  }
  markdown p {
    white-space: pre-line;
  }
  markdown a {
    color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(2 * var(--spacing));
    height: calc(2 * var(--spacing));
    border-radius: var(--spacing);
    margin: 0px 2px;
    font-size: var(--fs-xs);
    color: rgb(var(--color-text-100-rgb));
    background-color: rgb(var(--color-line-330-rgb));
    cursor: pointer;
  }
  markdown a.source-message-chip.expanded {
    padding: 0px 4px;
  }
  markdown a.source-message-chip:hover {
    background-color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip.source-message-chip-node {
    background-color: rgb(var(--color-bg-370-rgb));
    color: rgb(var(--color-node-rgb));
    border-radius: calc(0.75 * var(--spacing));
    width: 20px;
    height: 20px;
  }
  markdown a.source-message-chip.source-message-chip-node i {
    font-size: var(--fs-icon-s);
  }
  markdown a.source-message-chip.source-message-chip-node:hover {
    background-color: var(--color-node-bg);
  }
  markdown a.source-message-chip.source-message-chip-web:not(.source-message-chip-node):hover {
    background-color: rgb(var(--color-primary-rgb));
  }
  markdown a.source-message-chip.hidden {
    display: none;
  }
  ngx-extended-pdf-viewer {
    --sidebar-width: calc(100px + (2 * var(--spacing)));
  }
  ngx-extended-pdf-viewer div.zoom .reach-pdf-border-box,
  ngx-extended-pdf-viewer div.zoom .reach-pdf-border-box * {
    box-sizing: border-box !important;
  }
  ngx-extended-pdf-viewer button:focus,
  ngx-extended-pdf-viewer a:focus,
  ngx-extended-pdf-viewer input:focus,
  ngx-extended-pdf-viewer select:focus {
    border: none !important;
  }
  ngx-extended-pdf-viewer ::selection {
    background-color: rgba(var(--color-primary-rgb), 0.2) !important;
  }
  ngx-extended-pdf-viewer .toolbar {
    border: none !important;
    border-color: var(--color-line-230) !important;
  }
  ngx-extended-pdf-viewer #viewsManager {
    width: 128px !important;
    height: calc(var(--viewer-container-height) + var(--toolbar-height)) !important;
  }
  ngx-extended-pdf-viewer pdf-sidebar-content {
    display: block;
    height: 100%;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #viewsManagerContent {
    top: 0px !important;
    padding: 0px !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  ngx-extended-pdf-viewer #viewsManagerContent::-webkit-scrollbar {
    display: none;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0px !important;
    padding: 0 !important;
    width: calc(100% - 2 * var(--spacing)) !important;
    counter-reset: page;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView a {
    border: none !important;
    outline: none;
    position: relative;
  }
  ngx-extended-pdf-viewer .html #thumbnailsView .thumbnail {
    border-radius: calc(1.5 * var(--spacing));
    outline: none;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  ngx-extended-pdf-viewer .thumbnailImageContainer {
    padding-right: 2px;
    padding-top: 2px;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer {
    border-radius: calc(1.5 * var(--spacing));
    overflow: hidden;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer img {
    height: calc(100% - 25px) !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid rgb(var(--color-line-250-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnail:hover .thumbnailImageContainer:not([aria-current=page]) img {
    border-color: rgb(var(--color-line-330-rgb)) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView .thumbnailImageContainer[aria-current=page] img {
    border-color: var(--color-primary) !important;
  }
  ngx-extended-pdf-viewer #thumbnailsView > .thumbnail > .thumbnailImageContainer::after {
    inset-inline-end: 36% !important;
    background-color: unset !important;
    outline: none !important;
    color: rgb(var(--color-text-800-rgb)) !important;
  }
  ngx-extended-pdf-viewer #loadingBar {
    background-color: transparent !important;
    border: none !important;
  }
  ngx-extended-pdf-viewer .annotationEditorLayer {
    pointer-events: none !important;
  }
  ngx-extended-pdf-viewer #viewerContainer {
    border-radius: calc(1.5 * var(--spacing)) !important;
  }
  ngx-extended-pdf-viewer .body {
    background-color: unset !important;
  }
  ngx-extended-pdf-viewer .pdfViewer .page {
    border-image: none !important;
  }
  ngx-extended-pdf-viewer #toolbarSidebar,
  ngx-extended-pdf-viewer #view,
  ngx-extended-pdf-viewer #toolbarContainer,
  ngx-extended-pdf-viewer .findbar,
  ngx-extended-pdf-viewer .secondaryToolbar,
  ngx-extended-pdf-viewer .editorParamsToolbar {
    background-color: var(--color-bg-190) !important;
    color: var(--color-text-500) !important;
  }
  ngx-extended-pdf-viewer .html #scaleSelect,
  ngx-extended-pdf-viewer .html select,
  ngx-extended-pdf-viewer .html .toolbarField {
    background-color: var(--color-bg-160) !important;
    color: var(--color-text-500) !important;
    border-color: var(--color-line-230) !important;
    caret-color: var(--color-primary) !important;
  }
  ngx-extended-pdf-viewer .html select.reach-pdf-zoom-select,
  ngx-extended-pdf-viewer select.reach-pdf-zoom-select {
    color: transparent !important;
  }
  ngx-extended-pdf-viewer .html .toolbarButton,
  ngx-extended-pdf-viewer .html .dropdownToolbarButton,
  ngx-extended-pdf-viewer .html .secondaryToolbarButton,
  ngx-extended-pdf-viewer .html .toolbarLabel {
    color: var(--color-text-500) !important;
  }
  pdf-preview.reach-pdf-hide-toolbar #toolbarViewer,
  pdf-preview.reach-pdf-hide-toolbar .toolbar,
  pdf-preview.reach-pdf-hide-toolbar #toolbarContainer {
    display: none !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer #viewerContainer {
    padding: 16px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer .pdfViewer .page {
    margin: 0 auto 16px !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
  pdf-preview.reach-pdf-hide-toolbar ngx-extended-pdf-viewer .pdfViewer .page:last-child {
    margin-bottom: 0 !important;
  }
  cdk-virtual-scroll-viewport:not(.without-min-height) > .cdk-virtual-scroll-content-wrapper {
    min-height: 100%;
  }
  cdk-virtual-scroll-viewport:not(.without-max-width) > .cdk-virtual-scroll-content-wrapper {
    max-width: 100%;
  }
  .cdk-virtual-scrollable {
    transition: --scrollbar-color 0.4s ease;
  }
  .cdk-virtual-scrollable:hover {
    --scrollbar-color: rgba(var(--color-text-800-rgb), 0.6);
  }
  [class^=icon-],
  [class*=" icon-"] {
    position: relative;
    font-family: inherit !important;
  }
  [class^=icon-][hidden],
  [class*=" icon-"][hidden] {
    display: none;
  }
  [class^=icon-]::before,
  [class*=" icon-"]::before {
    display: flex;
    font-family: "icomoon" !important;
    width: 1em;
    height: 1em;
  }
  i {
    display: flex;
    width: 1em;
    height: 1em;
  }
  [class^=icon-][hidden],
  [class*=" icon-"][hidden],
  [class^=iconff-][hidden],
  [class*=" iconff-"][hidden],
  [class^=ns-icon-][hidden],
  [class*=" ns-icon-"][hidden] {
    display: none;
  }
  @font-face {
    font-family: "icomoon";
    src: url('icomoon.d9969b16e03144c4.eot?8b5d12ff51d7b9df5d69fbebd75e7d5d#iefix') format("embedded-opentype"), url('icomoon.4c4849de47c6f651.woff2?8b5d12ff51d7b9df5d69fbebd75e7d5d') format("woff2"), url('icomoon.728879b4c341df6d.woff?8b5d12ff51d7b9df5d69fbebd75e7d5d') format("woff");
  }
  [class^=icon-]:before, [class*=" icon-"]:before {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-preview:before {
    content: "\f101";
  }
  .icon-text-editor-camera:before {
    content: "\f102";
  }
  .icon-loading-bubbles:before {
    content: "\f103";
  }
  .icon-emoji-happy:before {
    content: "\f104";
  }
  .icon-keyboard-mac-control:before {
    content: "\f105";
  }
  .icon-bold-plus-add-circle:before {
    content: "\f106";
  }
  .icon-text-editor-emojis:before {
    content: "\f107";
  }
  .icon-atom:before {
    content: "\f108";
  }
  .icon-star:before {
    content: "\f109";
  }
  .icon-album:before {
    content: "\f10a";
  }
  .icon-dashboard:before {
    content: "\f10b";
  }
  .icon-sparks-AI:before {
    content: "\f10c";
  }
  .icon-bold-unpin:before {
    content: "\f10d";
  }
  .icon-shortcut:before {
    content: "\f10e";
  }
  .icon-bold-flag:before {
    content: "\f10f";
  }
  .icon-automatic-search:before {
    content: "\f110";
  }
  .icon-tag-contact:before {
    content: "\f111";
  }
  .icon-text-editor-text-color:before {
    content: "\f112";
  }
  .icon-plus-bigger:before {
    content: "\f113";
  }
  .icon-swiss-franc:before {
    content: "\f114";
  }
  .icon-chats-node-chat:before {
    content: "\f115";
  }
  .icon-bold-tick-circle:before {
    content: "\f116";
  }
  .icon-key1:before {
    content: "\f117";
  }
  .icon-share:before {
    content: "\f118";
  }
  .icon-zoom-in:before {
    content: "\f119";
  }
  .icon-diamond:before {
    content: "\f11a";
  }
  .icon-text-editor-quote:before {
    content: "\f11b";
  }
  .icon-milligram:before {
    content: "\f11c";
  }
  .icon-line-chart:before {
    content: "\f11d";
  }
  .icon-preview-dark:before {
    content: "\f11e";
  }
  .icon-burguer-menu:before {
    content: "\f11f";
  }
  .icon-trending_up:before {
    content: "\f120";
  }
  .icon-rotate-left:before {
    content: "\f121";
  }
  .icon-operator-not-equal:before {
    content: "\f122";
  }
  .icon-text-editor-check-list:before {
    content: "\f123";
  }
  .icon-comment-remove-outline:before {
    content: "\f124";
  }
  .icon-tick-square-empty:before {
    content: "\f125";
  }
  .icon-card-view-location-standalone-2:before {
    content: "\f126";
  }
  .icon-chats-search-chat:before {
    content: "\f127";
  }
  .icon-edit:before {
    content: "\f128";
  }
  .icon-key:before {
    content: "\f129";
  }
  .icon-euro:before {
    content: "\f12a";
  }
  .icon-format-align-center:before {
    content: "\f12b";
  }
  .icon-duplicate:before {
    content: "\f12c";
  }
  .icon-plus-add-square:before {
    content: "\f12d";
  }
  .icon-download-light:before {
    content: "\f12e";
  }
  .icon-reload:before {
    content: "\f12f";
  }
  .icon-chats-clear-chat:before {
    content: "\f130";
  }
  .icon-chat-forum:before {
    content: "\f131";
  }
  .icon-medal:before {
    content: "\f132";
  }
  .icon-target:before {
    content: "\f133";
  }
  .icon-cluster:before {
    content: "\f134";
  }
  .icon-text-editor-keyboard:before {
    content: "\f135";
  }
  .icon-subpages:before {
    content: "\f136";
  }
  .icon-time-refresh:before {
    content: "\f137";
  }
  .icon-document:before {
    content: "\f138";
  }
  .icon-text-editor-add-indent:before {
    content: "\f139";
  }
  .icon-lock:before {
    content: "\f13a";
  }
  .icon-diagram-common:before {
    content: "\f13b";
  }
  .icon-bold-location:before {
    content: "\f13c";
  }
  .icon-comment-post:before {
    content: "\f13d";
  }
  .icon-distance-ruler-size:before {
    content: "\f13e";
  }
  .icon-bold-pin-fix:before {
    content: "\f13f";
  }
  .icon-manager:before {
    content: "\f140";
  }
  .icon-world-map:before {
    content: "\f141";
  }
  .icon-note:before {
    content: "\f142";
  }
  .icon-file-type:before {
    content: "\f143";
  }
  .icon-chevron:before {
    content: "\f144";
  }
  .icon-rich-bot-dead:before {
    content: "\f145";
  }
  .icon-sort:before {
    content: "\f146";
  }
  .icon-palette:before {
    content: "\f147";
  }
  .icon-extend:before {
    content: "\f148";
  }
  .icon-play-circle:before {
    content: "\f149";
  }
  .icon-search-view-snippet:before {
    content: "\f14a";
  }
  .icon-tick:before {
    content: "\f14b";
  }
  .icon-news:before {
    content: "\f14c";
  }
  .icon-bold-dot-notification:before {
    content: "\f14d";
  }
  .icon-log-out:before {
    content: "\f14e";
  }
  .icon-bold-send:before {
    content: "\f14f";
  }
  .icon-light:before {
    content: "\f150";
  }
  .icon-operator-not-value:before {
    content: "\f151";
  }
  .icon-small-card-view-fullscreen:before {
    content: "\f152";
  }
  .icon-welcome1:before {
    content: "\f153";
  }
  .icon-street:before {
    content: "\f154";
  }
  .icon-keyboard-mac-option:before {
    content: "\f155";
  }
  .icon-empty-trash:before {
    content: "\f156";
  }
  .icon-flash-bolt:before {
    content: "\f157";
  }
  .icon-more-options-vertical:before {
    content: "\f158";
  }
  .icon-workspace:before {
    content: "\f159";
  }
  .icon-source:before {
    content: "\f15a";
  }
  .icon-crown:before {
    content: "\f15b";
  }
  .icon-cross-empty:before {
    content: "\f15c";
  }
  .icon-map:before {
    content: "\f15d";
  }
  .icon-link:before {
    content: "\f15e";
  }
  .icon-text-editor-strikethrough:before {
    content: "\f15f";
  }
  .icon-sitemap:before {
    content: "\f160";
  }
  .icon-open-website1:before {
    content: "\f161";
  }
  .icon-text-editor-font-color:before {
    content: "\f162";
  }
  .icon-diagram-exclude:before {
    content: "\f163";
  }
  .icon-bold-filter-funnel:before {
    content: "\f164";
  }
  .icon-select:before {
    content: "\f165";
  }
  .icon-attachment:before {
    content: "\f166";
  }
  .icon-table-view-fullscreen:before {
    content: "\f167";
  }
  .icon-rich-bot:before {
    content: "\f168";
  }
  .icon-text:before {
    content: "\f169";
  }
  .icon-play:before {
    content: "\f16a";
  }
  .icon-text-editor-remove-indent:before {
    content: "\f16b";
  }
  .icon-importance:before {
    content: "\f16c";
  }
  .icon-search-list-standalone:before {
    content: "\f16d";
  }
  .icon-keyboard-enter:before {
    content: "\f16e";
  }
  .icon-no-content:before {
    content: "\f16f";
  }
  .icon-volume:before {
    content: "\f170";
  }
  .icon-cleanup-broom:before {
    content: "\f171";
  }
  .icon-warning:before {
    content: "\f172";
  }
  .icon-empty-trash-dark:before {
    content: "\f173";
  }
  .icon-operator-lt:before {
    content: "\f174";
  }
  .icon-phone-contacts:before {
    content: "\f175";
  }
  .icon-play-video-slash:before {
    content: "\f176";
  }
  .icon-back-in-time:before {
    content: "\f177";
  }
  .icon-bold-edit:before {
    content: "\f178";
  }
  .icon-knowledge-base:before {
    content: "\f179";
  }
  .icon-memory-archive-folder:before {
    content: "\f17a";
  }
  .icon-icon-contact-empty:before {
    content: "\f17b";
  }
  .icon-number:before {
    content: "\f17c";
  }
  .icon-chats-monthly-messages:before {
    content: "\f17d";
  }
  .icon-widget:before {
    content: "\f17e";
  }
  .icon-double-chevron:before {
    content: "\f17f";
  }
  .icon-context:before {
    content: "\f180";
  }
  .icon-cross-circle:before {
    content: "\f181";
  }
  .icon-alarm:before {
    content: "\f182";
  }
  .icon-brain:before {
    content: "\f183";
  }
  .icon-verified-uncheck:before {
    content: "\f184";
  }
  .icon-focus-mode:before {
    content: "\f185";
  }
  .icon-arrow-diagonal:before {
    content: "\f186";
  }
  .icon-length:before {
    content: "\f187";
  }
  .icon-format-align-right:before {
    content: "\f188";
  }
  .icon-coin:before {
    content: "\f189";
  }
  .icon-icon-volume-muted:before {
    content: "\f18a";
  }
  .icon-millimeter:before {
    content: "\f18b";
  }
  .icon-diamond-normal:before {
    content: "\f18c";
  }
  .icon-operator-any-value:before {
    content: "\f18d";
  }
  .icon-bell-ring:before {
    content: "\f18e";
  }
  .icon-label-tag:before {
    content: "\f18f";
  }
  .icon-card-view-large-image-standalone:before {
    content: "\f190";
  }
  .icon-upload:before {
    content: "\f191";
  }
  .icon-currency:before {
    content: "\f192";
  }
  .icon-settings-clicked:before {
    content: "\f193";
  }
  .icon-minus-circle:before {
    content: "\f194";
  }
  .icon-star-full:before {
    content: "\f195";
  }
  .icon-tasks-and-events:before {
    content: "\f196";
  }
  .icon-note-2:before {
    content: "\f197";
  }
  .icon-info:before {
    content: "\f198";
  }
  .icon-book-square:before {
    content: "\f199";
  }
  .icon-centimeter:before {
    content: "\f19a";
  }
  .icon-mention-card:before {
    content: "\f19b";
  }
  .icon-flag:before {
    content: "\f19c";
  }
  .icon-add-node:before {
    content: "\f19d";
  }
  .icon-update-arrows:before {
    content: "\f19e";
  }
  .icon-fullscreen-outside:before {
    content: "\f19f";
  }
  .icon-color-light:before {
    content: "\f1a0";
  }
  .icon-website-www:before {
    content: "\f1a1";
  }
  .icon-home:before {
    content: "\f1a2";
  }
  .icon-operator-gte:before {
    content: "\f1a3";
  }
  .icon-diagram-join:before {
    content: "\f1a4";
  }
  .icon-text-editor-text-italic:before {
    content: "\f1a5";
  }
  .icon-text-editor-right-tab:before {
    content: "\f1a6";
  }
  .icon-website:before {
    content: "\f1a7";
  }
  .icon-merge:before {
    content: "\f1a8";
  }
  .icon-tick-select-all:before {
    content: "\f1a9";
  }
  .icon-smiley:before {
    content: "\f1aa";
  }
  .icon-drag-and-drop-move:before {
    content: "\f1ab";
  }
  .icon-text-editor-text-bold:before {
    content: "\f1ac";
  }
  .icon-add-new-property:before {
    content: "\f1ad";
  }
  .icon-keyboard-command:before {
    content: "\f1ae";
  }
  .icon-drag-and-drop:before {
    content: "\f1af";
  }
  .icon-chf:before {
    content: "\f1b0";
  }
  .icon-draft:before {
    content: "\f1b1";
  }
  .icon-label-list:before {
    content: "\f1b2";
  }
  .icon-format-italic:before {
    content: "\f1b3";
  }
  .icon-map-view:before {
    content: "\f1b4";
  }
  .icon-text-editor-toolbar-format:before {
    content: "\f1b5";
  }
  .icon-relationship-type-link:before {
    content: "\f1b6";
  }
  .icon-text-editor-heading:before {
    content: "\f1b7";
  }
  .icon-text-editor-add-relationship:before {
    content: "\f1b8";
  }
  .icon-puzzle-slash:before {
    content: "\f1b9";
  }
  .icon-workspace-empty:before {
    content: "\f1ba";
  }
  .icon-email:before {
    content: "\f1bb";
  }
  .icon-card-view:before {
    content: "\f1bc";
  }
  .icon-marker-filled:before {
    content: "\f1bd";
  }
  .icon-search-view-card:before {
    content: "\f1be";
  }
  .icon-text-editor-code:before {
    content: "\f1bf";
  }
  .icon-add-comment:before {
    content: "\f1c0";
  }
  .icon-tick-partial:before {
    content: "\f1c1";
  }
  .icon-mention-at-domain:before {
    content: "\f1c2";
  }
  .icon-select2:before {
    content: "\f1c3";
  }
  .icon-text-editor-copy:before {
    content: "\f1c4";
  }
  .icon-whitelist:before {
    content: "\f1c5";
  }
  .icon-backlog:before {
    content: "\f1c6";
  }
  .icon-text-editor-bullet-list:before {
    content: "\f1c7";
  }
  .icon-tag-with-subtags:before {
    content: "\f1c8";
  }
  .icon-gram:before {
    content: "\f1c9";
  }
  .icon-info-dark:before {
    content: "\f1ca";
  }
  .icon-download:before {
    content: "\f1cb";
  }
  .icon-search-empty:before {
    content: "\f1cc";
  }
  .icon-format-card-view:before {
    content: "\f1cd";
  }
  .icon-card-view-snippet-standalone:before {
    content: "\f1ce";
  }
  .icon-phone:before {
    content: "\f1cf";
  }
  .icon-text-size:before {
    content: "\f1d0";
  }
  .icon-font-color:before {
    content: "\f1d1";
  }
  .icon-text-editor-divider:before {
    content: "\f1d2";
  }
  .icon-menu:before {
    content: "\f1d3";
  }
  .icon-tick-black:before {
    content: "\f1d4";
  }
  .icon-minus:before {
    content: "\f1d5";
  }
  .icon-pin-clicked:before {
    content: "\f1d6";
  }
  .icon-bold-bolt:before {
    content: "\f1d7";
  }
  .icon-interests:before {
    content: "\f1d8";
  }
  .icon-tag:before {
    content: "\f1d9";
  }
  .icon-system-chat:before {
    content: "\f1da";
  }
  .icon-node-types:before {
    content: "\f1db";
  }
  .icon-update-product:before {
    content: "\f1dc";
  }
  .icon-call-out:before {
    content: "\f1dd";
  }
  .icon-volume-muted:before {
    content: "\f1de";
  }
  .icon-notifications:before {
    content: "\f1df";
  }
  .icon-upload1:before {
    content: "\f1e0";
  }
  .icon-text-editor-left-tab:before {
    content: "\f1e1";
  }
  .icon-bus:before {
    content: "\f1e2";
  }
  .icon-utm-link:before {
    content: "\f1e3";
  }
  .icon-node-label-off:before {
    content: "\f1e4";
  }
  .icon-menu-library:before {
    content: "\f1e5";
  }
  .icon-bold-pause-media:before {
    content: "\f1e6";
  }
  .icon-text-editor-list-ordered:before {
    content: "\f1e7";
  }
  .icon-graph-view-network:before {
    content: "\f1e8";
  }
  .icon-degree-of-separation:before {
    content: "\f1e9";
  }
  .icon-editor:before {
    content: "\f1ea";
  }
  .icon-marker:before {
    content: "\f1eb";
  }
  .icon-trash:before {
    content: "\f1ec";
  }
  .icon-plus:before {
    content: "\f1ed";
  }
  .icon-time-update:before {
    content: "\f1ee";
  }
  .icon-zoom-out:before {
    content: "\f1ef";
  }
  .icon-heart:before {
    content: "\f1f0";
  }
  .icon-trophy:before {
    content: "\f1f1";
  }
  .icon-text-editor-text-underline:before {
    content: "\f1f2";
  }
  .icon-cross-close:before {
    content: "\f1f3";
  }
  .icon-export:before {
    content: "\f1f4";
  }
  .icon-evernote-notebook:before {
    content: "\f1f5";
  }
  .icon-meter:before {
    content: "\f1f6";
  }
  .icon-login:before {
    content: "\f1f7";
  }
  .icon-operator-contains:before {
    content: "\f1f8";
  }
  .icon-geolocation:before {
    content: "\f1f9";
  }
  .icon-operator-in-between:before {
    content: "\f1fa";
  }
  .icon-puzzle-outline:before {
    content: "\f1fb";
  }
  .icon-options:before {
    content: "\f1fc";
  }
  .icon-text-editor-text-size:before {
    content: "\f1fd";
  }
  .icon-levels:before {
    content: "\f1fe";
  }
  .icon-jpy:before {
    content: "\f1ff";
  }
  .icon-light-bulb:before {
    content: "\f200";
  }
  .icon-big-image-standalone:before {
    content: "\f201";
  }
  .icon-bold-tick-square:before {
    content: "\f202";
  }
  .icon-questionmark:before {
    content: "\f203";
  }
  .icon-text-editor-toolbar-block:before {
    content: "\f204";
  }
  .icon-bold-minus-circle:before {
    content: "\f205";
  }
  .icon-bug:before {
    content: "\f206";
  }
  .icon-operator-lte:before {
    content: "\f207";
  }
  .icon-experience:before {
    content: "\f208";
  }
  .icon-text-editor-heading-2:before {
    content: "\f209";
  }
  .icon-import:before {
    content: "\f20a";
  }
  .icon-file-preview:before {
    content: "\f20b";
  }
  .icon-smartphone:before {
    content: "\f20c";
  }
  .icon-operator-gt:before {
    content: "\f20d";
  }
  .icon-satellite:before {
    content: "\f20e";
  }
  .icon-timer-clock:before {
    content: "\f20f";
  }
  .icon-clock:before {
    content: "\f210";
  }
  .icon-tag-folder:before {
    content: "\f211";
  }
  .icon-add-person:before {
    content: "\f212";
  }
  .icon-location:before {
    content: "\f213";
  }
  .icon-node-label:before {
    content: "\f214";
  }
  .icon-team:before {
    content: "\f215";
  }
  .icon-table-view:before {
    content: "\f216";
  }
  .icon-reply:before {
    content: "\f217";
  }
  .icon-date:before {
    content: "\f218";
  }
  .icon-puzzle-outline-striked:before {
    content: "\f219";
  }
  .icon-time-dotted:before {
    content: "\f21a";
  }
  .icon-timeline-chart:before {
    content: "\f21b";
  }
  .icon-day-calendar-date:before {
    content: "\f21c";
  }
  .icon-chevron-down-circle:before {
    content: "\f21d";
  }
  .icon-circle-radiobutton-selected:before {
    content: "\f21e";
  }
  .icon-www-url:before {
    content: "\f21f";
  }
  .icon-text-editor-heading-1:before {
    content: "\f220";
  }
  .icon-columns:before {
    content: "\f221";
  }
  .icon-set-time:before {
    content: "\f222";
  }
  .icon-funnel-dark:before {
    content: "\f223";
  }
  .icon-profession:before {
    content: "\f224";
  }
  .icon-participant:before {
    content: "\f225";
  }
  .icon-swap:before {
    content: "\f226";
  }
  .icon-text-editor-background-color-remove:before {
    content: "\f227";
  }
  .icon-board-view-fullscreen:before {
    content: "\f228";
  }
  .icon-format-bold:before {
    content: "\f229";
  }
  .icon-selected-small:before {
    content: "\f22a";
  }
  .icon-image-cover:before {
    content: "\f22b";
  }
  .icon-comments:before {
    content: "\f22c";
  }
  .icon-dollar:before {
    content: "\f22d";
  }
  .icon-thoughts:before {
    content: "\f22e";
  }
  .icon-keywords:before {
    content: "\f22f";
  }
  .icon-menu-book:before {
    content: "\f230";
  }
  .icon-filters-tools:before {
    content: "\f231";
  }
  .icon-usage-piechart-graph:before {
    content: "\f232";
  }
  .icon-knowledge-network-outline:before {
    content: "\f233";
  }
  .icon-text-editor-align-center:before {
    content: "\f234";
  }
  .icon-flag-dark:before {
    content: "\f235";
  }
  .icon-envelope:before {
    content: "\f236";
  }
  .icon-funnel:before {
    content: "\f237";
  }
  .icon-list-bullet:before {
    content: "\f238";
  }
  .icon-reports:before {
    content: "\f239";
  }
  .icon-chat:before {
    content: "\f23a";
  }
  .icon-device-monitor:before {
    content: "\f23b";
  }
  .icon-gift-present:before {
    content: "\f23c";
  }
  .icon-play-strike:before {
    content: "\f23d";
  }
  .icon-summary:before {
    content: "\f23e";
  }
  .icon-no-see:before {
    content: "\f23f";
  }
  .icon-text-editor-align-left:before {
    content: "\f240";
  }
  .icon-card-view-calendar-standalone:before {
    content: "\f241";
  }
  .icon-chats-add-new-conversation:before {
    content: "\f242";
  }
  .icon-loading:before {
    content: "\f243";
  }
  .icon-text-editor-font-size:before {
    content: "\f244";
  }
  .icon-arrow:before {
    content: "\f245";
  }
  .icon-fullscreen-inside:before {
    content: "\f246";
  }
  .icon-rotate-right:before {
    content: "\f247";
  }
  .icon-download-dark:before {
    content: "\f248";
  }
  .icon-text-editor-align-right:before {
    content: "\f249";
  }
  .icon-text-editor-background-color:before {
    content: "\f24a";
  }
  .icon-color-dark:before {
    content: "\f24b";
  }
  .icon-comment:before {
    content: "\f24c";
  }
  .icon-questionmark-circle:before {
    content: "\f24d";
  }
  .icon-copy:before {
    content: "\f24e";
  }
  .icon-sparks:before {
    content: "\f24f";
  }
  .icon-handbook:before {
    content: "\f250";
  }
  .icon-feedback-camera:before {
    content: "\f251";
  }
  .icon-weight:before {
    content: "\f252";
  }
  .icon-operator-not-contains:before {
    content: "\f253";
  }
  .icon-format-align-justify:before {
    content: "\f254";
  }
  .icon-operator-not-contains-some:before {
    content: "\f255";
  }
  .icon-olympic-rings:before {
    content: "\f256";
  }
  .icon-warning-circle:before {
    content: "\f257";
  }
  .icon-rich-bot-happy:before {
    content: "\f258";
  }
  .icon-point-search:before {
    content: "\f259";
  }
  .icon-list-number:before {
    content: "\f25a";
  }
  .icon-kilometer:before {
    content: "\f25b";
  }
  .icon-upload-folder:before {
    content: "\f25c";
  }
  .icon-company:before {
    content: "\f25d";
  }
  .icon-olympic-assistant-mark:before {
    content: "\f25e";
  }
  .icon-dislike:before {
    content: "\f25f";
  }
  .icon-open-website:before {
    content: "\f260";
  }
  .icon-tick-square-filled:before {
    content: "\f261";
  }
  .icon-mcp:before {
    content: "\f262";
  }
  .icon-text-editor-numbered-list:before {
    content: "\f263";
  }
  .icon-info-book:before {
    content: "\f264";
  }
  .icon-percent:before {
    content: "\f265";
  }
  .icon-search-view-list:before {
    content: "\f266";
  }
  .icon-camera:before {
    content: "\f267";
  }
  .icon-tick-dark:before {
    content: "\f268";
  }
  .icon-remove-link:before {
    content: "\f269";
  }
  .icon-unsplash:before {
    content: "\f26a";
  }
  .icon-keyboard-shift:before {
    content: "\f26b";
  }
  .icon-chevron-large:before {
    content: "\f26c";
  }
  .icon-profile-circle:before {
    content: "\f26d";
  }
  .icon-two-arrows:before {
    content: "\f26e";
  }
  .icon-moon-dark:before {
    content: "\f26f";
  }
  .icon-link-add:before {
    content: "\f270";
  }
  .icon-integrations:before {
    content: "\f271";
  }
  .icon-text-editor-heading-3:before {
    content: "\f272";
  }
  .icon-download-cloud:before {
    content: "\f273";
  }
  .icon-text-editor-send:before {
    content: "\f274";
  }
  .icon-text-editor-align-justified:before {
    content: "\f275";
  }
  .icon-table-database:before {
    content: "\f276";
  }
  .icon-magic-wand:before {
    content: "\f277";
  }
  .icon-tick-square:before {
    content: "\f278";
  }
  .icon-operator-equal:before {
    content: "\f279";
  }
  .icon-notification-sound:before {
    content: "\f27a";
  }
  .icon-light-bulb-creative-bold:before {
    content: "\f27b";
  }
  .icon-restore-trash:before {
    content: "\f27c";
  }
  .icon-unassigned-nodes-no-relationships:before {
    content: "\f27d";
  }
  .icon-filter:before {
    content: "\f27e";
  }
  .icon-cross:before {
    content: "\f27f";
  }
  .icon-mention-at:before {
    content: "\f280";
  }
  .icon-rich-bot-question:before {
    content: "\f281";
  }
  .icon-sidebar:before {
    content: "\f282";
  }
  .icon-chevron-big:before {
    content: "\f283";
  }
  .icon-operator-contains-some:before {
    content: "\f284";
  }
  .icon-bolt:before {
    content: "\f285";
  }
  .icon-reach:before {
    content: "\f286";
  }
  .icon-welcome:before {
    content: "\f287";
  }
  .icon-warning-white:before {
    content: "\f288";
  }
  .icon-bold-backward-media:before {
    content: "\f289";
  }
  .icon-list-view:before {
    content: "\f28a";
  }
  .icon-contact:before {
    content: "\f28b";
  }
  .icon-arrow-right:before {
    content: "\f28c";
  }
  .icon-robot:before {
    content: "\f28d";
  }
  .icon-card-view-visualizer-standalone:before {
    content: "\f28e";
  }
  .icon-light-bulb-bold:before {
    content: "\f28f";
  }
  .icon-lock-light:before {
    content: "\f290";
  }
  .icon-media-strike:before {
    content: "\f291";
  }
  .icon-bold-play-media:before {
    content: "\f292";
  }
  .icon-diamond-dark:before {
    content: "\f293";
  }
  .icon-print:before {
    content: "\f294";
  }
  .icon-translations:before {
    content: "\f295";
  }
  .icon-compress:before {
    content: "\f296";
  }
  .icon-chat-prompts:before {
    content: "\f297";
  }
  .icon-archive:before {
    content: "\f298";
  }
  .icon-plus-add-circle:before {
    content: "\f299";
  }
  .icon-text-editor-list-unordered:before {
    content: "\f29a";
  }
  .icon-list-checkbox:before {
    content: "\f29b";
  }
  .icon-unlock:before {
    content: "\f29c";
  }
  .icon-tick-empty:before {
    content: "\f29d";
  }
  .icon-key-password:before {
    content: "\f29e";
  }
  .icon-label-card:before {
    content: "\f29f";
  }
  .icon-droplet:before {
    content: "\f2a0";
  }
  .icon-add-dark:before {
    content: "\f2a1";
  }
  .icon-sun-light:before {
    content: "\f2a2";
  }
  .icon-verified-check:before {
    content: "\f2a3";
  }
  .icon-like:before {
    content: "\f2a4";
  }
  .icon-folder:before {
    content: "\f2a5";
  }
  .icon-numbered-list:before {
    content: "\f2a6";
  }
  .icon-color:before {
    content: "\f2a7";
  }
  .icon-bold-forward-media:before {
    content: "\f2a8";
  }
  .icon-format-align-left:before {
    content: "\f2a9";
  }
  .icon-doughnut-chart:before {
    content: "\f2aa";
  }
  .icon-kilogram:before {
    content: "\f2ab";
  }
  .icon-bold-verified-check:before {
    content: "\f2ac";
  }
  .icon-pin-unclicked:before {
    content: "\f2ad";
  }
  .icon-settings:before {
    content: "\f2ae";
  }
  .icon-chats-square:before {
    content: "\f2af";
  }
  .icon-bill-money:before {
    content: "\f2b0";
  }
  .icon-more-options:before {
    content: "\f2b1";
  }
  .icon-preview-content:before {
    content: "\f2b2";
  }
  .icon-knowledge-network:before {
    content: "\f2b3";
  }
  .icon-eye-hidden:before {
    content: "\f2b4";
  }
  .icon-chart-linehz:before {
    content: "\f2b5";
  }
  .icon-chat-blank:before {
    content: "\f2b6";
  }
  .icon-loading-time:before {
    content: "\f2b7";
  }
  .icon-search:before {
    content: "\f2b8";
  }
  .icon-web-url:before {
    content: "\f2b9";
  }
  .icon-multi-select:before {
    content: "\f2ba";
  }
  .icon-no-relationships-unassigned:before {
    content: "\f2bb";
  }
  .icon-keyword:before {
    content: "\f2bc";
  }
  .icon-auto-mode:before {
    content: "\f2bd";
  }
  .icon-taxonomy-dna:before {
    content: "\f2be";
  }
  .icon-bold-like:before {
    content: "\f2bf";
  }
  .icon-text-editor-underlined:before {
    content: "\f2c0";
  }
  .icon-no-see-dark:before {
    content: "\f2c1";
  }
  .icon-overview:before {
    content: "\f2c2";
  }
  .icon-card-view-location-standalone:before {
    content: "\f2c3";
  }
  .icon-gbp:before {
    content: "\f2c4";
  }
  .icon-toolbar-mention:before {
    content: "\f2c5";
  }
  .icon-bold-dislike:before {
    content: "\f2c6";
  }
  .icon-bold-chats-help-message-question:before {
    content: "\f2c7";
  }
  .icon-teams-group:before {
    content: "\f2c8";
  }
  .icon-terrain:before {
    content: "\f2c9";
  }
  [class^=icon-],
  [class*=" icon-"] {
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-arrow-right::before {
    display: inline-block;
  }
  .icon-arrow-right.arrow-up::before,
  .icon-arrow-right.arrow-top::before {
    transform: rotate(-90deg);
  }
  .icon-arrow-right.arrow-right::before {
    transform: rotate(0deg);
  }
  .icon-arrow-right.arrow-down::before,
  .icon-arrow-right.arrow-bottom::before {
    transform: rotate(90deg);
  }
  .icon-arrow-right.arrow-left::before {
    transform: rotate(180deg);
  }
  .icon-arrow::before,
  .icon-chevron::before,
  .icon-double-chevron::before,
  .icon-chevron-big::before,
  .icon-chevron-large::before {
    transition: transform 0.3s;
  }
  .icon-arrow.arrow-up::before,
  .icon-arrow.arrow-top::before,
  .icon-chevron.chevron-up::before,
  .icon-chevron-big.chevron-up::before,
  .icon-chevron-large.chevron-up::before,
  .icon-double-chevron.chevron-up::before,
  .icon-chevron.chevron-top::before,
  .icon-chevron-big.chevron-top::before,
  .icon-chevron-large.chevron-top::before,
  .icon-double-chevron.chevron-top::before {
    display: inline-block;
    transform: rotate(0deg);
  }
  .icon-arrow.arrow-left::before,
  .icon-chevron.chevron-left::before,
  .icon-double-chevron.chevron-left::before,
  .icon-chevron-big.chevron-left::before,
  .icon-chevron-large.chevron-left::before {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .icon-arrow.arrow-right::before,
  .icon-chevron.chevron-right::before,
  .icon-double-chevron.chevron-right::before,
  .icon-chevron-big.chevron-right::before,
  .icon-chevron-large.chevron-right::before {
    display: inline-block;
    transform: rotate(90deg);
  }
  .icon-arrow.arrow-bottom::before,
  .icon-arrow.arrow-down::before,
  .icon-chevron.chevron-bottom::before,
  .icon-chevron-big.chevron-bottom::before,
  .icon-chevron-large.chevron-bottom::before,
  .icon-double-chevron.chevron-bottom::before,
  .icon-chevron.chevron-down::before,
  .icon-chevron-big.chevron-down::before,
  .icon-chevron-large.chevron-down::before,
  .icon-double-chevron.chevron-down::before {
    display: inline-block;
    transform: rotate(180deg);
  }
  .icon-loading-bubbles::before {
    display: inline-block;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: conic-gradient(from 0deg at center, rgba(var(--color-primary-rgb), 0), rgba(var(--color-primary-rgb), 1));
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .node-type-color {
    color: var(--color-node);
  }
  .node-type-bg {
    border-radius: 50%;
    background-color: var(--color-node-bg);
  }
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .icon-trending_up.reversed {
    transform: scale(1, -1);
  }
}

/*# sourceMappingURL=styles.53617129fff8b024.css.map*/