/* [next]/internal/font/google/inter_9b9db241.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_9b9db241-module__sLJoNW__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_9b9db241-module__sLJoNW__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :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-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: 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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-md: calc(var(--radius) * .8);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-inter);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    font-size-adjust: from-font;
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: var(--font-inter);
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .left-1\/2 {
    left: 50%;
  }

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

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

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

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

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-29 {
    height: calc(var(--spacing) * 29);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .w-\[calc\(100\%_-_40px\)\] {
    width: calc(100% - 40px);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

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

  .min-w-\[900px\] {
    min-width: 900px;
  }

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

  .border-collapse {
    border-collapse: collapse;
  }

  .-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);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

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

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

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

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

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

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

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

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

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

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

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

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

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

  .border-transparent {
    border-color: #0000;
  }

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

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

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

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

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

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

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

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

  .bg-clip-padding {
    background-clip: padding-box;
  }

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

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

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

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

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

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

  .font-sans {
    font-family: var(--font-inter);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

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

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

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

  .text-card-foreground {
    color: var(--card-foreground);
  }

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

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

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

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

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

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

  .lowercase {
    text-transform: lowercase;
  }

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

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .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, );
  }

  .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, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .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, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[alfa\:check\] {
    alfa: check;
  }

  .\[alfa\:import\] {
    alfa: import;
  }

  .\[bank\:worker\] {
    bank: worker;
  }

  .\[mail\:check\] {
    mail: check;
  }

  .\[smoke\:server\] {
    smoke: server;
  }

  .\[tbank\:check\] {
    tbank: check;
  }

  .\[tbank\:import\] {
    tbank: import;
  }

  .\[users\:create\] {
    users: create;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }

    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
  --spacing-0: 0;
  --spacing-4: .25rem;
  --spacing-16: 1rem;
  --spacing-64: 4rem;
  --radius-64: 4rem;
  --component-chip-size-height: 2rem;
  --typography-semantic-inter-heading-bold-compact-family: var(--font-inter);
  --typography-semantic-inter-body-medium-xs-family: var(--font-inter);
  --typography-semantic-inter-body-regular-md-family: var(--font-inter);
  --typography-semantic-inter-body-regular-sm-family: var(--font-inter);
  --typography-semantic-inter-body-regular-comfortable-family: var(--font-inter);
  --typography-semantic-inter-body-regular-compact-family: var(--font-inter);
  --typography-semantic-inter-body-semibold-comfortable-family: var(--font-inter);
  --typography-semantic-inter-label-bold-default-family: var(--font-inter);
  --typography-semantic-inter-label-semibold-lg-family: var(--font-inter);
  --typography-semantic-inter-label-semibold-compact-family: var(--font-inter);
  --typography-semantic-inter-caption-regular-compact-family: var(--font-inter);
  --typography-semantic-inter-caption-semibold-compact-family: var(--font-inter);
  --typography-semantic-inter-counter-bold-default-family: var(--font-inter);
  --typography-semantic-inter-label-semibold-lg-size: .875rem;
  --typography-semantic-inter-label-semibold-lg-weight: 600;
  --typography-semantic-inter-label-semibold-lg-line-height: 1.25rem;
  --typography-semantic-inter-label-semibold-lg-letter-spacing: 0;
  --background: var(--lightningcss-light, #fff) var(--lightningcss-dark, #0a0a0a);
  --foreground: var(--lightningcss-light, #0a0a0a) var(--lightningcss-dark, #fafafa);
  --card: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
  --card-foreground: var(--lightningcss-light, #0a0a0a) var(--lightningcss-dark, #fafafa);
  --popover: var(--lightningcss-light, #fff) var(--lightningcss-dark, #171717);
  --popover-foreground: var(--lightningcss-light, #0a0a0a) var(--lightningcss-dark, #fafafa);
  --primary: var(--lightningcss-light, #171717) var(--lightningcss-dark, #e5e5e5);
  --primary-foreground: var(--lightningcss-light, #fafafa) var(--lightningcss-dark, #171717);
  --secondary: var(--lightningcss-light, #f5f5f5) var(--lightningcss-dark, #262626);
  --secondary-foreground: var(--lightningcss-light, #171717) var(--lightningcss-dark, #fafafa);
  --muted: var(--lightningcss-light, #f5f5f5) var(--lightningcss-dark, #262626);
  --muted-foreground: var(--lightningcss-light, #737373) var(--lightningcss-dark, #a1a1a1);
  --accent: var(--lightningcss-light, #f5f5f5) var(--lightningcss-dark, #262626);
  --accent-foreground: var(--lightningcss-light, #171717) var(--lightningcss-dark, #fafafa);
  --destructive: var(--lightningcss-light, #e40014) var(--lightningcss-dark, #ff6568);
  --border: var(--lightningcss-light, #e5e5e5) var(--lightningcss-dark, #ffffff1a);
  --input: var(--lightningcss-light, #e5e5e5) var(--lightningcss-dark, #ffffff26);
  --ring: var(--lightningcss-light, #a1a1a1) var(--lightningcss-dark, #737373);
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --radius: .625rem;
  --sidebar: var(--lightningcss-light, #fafafa) var(--lightningcss-dark, #171717);
  --sidebar-foreground: var(--lightningcss-light, #0a0a0a) var(--lightningcss-dark, #fafafa);
  --sidebar-primary: var(--lightningcss-light, #171717) var(--lightningcss-dark, #1447e6);
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: var(--lightningcss-light, #f5f5f5) var(--lightningcss-dark, #262626);
  --sidebar-accent-foreground: var(--lightningcss-light, #171717) var(--lightningcss-dark, #fafafa);
  --sidebar-border: var(--lightningcss-light, #e5e5e5) var(--lightningcss-dark, #ffffff1a);
  --sidebar-ring: var(--lightningcss-light, #a1a1a1) var(--lightningcss-dark, #737373);
  --semantic-background-primary: var(--lightningcss-light, #fff) var(--lightningcss-dark, #0d0e0f);
  --semantic-chip-background-default: var(--lightningcss-light, #fff) var(--lightningcss-dark, #1f2226);
  --semantic-chip-background-hover: var(--lightningcss-light, #f1f3f5) var(--lightningcss-dark, #333942);
  --semantic-chip-background-pressed: var(--lightningcss-light, #e3e6ea) var(--lightningcss-dark, #1a1c1f);
  --semantic-chip-background-active: #fff;
  --semantic-chip-text-default: var(--lightningcss-light, #0d0e0f) var(--lightningcss-dark, #fff);
  --semantic-chip-text-active: #0d0e0f;
  --semantic-chip-counter-default: var(--lightningcss-light, #505865) var(--lightningcss-dark, #a4abb3);
  --semantic-chip-counter-active: #0d0e0f;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: var(--lightningcss-light, lab(100% 0 0)) var(--lightningcss-dark, lab(2.75381% 0 0));
    --foreground: var(--lightningcss-light, lab(2.75381% 0 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --card: var(--lightningcss-light, lab(100% 0 0)) var(--lightningcss-dark, lab(7.78201% -.0000149012 0));
    --card-foreground: var(--lightningcss-light, lab(2.75381% 0 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --popover: var(--lightningcss-light, lab(100% 0 0)) var(--lightningcss-dark, lab(7.78201% -.0000149012 0));
    --popover-foreground: var(--lightningcss-light, lab(2.75381% 0 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --primary: var(--lightningcss-light, lab(7.78201% -.0000149012 0)) var(--lightningcss-dark, lab(90.952% 0 -.0000119209));
    --primary-foreground: var(--lightningcss-light, lab(98.26% 0 0)) var(--lightningcss-dark, lab(7.78201% -.0000149012 0));
    --secondary: var(--lightningcss-light, lab(96.52% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(15.204% 0 -.00000596046));
    --secondary-foreground: var(--lightningcss-light, lab(7.78201% -.0000149012 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --muted: var(--lightningcss-light, lab(96.52% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(15.204% 0 -.00000596046));
    --muted-foreground: var(--lightningcss-light, lab(48.496% 0 0)) var(--lightningcss-dark, lab(66.128% -.0000298023 .0000119209));
    --accent: var(--lightningcss-light, lab(96.52% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(15.204% 0 -.00000596046));
    --accent-foreground: var(--lightningcss-light, lab(7.78201% -.0000149012 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --destructive: var(--lightningcss-light, lab(48.4493% 77.4328 61.5452)) var(--lightningcss-dark, lab(63.7053% 60.745 31.3109));
    --border: var(--lightningcss-light, lab(90.952% 0 -.0000119209)) var(--lightningcss-dark, lab(100% 0 0 / .1));
    --input: var(--lightningcss-light, lab(90.952% 0 -.0000119209)) var(--lightningcss-dark, lab(100% 0 0 / .15));
    --ring: var(--lightningcss-light, lab(66.128% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(48.496% 0 0));
    --chart-1: lab(84.92% 0 -.0000119209);
    --chart-2: lab(48.496% 0 0);
    --chart-3: lab(34.924% 0 0);
    --chart-4: lab(27.036% 0 0);
    --chart-5: lab(15.204% 0 -.00000596046);
    --sidebar: var(--lightningcss-light, lab(98.26% 0 0)) var(--lightningcss-dark, lab(7.78201% -.0000149012 0));
    --sidebar-foreground: var(--lightningcss-light, lab(2.75381% 0 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --sidebar-primary: var(--lightningcss-light, lab(7.78201% -.0000149012 0)) var(--lightningcss-dark, lab(36.9089% 35.0961 -85.6872));
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: var(--lightningcss-light, lab(96.52% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(15.204% 0 -.00000596046));
    --sidebar-accent-foreground: var(--lightningcss-light, lab(7.78201% -.0000149012 0)) var(--lightningcss-dark, lab(98.26% 0 0));
    --sidebar-border: var(--lightningcss-light, lab(90.952% 0 -.0000119209)) var(--lightningcss-dark, lab(100% 0 0 / .1));
    --sidebar-ring: var(--lightningcss-light, lab(66.128% -.0000298023 .0000119209)) var(--lightningcss-dark, lab(48.496% 0 0));
  }
}

.light {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  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: 0;
}

@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
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/* [project]/node_modules/.pnpm/dolma-ui@0.4.3_@types+react@19.3.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/dolma-ui/dist/style.css [app-client] (css) */
@layer dolma-ui.tokens {
  :where(:root) {
    --color-white-100: #fff;
    --color-charcoal-100: #444;
    --color-graphite-solid-100: #f1f3f5;
    --color-graphite-solid-150: #e3e6e9;
    --color-graphite-solid-200: #d5d9de;
    --color-graphite-solid-250: #bdc2c9;
    --color-graphite-solid-300: #a4abb3;
    --color-graphite-solid-350: #878f9a;
    --color-graphite-solid-400: #6b7481;
    --color-graphite-solid-450: #5e6673;
    --color-graphite-solid-500: #505865;
    --color-graphite-solid-550: #424853;
    --color-graphite-solid-600: #333942;
    --color-graphite-solid-650: #2c3038;
    --color-graphite-solid-700: #24282e;
    --color-graphite-solid-750: #1f2226;
    --color-graphite-solid-800: #1a1c1f;
    --color-graphite-solid-850: #131517;
    --color-graphite-solid-900: #0d0e0f;
    --color-graphite-gradient-dark-0: #0d0e0f00;
    --color-graphite-gradient-dark-100: #333942;
    --color-graphite-gradient-light-0: #fff0;
    --color-graphite-gradient-light-100: #6b7481;
    --color-blue-100: #edf8fc;
    --color-blue-200: #c7eaf5;
    --color-blue-300: #a5dff1;
    --color-blue-400: #84d3ec;
    --color-blue-500: #62c8e8;
    --color-blue-600: #2faed8;
    --color-blue-700: #2489ad;
    --color-blue-800: #1a6482;
    --color-blue-900: #10485f;
    --color-blue-cyan-500: #29d9ff;
    --color-green-100: #ecfbf3;
    --color-green-200: #c9f3dc;
    --color-green-300: #a5ebc5;
    --color-green-400: #81e2af;
    --color-green-500: #5dda98;
    --color-green-600: #28c979;
    --color-green-700: #1e9f61;
    --color-green-800: #147345;
    --color-green-900: #0c4f30;
    --color-green-neon-500: #32d74b;
    --color-amber-100: #fff8e8;
    --color-amber-200: #f8e4b6;
    --color-amber-300: #f5da97;
    --color-amber-400: #f2d078;
    --color-amber-500: #eec65a;
    --color-amber-600: #dfa72f;
    --color-amber-700: #b98224;
    --color-amber-800: #805a18;
    --color-amber-900: #5a3d10;
    --color-amber-lemon-500: #e5c80b;
    --color-red-100: #fff1f3;
    --color-red-200: #f5c8d0;
    --color-red-300: #f0a9b5;
    --color-red-400: #eb8999;
    --color-red-500: #e66a7e;
    --color-red-600: #d84a61;
    --color-red-700: #b43a50;
    --color-red-800: #84293b;
    --color-red-900: #5e1c2a;
    --color-red-vermilion-600: #d64e33;
    --color-purple-100: #f6eafc;
    --color-purple-400: #cf80ef;
    --color-purple-900: #381e45;
    --color-purple-neon-500: #b958ff;
    --component-button-size-sm: 32px;
    --component-button-size-md: 40px;
    --component-button-size-lg: 48px;
    --component-button-size-small-height: 24px;
    --component-button-size-small-width: 24px;
    --component-button-size-large-width: 128px;
    --component-button-size-medium-width: 102px;
    --component-icon-size-20: 20px;
    --component-icon-size-sm: 16px;
    --component-icon-size-md: 24px;
    --component-icon-size-lg: 32px;
    --component-checkbox-size-control: 24px;
    --component-checkbox-size-checkbox-body: 20px;
    --component-checkbox-size-radio-body: 22px;
    --component-checkbox-size-radio-dot: 18px;
    --component-checkbox-size-radio-active-dot: 8px;
    --component-chip-size-height: 32px;
    --component-counter-size-default: 16px;
    --component-dot-size-sm: 6px;
    --component-dot-size-lg: 8px;
    --component-toggle-size-width: 40px;
    --component-toggle-size-height: 24px;
    --component-toggle-size-handle: 20px;
    --component-badge-size-height: 24px;
    --component-dropdown-size-default-height: 40px;
    --component-subnavigation-size-default-height: 40px;
    --component-tab-size-default-height: 40px;
    --component-search-size-small-height: 40px;
    --component-select-size-default-height: 40px;
    --component-menu-size-medium-height: 40px;
    --component-submenu-size-default-height: 36px;
    --component-tag-size-large-height: 40px;
    --component-tag-size-medium-height: 36px;
    --component-tag-size-small-height: 32px;
    --component-tag-size-x-small-height: 28px;
    --component-cell-size-small-height: 48px;
    --component-cell-size-x-small-height: 40px;
    --component-cell-size-x-small-width: 328px;
    --component-alert-size-min-height: 40px;
    --dolma-ui-table-font-size: 15px;
    --dolma-ui-table-line-height: 21px;
    --dolma-ui-table-column-gap: 20px;
    --dolma-ui-table-header-padding: 18px;
    --dolma-ui-table-row-padding: 21px;
    --spacing-0: 0px;
    --spacing-2: 2px;
    --spacing-4: 4px;
    --spacing-6: 6px;
    --spacing-8: 8px;
    --spacing-10: 10px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-64: 64px;
    --radius-2: 2px;
    --radius-4: 4px;
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-64: 64px;
    --border-1: 1px;
    --border-2: 2px;
    --border-2-5: 2.5px;
    --typography-semantic-inter-heading-bold-compact-family: "Inter";
    --typography-semantic-inter-heading-bold-compact-weight: 700;
    --typography-semantic-inter-heading-bold-compact-size: 24px;
    --typography-semantic-inter-heading-bold-compact-line-height: 28px;
    --typography-semantic-inter-heading-bold-compact-letter-spacing: .36px;
    --typography-semantic-inter-body-medium-xs-family: "Inter";
    --typography-semantic-inter-body-medium-xs-weight: 500;
    --typography-semantic-inter-body-medium-xs-size: 12px;
    --typography-semantic-inter-body-medium-xs-line-height: 16px;
    --typography-semantic-inter-body-medium-xs-letter-spacing: 0px;
    --typography-semantic-inter-body-regular-md-family: "Inter";
    --typography-semantic-inter-body-regular-md-size: 15px;
    --typography-semantic-inter-body-regular-md-line-height: 22px;
    --typography-semantic-inter-body-regular-md-letter-spacing: 0px;
    --typography-semantic-inter-body-regular-sm-family: "Inter";
    --typography-semantic-inter-body-regular-sm-weight: 400;
    --typography-semantic-inter-body-regular-sm-size: 14px;
    --typography-semantic-inter-body-regular-sm-line-height: 20px;
    --typography-semantic-inter-body-regular-sm-letter-spacing: 0px;
    --typography-semantic-inter-body-regular-comfortable-family: "Inter";
    --typography-semantic-inter-body-regular-comfortable-weight: 400;
    --typography-semantic-inter-body-regular-comfortable-size: 15px;
    --typography-semantic-inter-body-regular-comfortable-line-height: 24px;
    --typography-semantic-inter-body-regular-comfortable-letter-spacing: -.24px;
    --typography-semantic-inter-body-regular-compact-family: "Inter";
    --typography-semantic-inter-body-regular-compact-weight: 400;
    --typography-semantic-inter-body-regular-compact-size: 14px;
    --typography-semantic-inter-body-regular-compact-line-height: 20px;
    --typography-semantic-inter-body-regular-compact-letter-spacing: -.24px;
    --typography-semantic-inter-body-semibold-comfortable-family: "Inter";
    --typography-semantic-inter-body-semibold-comfortable-weight: 600;
    --typography-semantic-inter-body-semibold-comfortable-size: 15px;
    --typography-semantic-inter-body-semibold-comfortable-line-height: 24px;
    --typography-semantic-inter-body-semibold-comfortable-letter-spacing: -.24px;
    --typography-semantic-inter-label-bold-default-family: "Inter";
    --typography-semantic-inter-label-bold-default-weight: 700;
    --typography-semantic-inter-label-bold-default-size: 17px;
    --typography-semantic-inter-label-bold-default-line-height: 21px;
    --typography-semantic-inter-label-bold-default-letter-spacing: -.41px;
    --typography-semantic-inter-label-semibold-lg-family: "Inter";
    --typography-semantic-inter-label-semibold-lg-weight: 600;
    --typography-semantic-inter-label-semibold-lg-size: 14px;
    --typography-semantic-inter-label-semibold-lg-line-height: 20px;
    --typography-semantic-inter-label-semibold-lg-letter-spacing: 0px;
    --typography-semantic-inter-label-semibold-compact-family: "Inter";
    --typography-semantic-inter-label-semibold-compact-weight: 600;
    --typography-semantic-inter-label-semibold-compact-size: 14px;
    --typography-semantic-inter-label-semibold-compact-line-height: 20px;
    --typography-semantic-inter-label-semibold-compact-letter-spacing: -.24px;
    --typography-semantic-inter-caption-regular-compact-family: "Inter";
    --typography-semantic-inter-caption-regular-compact-weight: 400;
    --typography-semantic-inter-caption-regular-compact-size: 13px;
    --typography-semantic-inter-caption-regular-compact-line-height: 18px;
    --typography-semantic-inter-caption-regular-compact-letter-spacing: -.08px;
    --typography-semantic-inter-caption-semibold-compact-family: "Inter";
    --typography-semantic-inter-caption-semibold-compact-weight: 600;
    --typography-semantic-inter-caption-semibold-compact-size: 13px;
    --typography-semantic-inter-caption-semibold-compact-line-height: 18px;
    --typography-semantic-inter-caption-semibold-compact-letter-spacing: -.08px;
    --typography-semantic-inter-counter-bold-default-family: "Inter";
    --typography-semantic-inter-counter-bold-default-weight: 700;
    --typography-semantic-inter-counter-bold-default-size: 10px;
    --typography-semantic-inter-counter-bold-default-line-height: 12px;
    --typography-semantic-inter-counter-bold-default-letter-spacing: .25px;
    --opacity-50: 50;
    --opacity-60: 60;
    --dolma-ui-sidebar-width: 288px;
    --dolma-ui-avatar-size-xs: 24px;
    --dolma-ui-avatar-size-sm: 32px;
    --dolma-ui-avatar-size-md: 40px;
    --dolma-ui-avatar-size-lg: 56px;
    --dolma-ui-avatar-size-xl: 72px;
    --dolma-ui-avatar-size-xxl: 96px;
    --dolma-ui-avatar-background: #343a46;
    --dolma-ui-avatar-unclaimed-background: #424853;
    --dolma-ui-avatar-border: #0000000a;
    --dolma-ui-avatar-hover-overlay: #1b202a66;
    --dolma-ui-avatar-loading-overlay: #0000003d;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
    --semantic-static-white: #fff;
    --semantic-static-soft-black: #0d0e0f;
    --semantic-branding-pack-plus: #d64e33;
    --semantic-background-primary: #fff;
    --semantic-background-overlay: #0d0e0f99;
    --semantic-background-system: #444;
    --semantic-text-primary: #0d0e0f;
    --semantic-border-primary: #505865;
    --semantic-icon-primary: #0d0e0f;
    --semantic-logotype-text: #0d0e0f;
    --semantic-logotype-sign: #a4abb3;
    --semantic-logotype-hover-sign: #0d0e0f;
    --semantic-logotype-hover-text: var(--semantic-logotype-sign);
    --semantic-image-question-background: #e3e6e9;
    --semantic-image-question-field: #d5d9de;
    --semantic-image-question-highlight: #d5d9de;
    --semantic-image-question-sign: #a4abb3;
    --semantic-image-question-sign-shadow: #424853;
    --semantic-checkbox-background-default: #f1f3f5;
    --semantic-checkbox-background-hover: #e3e6e9;
    --semantic-checkbox-background-active: #fff;
    --semantic-checkbox-background-active-hover: #bdc2c9;
    --semantic-checkbox-background-disabled: #f1f3f5;
    --semantic-checkbox-background-active-disabled: #e3e6e9;
    --semantic-checkbox-border-default: var(--semantic-border-primary);
    --semantic-checkbox-border-hover: #424853;
    --semantic-checkbox-border-disabled: #d5d9de;
    --semantic-checkbox-mark-active: #0d0e0f;
    --semantic-checkbox-mark-disabled: #333942;
    --semantic-checkbox-text-default: #0d0e0f;
    --semantic-checkbox-text-disabled: #333942;
    --semantic-chip-background-default: #fff;
    --semantic-chip-background-hover: #f1f3f5;
    --semantic-chip-background-pressed: #e3e6e9;
    --semantic-chip-background-active: #fff;
    --semantic-chip-text-default: #0d0e0f;
    --semantic-chip-text-active: #0d0e0f;
    --semantic-chip-counter-default: #505865;
    --semantic-chip-counter-active: #0d0e0f;
    --semantic-counter-background-new: #fff;
    --semantic-counter-background-destructive: var(--semantic-branding-pack-plus);
    --semantic-counter-background-success: #32d74b24;
    --semantic-counter-background-warning: #e5c80b29;
    --semantic-counter-text-destructive: #fff;
    --semantic-counter-text-new: #0d0e0f;
    --semantic-counter-text-success: #32d74bcc;
    --semantic-counter-text-warning: #e5c80b;
    --semantic-dot-background-new: var(--semantic-counter-background-new);
    --semantic-dot-background-destructive: var(--semantic-counter-background-destructive);
    --semantic-toggle-background-off-default: #bdc2c9;
    --semantic-toggle-background-off-hover: #6b7481;
    --semantic-toggle-background-off-disabled: #e3e6e9;
    --semantic-toggle-background-on-default: #fff;
    --semantic-toggle-background-on-hover: #d5d9de;
    --semantic-toggle-background-on-disabled: #e3e6e9;
    --semantic-toggle-handle-default: #0d0e0f;
    --semantic-toggle-handle-disabled: #6b7481;
    --semantic-toggle-text-default: #0d0e0f;
    --semantic-toggle-text-disabled: #333942;
    --semantic-badge-background-gray: #a4abb324;
    --semantic-badge-background-blue: #29d9ff29;
    --semantic-badge-background-red: #d64e3329;
    --semantic-badge-background-green: #32d74b24;
    --semantic-badge-background-purple: #b958ff29;
    --semantic-badge-background-yellow: var(--semantic-counter-background-warning);
    --semantic-badge-content-gray: #bdc2c9;
    --semantic-badge-content-blue: #29d9ff;
    --semantic-badge-content-red: var(--semantic-branding-pack-plus);
    --semantic-badge-content-green: #32d74b;
    --semantic-badge-content-purple: #b958ff;
    --semantic-badge-content-yellow: #e5c80b;
    --semantic-dropdown-text-primary-default: #0d0e0f;
    --semantic-dropdown-border-default: #a4abb3;
    --semantic-dropdown-icon-secondary-default: #505865;
    --semantic-dropdown-background-canvas: #fff;
    --semantic-dropdown-background-divider: #a4abb3;
    --semantic-dropdown-background-surface-default: #f1f3f5;
    --semantic-tooltip-text-primary-default: #0d0e0f;
    --semantic-tooltip-background-canvas: #fff;
    --semantic-tooltip-background-divider: #a4abb3;
    --semantic-tooltip-background-surface-default: #f1f3f5;
    --semantic-snackbar-text-primary-default: #0d0e0f;
    --semantic-snackbar-text-active-inline-default: #0d0e0f;
    --semantic-snackbar-border-default: #a4abb3;
    --semantic-snackbar-icon-secondary-default: #505865;
    --semantic-snackbar-background-canvas: #fff;
    --semantic-snackbar-background-divider: #a4abb3;
    --semantic-snackbar-background-surface-default: #f1f3f5;
    --semantic-subnavigation-text-primary-default: #0d0e0f;
    --semantic-subnavigation-text-secondary-default: #505865;
    --semantic-subnavigation-text-secondary-hover: #505865;
    --semantic-subnavigation-text-secondary-pressed: #505865;
    --semantic-subnavigation-text-active: #0d0e0f;
    --semantic-subnavigation-icon-secondary-default: #505865;
    --semantic-subnavigation-icon-secondary-hover: #505865;
    --semantic-subnavigation-icon-secondary-pressed: #505865;
    --semantic-subnavigation-icon-active: #0d0e0f;
    --semantic-subnavigation-background-canvas: #fff;
    --semantic-subnavigation-background-divider: #a4abb3;
    --semantic-subnavigation-background-surface-default: #f1f3f5;
    --semantic-subnavigation-background-surface-hover: #d5d9de;
    --semantic-subnavigation-background-surface-pressed: #bdc2c9;
    --semantic-subnavigation-background-active: #fff;
    --semantic-modal-text-primary-default: #0d0e0f;
    --semantic-modal-text-action-secondary-default: #0d0e0f;
    --semantic-modal-text-action-primary-default: #0d0e0f;
    --semantic-modal-background-canvas: #fff;
    --semantic-modal-background-divider: #a4abb3;
    --semantic-modal-background-surface-default: #f1f3f5;
    --semantic-modal-background-action-primary-default: #fff;
    --semantic-banner-text-primary-default: #0d0e0f;
    --semantic-banner-text-secondary-default: #505865;
    --semantic-banner-text-action-secondary-default: #0d0e0f;
    --semantic-banner-text-action-primary-default: #0d0e0f;
    --semantic-banner-icon-secondary-default: #505865;
    --semantic-banner-icon-action-secondary-default: #0d0e0f;
    --semantic-banner-icon-action-primary-default: #0d0e0f;
    --semantic-banner-border-default: #a4abb3;
    --semantic-banner-background-canvas: #fff;
    --semantic-banner-background-divider: #a4abb3;
    --semantic-banner-background-surface-default: #f1f3f5;
    --semantic-banner-background-action-secondary-default: #f1f3f5;
    --semantic-banner-background-action-primary-default: #fff;
    --semantic-upload-text-primary-default: #0d0e0f;
    --semantic-upload-text-secondary-default: #505865;
    --semantic-upload-text-primary-hover: #0d0e0f;
    --semantic-upload-text-secondary-hover: #505865;
    --semantic-upload-text-primary-uploading: #0d0e0f;
    --semantic-upload-text-secondary-uploading: #505865;
    --semantic-upload-text-primary-uploaded: #0d0e0f;
    --semantic-upload-text-secondary-uploaded: #505865;
    --semantic-upload-border-default: #a4abb3;
    --semantic-upload-border-hover: #a4abb3;
    --semantic-upload-border-uploading: #a4abb3;
    --semantic-upload-border-uploaded: #a4abb3;
    --semantic-upload-icon-secondary-default: #505865;
    --semantic-upload-icon-secondary-hover: #505865;
    --semantic-upload-icon-secondary-uploading: #505865;
    --semantic-upload-icon-success-uploaded: #1e9f61;
    --semantic-upload-icon-secondary-uploaded: #505865;
    --semantic-upload-background-canvas: #fff;
    --semantic-upload-background-divider: #a4abb3;
    --semantic-upload-background-surface-default: #f1f3f5;
    --semantic-upload-background-surface-hover: #d5d9de;
    --semantic-upload-background-surface-uploading: #f1f3f5;
    --semantic-upload-background-surface-uploaded: #f1f3f5;
    --semantic-plug-text-primary-default: #0d0e0f;
    --semantic-plug-text-secondary-default: #505865;
    --semantic-plug-text-action-primary-default: #0d0e0f;
    --semantic-plug-background-canvas: #fff;
    --semantic-plug-background-divider: #a4abb3;
    --semantic-plug-background-action-primary-default: #fff;
    --semantic-tab-text-primary-default: #0d0e0f;
    --semantic-tab-text-secondary-default: #505865;
    --semantic-tab-text-primary-hover: #0d0e0f;
    --semantic-tab-text-secondary-hover: #505865;
    --semantic-tab-text-primary-pressed: #0d0e0f;
    --semantic-tab-text-secondary-pressed: #505865;
    --semantic-tab-background-selected-default: #d5d9de;
    --semantic-tab-background-selected-hover: #d5d9de;
    --semantic-tab-background-selected-pressed: #d5d9de;
    --semantic-tab-background-canvas: #fff;
    --semantic-tab-background-divider: #a4abb3;
    --semantic-tab-background-surface-default: #f1f3f5;
    --semantic-tab-background-surface-hover: #d5d9de;
    --semantic-tab-background-surface-pressed: #bdc2c9;
    --semantic-tab-border-default: #a4abb3;
    --semantic-tab-border-hover: #a4abb3;
    --semantic-tab-border-pressed: #a4abb3;
    --semantic-tab-icon-secondary-default: #505865;
    --semantic-tab-icon-secondary-hover: #505865;
    --semantic-tab-icon-secondary-pressed: #505865;
    --semantic-search-text-primary-default: #0d0e0f;
    --semantic-search-text-secondary-default: #505865;
    --semantic-search-text-secondary-focused: #505865;
    --semantic-search-text-primary-loading: #0d0e0f;
    --semantic-search-text-primary-filled: #0d0e0f;
    --semantic-search-border-default: #a4abb3;
    --semantic-search-border-focused: #0d0e0f;
    --semantic-search-border-filled: #a4abb3;
    --semantic-search-border-action-secondary-loading: #0d0e0f;
    --semantic-search-border-action-secondary-filled: #0d0e0f;
    --semantic-search-icon-secondary-default: #505865;
    --semantic-search-icon-cursor-focused: #0d0e0f;
    --semantic-search-icon-secondary-focused: #505865;
    --semantic-search-icon-secondary-loading: #505865;
    --semantic-search-icon-secondary-filled: #505865;
    --semantic-search-icon-action-secondary-loading: #0d0e0f;
    --semantic-search-icon-action-secondary-filled: #0d0e0f;
    --semantic-search-background-canvas: #fff;
    --semantic-search-background-divider: #a4abb3;
    --semantic-search-background-surface-default: #f1f3f5;
    --semantic-search-background-surface-focused: #f1f3f5;
    --semantic-search-background-surface-loading: #f1f3f5;
    --semantic-search-background-surface-filled: #f1f3f5;
    --semantic-select-text-primary-default: #0d0e0f;
    --semantic-select-text-secondary-default: #505865;
    --semantic-select-text-primary-filled: #0d0e0f;
    --semantic-select-text-primary-hover: #0d0e0f;
    --semantic-select-text-primary-focused: #0d0e0f;
    --semantic-select-text-disabled: #505865;
    --semantic-select-border-default: #a4abb3;
    --semantic-select-border-filled: #a4abb3;
    --semantic-select-border-hover: #a4abb3;
    --semantic-select-border-focused: #0d0e0f;
    --semantic-select-border-context-disabled: #a4abb3;
    --semantic-select-icon-secondary-default: #505865;
    --semantic-select-icon-secondary-filled: #505865;
    --semantic-select-icon-secondary-hover: #505865;
    --semantic-select-icon-secondary-focused: #505865;
    --semantic-select-icon-disabled: #505865;
    --semantic-select-background-canvas: #fff;
    --semantic-select-background-divider: #a4abb3;
    --semantic-select-background-surface-default: #f1f3f5;
    --semantic-select-background-surface-disabled: #f1f3f5;
    --semantic-select-background-surface-filled: #f1f3f5;
    --semantic-select-background-surface-hover: #d5d9de;
    --semantic-select-background-surface-focused: #f1f3f5;
    --semantic-input-text-primary-default: #0d0e0f;
    --semantic-input-text-primary-placeholder: #0d0e0f;
    --semantic-input-text-secondary-placeholder: #505865;
    --semantic-input-text-primary-hover: #0d0e0f;
    --semantic-input-text-secondary-hover: #505865;
    --semantic-input-text-primary-focused: #0d0e0f;
    --semantic-input-text-secondary-focused: #505865;
    --semantic-input-text-primary-filled: #0d0e0f;
    --semantic-input-text-secondary-filled: #505865;
    --semantic-input-text-primary-error: #0d0e0f;
    --semantic-input-text-error-error: #b43a50;
    --semantic-input-text-disabled: #505865;
    --semantic-input-icon-secondary-placeholder: #505865;
    --semantic-input-icon-secondary-hover: #505865;
    --semantic-input-icon-secondary-focused: #505865;
    --semantic-input-icon-cursor-focused: #0d0e0f;
    --semantic-input-icon-secondary-filled: #505865;
    --semantic-input-icon-success-filled: #1e9f61;
    --semantic-input-icon-secondary-error: #505865;
    --semantic-input-icon-disabled: #505865;
    --semantic-input-border-filled: #a4abb3;
    --semantic-input-background-canvas: #fff;
    --semantic-input-background-divider: #a4abb3;
    --semantic-input-background-surface-placeholder: #f1f3f5;
    --semantic-input-background-surface-hover: #d5d9de;
    --semantic-input-background-surface-focused: #f1f3f5;
    --semantic-input-background-surface-filled: #f1f3f5;
    --semantic-input-background-surface-disabled: #f1f3f5;
    --semantic-input-background-surface-error: #f1f3f5;
    --semantic-textarea-text-primary-default: #0d0e0f;
    --semantic-textarea-text-primary-placeholder: #0d0e0f;
    --semantic-textarea-text-secondary-placeholder: #505865;
    --semantic-textarea-text-primary-hover: #0d0e0f;
    --semantic-textarea-text-secondary-hover: #505865;
    --semantic-textarea-text-primary-focused: #0d0e0f;
    --semantic-textarea-text-secondary-focused: #505865;
    --semantic-textarea-text-primary-filled: #0d0e0f;
    --semantic-textarea-text-secondary-filled: #505865;
    --semantic-textarea-text-primary-error: #0d0e0f;
    --semantic-textarea-text-error-error: #b43a50;
    --semantic-textarea-text-disabled: #505865;
    --semantic-textarea-icon-cursor-focused: #0d0e0f;
    --semantic-textarea-background-canvas: #fff;
    --semantic-textarea-background-divider: #a4abb3;
    --semantic-textarea-background-surface-placeholder: #f1f3f5;
    --semantic-textarea-background-surface-hover: #d5d9de;
    --semantic-textarea-background-surface-focused: #f1f3f5;
    --semantic-textarea-background-surface-filled: #f1f3f5;
    --semantic-textarea-background-surface-disabled: #f1f3f5;
    --semantic-textarea-background-surface-error: #f1f3f5;
    --semantic-menu-text-primary-default: #0d0e0f;
    --semantic-menu-text-primary-normal: #0d0e0f;
    --semantic-menu-text-primary-hover: #0d0e0f;
    --semantic-menu-text-secondary-normal: #505865;
    --semantic-menu-text-secondary-hover: #505865;
    --semantic-menu-text-active: #0d0e0f;
    --semantic-menu-border-normal: #a4abb3;
    --semantic-menu-border-hover: #a4abb3;
    --semantic-menu-border-active: #0d0e0f;
    --semantic-menu-icon-secondary-normal: #505865;
    --semantic-menu-icon-secondary-hover: #505865;
    --semantic-menu-icon-active: #0d0e0f;
    --semantic-menu-background-canvas: #fff;
    --semantic-menu-background-divider: #a4abb3;
    --semantic-menu-background-surface-hover: #d5d9de;
    --semantic-menu-background-active: #fff;
    --semantic-submenu-text-primary-default: #0d0e0f;
    --semantic-submenu-text-secondary-normal: #505865;
    --semantic-submenu-text-secondary-hover: #505865;
    --semantic-submenu-text-active: #0d0e0f;
    --semantic-submenu-background-canvas: #fff;
    --semantic-submenu-background-divider: #a4abb3;
    --semantic-submenu-background-surface-normal: #f1f3f5;
    --semantic-submenu-background-surface-hover: #d5d9de;
    --semantic-submenu-background-active: #fff;
    --semantic-tag-text-primary-default: #0d0e0f;
    --semantic-tag-text-secondary-default: #505865;
    --semantic-tag-icon-secondary-default: #505865;
    --semantic-tag-border-default: #a4abb3;
    --semantic-tag-background-canvas: #fff;
    --semantic-tag-background-divider: #a4abb3;
    --semantic-tag-background-surface-default: #f1f3f5;
    --semantic-cell-text-primary-default: #0d0e0f;
    --semantic-cell-text-secondary-default: #505865;
    --semantic-cell-border-default: #a4abb3;
    --semantic-cell-border-unselected-control: #a4abb3;
    --semantic-cell-border-selected-dot: #0d0e0f;
    --semantic-cell-icon-secondary-default: #505865;
    --semantic-cell-icon-selected-control: #0d0e0f;
    --semantic-cell-icon-context-selected-control: #0d0e0f;
    --semantic-cell-icon-unselected-control: #a4abb3;
    --semantic-cell-background-canvas: #fff;
    --semantic-cell-background-divider: #a4abb3;
    --semantic-cell-background-surface-default: #f1f3f5;
    --semantic-cell-background-selected-control: #0d0e0f;
    --semantic-cell-background-selected-dot: #0d0e0f;
    --semantic-cell-background-context-selected-control: #fff;
    --semantic-cell-background-unselected-handle: #fff;
    --semantic-cell-background-selected-handle: #fff;
    --semantic-button-text-primary-default: #0d0e0f;
    --semantic-button-text-action-primary-default: #0d0e0f;
    --semantic-button-text-action-danger-default: #fff;
    --semantic-button-text-action-secondary-default: #0d0e0f;
    --semantic-button-text-action-tertiary-default: #0d0e0f;
    --semantic-button-text-action-primary-hover: #0d0e0f;
    --semantic-button-text-action-danger-hover: #fff;
    --semantic-button-text-action-secondary-hover: #0d0e0f;
    --semantic-button-text-action-tertiary-hover: #0d0e0f;
    --semantic-button-text-action-primary-pressed: #0d0e0f;
    --semantic-button-text-action-danger-pressed: #fff;
    --semantic-button-text-action-secondary-pressed: #0d0e0f;
    --semantic-button-text-action-tertiary-pressed: #0d0e0f;
    --semantic-button-text-action-primary-disabled: #505865;
    --semantic-button-text-action-danger-disabled: #e66a7e;
    --semantic-button-text-action-secondary-disabled: #505865;
    --semantic-button-text-action-tertiary-disabled: #505865;
    --semantic-button-background-canvas: #fff;
    --semantic-button-background-divider: #a4abb3;
    --semantic-button-background-action-primary-default: #fff;
    --semantic-button-background-action-danger-default: #d84a61;
    --semantic-button-background-action-secondary-default: #f1f3f5;
    --semantic-button-background-action-only-default: #f1f3f5;
    --semantic-button-background-action-primary-hover: #e3e6e9;
    --semantic-button-background-action-danger-hover: #e66a7e;
    --semantic-button-background-action-secondary-hover: #d5d9de;
    --semantic-button-background-action-only-hover: #d5d9de;
    --semantic-button-background-action-primary-pressed: #bdc2c9;
    --semantic-button-background-action-danger-pressed: #b43a50;
    --semantic-button-background-action-secondary-pressed: #a4abb3;
    --semantic-button-background-action-only-pressed: #a4abb3;
    --semantic-button-background-action-primary-disabled: #d5d9de;
    --semantic-button-background-action-danger-disabled: #5e1c2a;
    --semantic-button-background-action-secondary-disabled: #f1f3f5;
    --semantic-button-background-action-only-disabled: #f1f3f5;
    --semantic-button-background-action-primary-loading: #fff;
    --semantic-button-background-action-danger-loading: #d84a61;
    --semantic-button-background-action-secondary-loading: #f1f3f5;
    --semantic-button-icon-action-primary-default: #0d0e0f;
    --semantic-button-icon-action-danger-default: #fff;
    --semantic-button-icon-action-secondary-default: #0d0e0f;
    --semantic-button-icon-action-tertiary-default: #0d0e0f;
    --semantic-button-icon-action-only-default: #0d0e0f;
    --semantic-button-icon-action-primary-hover: #0d0e0f;
    --semantic-button-icon-action-danger-hover: #fff;
    --semantic-button-icon-action-secondary-hover: #0d0e0f;
    --semantic-button-icon-action-tertiary-hover: #0d0e0f;
    --semantic-button-icon-action-only-hover: #0d0e0f;
    --semantic-button-icon-action-primary-pressed: #0d0e0f;
    --semantic-button-icon-action-danger-pressed: #fff;
    --semantic-button-icon-action-secondary-pressed: #0d0e0f;
    --semantic-button-icon-action-tertiary-pressed: #0d0e0f;
    --semantic-button-icon-action-only-pressed: #0d0e0f;
    --semantic-button-icon-action-primary-disabled: #505865;
    --semantic-button-icon-action-danger-disabled: #e66a7e;
    --semantic-button-icon-action-secondary-disabled: #505865;
    --semantic-button-icon-action-tertiary-disabled: #505865;
    --semantic-button-icon-action-only-disabled: #505865;
    --semantic-button-icon-action-primary-loading: #0d0e0f;
    --semantic-button-icon-action-danger-loading: #fff;
    --semantic-button-icon-action-secondary-loading: #0d0e0f;
    --semantic-button-icon-action-tertiary-loading: #0d0e0f;
    --semantic-alert-background-info: #29d9ff1f;
    --semantic-alert-background-danger: #d64e331f;
    --semantic-alert-background-warning: #e5c80b1f;
    --semantic-alert-background-success: #32d74b1f;
    --semantic-alert-content-info: #1a6482;
    --semantic-alert-content-danger: #84293b;
    --semantic-alert-content-warning: #805a18;
    --semantic-alert-content-success: #147345;
    --dolma-ui-table-border: #d5d9de;
    --dolma-ui-table-background: #fff;
    --dolma-ui-table-text-secondary: #505865;
    --dolma-ui-sidebar-background: #eef1f4;
    --dolma-ui-sidebar-search-background: #e7eaed;
    --dolma-ui-sidebar-search-placeholder: #0d0e0f52;
    --dolma-ui-sidebar-border: #eef1f4;
    --dolma-ui-sidebar-company-background: #e7eaed;
    --dolma-ui-sidebar-company-secondary: #6b737c;
    --dolma-ui-sidebar-icon: #6b737c;
    --dolma-ui-sidebar-switch-icon: #6b737c;
    --dolma-ui-date-range-background: #eef1f4;
    --dolma-ui-date-range-footer: #eef1f4;
    --dolma-ui-date-range-text: #0d0e0f;
    --dolma-ui-date-range-secondary: #6b737c;
    --dolma-ui-date-range-selection: #e2e6ea;
    --dolma-ui-date-range-action: #0d0e0f;
    --dolma-ui-date-range-action-text: #f7f8fa;
    --dolma-ui-date-range-input: #e2e6ea;
    --dolma-ui-date-range-shadow: #0000001f;
    --opacity-date-range-outside: .2;
  }

  @media (prefers-color-scheme: dark) {
    :where(:root) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      --semantic-static-white: #fff;
      --semantic-static-soft-black: #0d0e0f;
      --semantic-branding-pack-plus: #d64e33;
      --semantic-background-primary: #0d0e0f;
      --semantic-background-overlay: #0d0e0f99;
      --semantic-background-system: #444;
      --semantic-text-primary: #fff;
      --semantic-border-primary: #6b7481;
      --semantic-icon-primary: #fff;
      --semantic-logotype-text: #fff;
      --semantic-logotype-sign: #505865;
      --semantic-logotype-hover-sign: #fff;
      --semantic-logotype-hover-text: var(--semantic-logotype-sign);
      --semantic-image-question-background: #1a1c1f;
      --semantic-image-question-field: #1f2226;
      --semantic-image-question-highlight: #1f2226;
      --semantic-image-question-sign: #505865;
      --semantic-image-question-sign-shadow: #0d0e0f;
      --semantic-checkbox-background-default: #0d0e0f;
      --semantic-checkbox-background-hover: #1a1c1f;
      --semantic-checkbox-background-active: #fff;
      --semantic-checkbox-background-active-hover: #878f9a;
      --semantic-checkbox-background-disabled: #131517;
      --semantic-checkbox-background-active-disabled: #24282e;
      --semantic-checkbox-border-default: var(--semantic-border-primary);
      --semantic-checkbox-border-hover: #878f9a;
      --semantic-checkbox-border-disabled: #24282e;
      --semantic-checkbox-mark-active: #0d0e0f;
      --semantic-checkbox-mark-disabled: #6b7481;
      --semantic-checkbox-text-default: #fff;
      --semantic-checkbox-text-disabled: #6b7481;
      --semantic-chip-background-default: #1f2226;
      --semantic-chip-background-hover: #333942;
      --semantic-chip-background-pressed: #1a1c1f;
      --semantic-chip-background-active: #fff;
      --semantic-chip-text-default: #fff;
      --semantic-chip-text-active: #0d0e0f;
      --semantic-chip-counter-default: #a4abb3;
      --semantic-chip-counter-active: #0d0e0f;
      --semantic-counter-background-new: #fff;
      --semantic-counter-background-destructive: var(--semantic-branding-pack-plus);
      --semantic-counter-background-success: #32d74b24;
      --semantic-counter-background-warning: #e5c80b29;
      --semantic-counter-text-destructive: #fff;
      --semantic-counter-text-new: #0d0e0f;
      --semantic-counter-text-success: #32d74bcc;
      --semantic-counter-text-warning: #e5c80b;
      --semantic-dot-background-new: var(--semantic-counter-background-new);
      --semantic-dot-background-destructive: var(--semantic-counter-background-destructive);
      --semantic-toggle-background-off-default: #333942;
      --semantic-toggle-background-off-hover: #505865;
      --semantic-toggle-background-off-disabled: #1a1c1f;
      --semantic-toggle-background-on-default: #fff;
      --semantic-toggle-background-on-hover: #e3e6e9;
      --semantic-toggle-background-on-disabled: #24282e;
      --semantic-toggle-handle-default: #0d0e0f;
      --semantic-toggle-handle-disabled: #131517;
      --semantic-toggle-text-default: #fff;
      --semantic-toggle-text-disabled: #6b7481;
      --semantic-badge-background-gray: #a4abb324;
      --semantic-badge-background-blue: #29d9ff29;
      --semantic-badge-background-red: #d64e3329;
      --semantic-badge-background-green: #32d74b24;
      --semantic-badge-background-purple: #b958ff29;
      --semantic-badge-background-yellow: var(--semantic-counter-background-warning);
      --semantic-badge-content-gray: #bdc2c9;
      --semantic-badge-content-blue: #29d9ff;
      --semantic-badge-content-red: var(--semantic-branding-pack-plus);
      --semantic-badge-content-green: #32d74b;
      --semantic-badge-content-purple: #b958ff;
      --semantic-badge-content-yellow: #e5c80b;
      --semantic-dropdown-text-primary-default: #fff;
      --semantic-dropdown-border-default: #333942;
      --semantic-dropdown-icon-secondary-default: #a4abb3;
      --semantic-dropdown-background-canvas: #0d0e0f;
      --semantic-dropdown-background-divider: #333942;
      --semantic-dropdown-background-surface-default: #1a1c1f;
      --semantic-tooltip-text-primary-default: #fff;
      --semantic-tooltip-background-canvas: #0d0e0f;
      --semantic-tooltip-background-divider: #333942;
      --semantic-tooltip-background-surface-default: #333942;
      --semantic-snackbar-text-primary-default: #fff;
      --semantic-snackbar-text-active-inline-default: #fff;
      --semantic-snackbar-border-default: #333942;
      --semantic-snackbar-icon-secondary-default: #a4abb3;
      --semantic-snackbar-background-canvas: #0d0e0f;
      --semantic-snackbar-background-divider: #333942;
      --semantic-snackbar-background-surface-default: #333942;
      --semantic-subnavigation-text-primary-default: #fff;
      --semantic-subnavigation-text-secondary-default: #a4abb3;
      --semantic-subnavigation-text-secondary-hover: #a4abb3;
      --semantic-subnavigation-text-secondary-pressed: #a4abb3;
      --semantic-subnavigation-text-active: #0d0e0f;
      --semantic-subnavigation-icon-secondary-default: #a4abb3;
      --semantic-subnavigation-icon-secondary-hover: #a4abb3;
      --semantic-subnavigation-icon-secondary-pressed: #a4abb3;
      --semantic-subnavigation-icon-active: #0d0e0f;
      --semantic-subnavigation-background-canvas: #0d0e0f;
      --semantic-subnavigation-background-divider: #333942;
      --semantic-subnavigation-background-surface-default: #1a1c1f;
      --semantic-subnavigation-background-surface-hover: #24282e;
      --semantic-subnavigation-background-surface-pressed: #333942;
      --semantic-subnavigation-background-active: #fff;
      --semantic-modal-text-primary-default: #fff;
      --semantic-modal-text-action-secondary-default: #fff;
      --semantic-modal-text-action-primary-default: #0d0e0f;
      --semantic-modal-background-canvas: #0d0e0f;
      --semantic-modal-background-divider: #333942;
      --semantic-modal-background-surface-default: #1a1c1f;
      --semantic-modal-background-action-primary-default: #fff;
      --semantic-banner-text-primary-default: #fff;
      --semantic-banner-text-secondary-default: #a4abb3;
      --semantic-banner-text-action-secondary-default: #fff;
      --semantic-banner-text-action-primary-default: #0d0e0f;
      --semantic-banner-icon-secondary-default: #a4abb3;
      --semantic-banner-icon-action-secondary-default: #fff;
      --semantic-banner-icon-action-primary-default: #0d0e0f;
      --semantic-banner-border-default: #333942;
      --semantic-banner-background-canvas: #0d0e0f;
      --semantic-banner-background-divider: #333942;
      --semantic-banner-background-surface-default: #1a1c1f;
      --semantic-banner-background-action-secondary-default: #24282e;
      --semantic-banner-background-action-primary-default: #fff;
      --semantic-upload-text-primary-default: #fff;
      --semantic-upload-text-secondary-default: #a4abb3;
      --semantic-upload-text-primary-hover: #fff;
      --semantic-upload-text-secondary-hover: #a4abb3;
      --semantic-upload-text-primary-uploading: #fff;
      --semantic-upload-text-secondary-uploading: #a4abb3;
      --semantic-upload-text-primary-uploaded: #fff;
      --semantic-upload-text-secondary-uploaded: #a4abb3;
      --semantic-upload-border-default: #333942;
      --semantic-upload-border-hover: #333942;
      --semantic-upload-border-uploading: #333942;
      --semantic-upload-border-uploaded: #333942;
      --semantic-upload-icon-secondary-default: #a4abb3;
      --semantic-upload-icon-secondary-hover: #a4abb3;
      --semantic-upload-icon-secondary-uploading: #a4abb3;
      --semantic-upload-icon-success-uploaded: #5dda98;
      --semantic-upload-icon-secondary-uploaded: #a4abb3;
      --semantic-upload-background-canvas: #0d0e0f;
      --semantic-upload-background-divider: #333942;
      --semantic-upload-background-surface-default: #1a1c1f;
      --semantic-upload-background-surface-hover: #24282e;
      --semantic-upload-background-surface-uploading: #1a1c1f;
      --semantic-upload-background-surface-uploaded: #1a1c1f;
      --semantic-plug-text-primary-default: #fff;
      --semantic-plug-text-secondary-default: #a4abb3;
      --semantic-plug-text-action-primary-default: #0d0e0f;
      --semantic-plug-background-canvas: #0d0e0f;
      --semantic-plug-background-divider: #333942;
      --semantic-plug-background-action-primary-default: #fff;
      --semantic-tab-text-primary-default: #fff;
      --semantic-tab-text-secondary-default: #a4abb3;
      --semantic-tab-text-primary-hover: #fff;
      --semantic-tab-text-secondary-hover: #a4abb3;
      --semantic-tab-text-primary-pressed: #fff;
      --semantic-tab-text-secondary-pressed: #a4abb3;
      --semantic-tab-background-selected-default: #333942;
      --semantic-tab-background-selected-hover: #333942;
      --semantic-tab-background-selected-pressed: #333942;
      --semantic-tab-background-canvas: #0d0e0f;
      --semantic-tab-background-divider: #333942;
      --semantic-tab-background-surface-default: #1a1c1f;
      --semantic-tab-background-surface-hover: #24282e;
      --semantic-tab-background-surface-pressed: #333942;
      --semantic-tab-border-default: #333942;
      --semantic-tab-border-hover: #333942;
      --semantic-tab-border-pressed: #333942;
      --semantic-tab-icon-secondary-default: #a4abb3;
      --semantic-tab-icon-secondary-hover: #a4abb3;
      --semantic-tab-icon-secondary-pressed: #a4abb3;
      --semantic-search-text-primary-default: #fff;
      --semantic-search-text-secondary-default: #a4abb3;
      --semantic-search-text-secondary-focused: #a4abb3;
      --semantic-search-text-primary-loading: #fff;
      --semantic-search-text-primary-filled: #fff;
      --semantic-search-border-default: #333942;
      --semantic-search-border-focused: #fff;
      --semantic-search-border-filled: #333942;
      --semantic-search-border-action-secondary-loading: #fff;
      --semantic-search-border-action-secondary-filled: #fff;
      --semantic-search-icon-secondary-default: #a4abb3;
      --semantic-search-icon-cursor-focused: #fff;
      --semantic-search-icon-secondary-focused: #a4abb3;
      --semantic-search-icon-secondary-loading: #a4abb3;
      --semantic-search-icon-secondary-filled: #a4abb3;
      --semantic-search-icon-action-secondary-loading: #fff;
      --semantic-search-icon-action-secondary-filled: #fff;
      --semantic-search-background-canvas: #0d0e0f;
      --semantic-search-background-divider: #333942;
      --semantic-search-background-surface-default: #1a1c1f;
      --semantic-search-background-surface-focused: #1a1c1f;
      --semantic-search-background-surface-loading: #1a1c1f;
      --semantic-search-background-surface-filled: #1a1c1f;
      --semantic-select-text-primary-default: #fff;
      --semantic-select-text-secondary-default: #a4abb3;
      --semantic-select-text-primary-filled: #fff;
      --semantic-select-text-primary-hover: #fff;
      --semantic-select-text-primary-focused: #fff;
      --semantic-select-text-disabled: #6b7481;
      --semantic-select-border-default: #333942;
      --semantic-select-border-filled: #333942;
      --semantic-select-border-hover: #333942;
      --semantic-select-border-focused: #fff;
      --semantic-select-border-context-disabled: #333942;
      --semantic-select-icon-secondary-default: #a4abb3;
      --semantic-select-icon-secondary-filled: #a4abb3;
      --semantic-select-icon-secondary-hover: #a4abb3;
      --semantic-select-icon-secondary-focused: #a4abb3;
      --semantic-select-icon-disabled: #6b7481;
      --semantic-select-background-canvas: #0d0e0f;
      --semantic-select-background-divider: #333942;
      --semantic-select-background-surface-default: #1a1c1f;
      --semantic-select-background-surface-disabled: #1a1c1f;
      --semantic-select-background-surface-filled: #1a1c1f;
      --semantic-select-background-surface-hover: #24282e;
      --semantic-select-background-surface-focused: #1a1c1f;
      --semantic-input-text-primary-default: #fff;
      --semantic-input-text-primary-placeholder: #fff;
      --semantic-input-text-secondary-placeholder: #a4abb3;
      --semantic-input-text-primary-hover: #fff;
      --semantic-input-text-secondary-hover: #a4abb3;
      --semantic-input-text-primary-focused: #fff;
      --semantic-input-text-secondary-focused: #a4abb3;
      --semantic-input-text-primary-filled: #fff;
      --semantic-input-text-secondary-filled: #a4abb3;
      --semantic-input-text-primary-error: #fff;
      --semantic-input-text-error-error: #e66a7e;
      --semantic-input-text-disabled: #6b7481;
      --semantic-input-icon-secondary-placeholder: #a4abb3;
      --semantic-input-icon-secondary-hover: #a4abb3;
      --semantic-input-icon-secondary-focused: #a4abb3;
      --semantic-input-icon-cursor-focused: #fff;
      --semantic-input-icon-secondary-filled: #a4abb3;
      --semantic-input-icon-success-filled: #5dda98;
      --semantic-input-icon-secondary-error: #a4abb3;
      --semantic-input-icon-disabled: #6b7481;
      --semantic-input-border-filled: #333942;
      --semantic-input-background-canvas: #0d0e0f;
      --semantic-input-background-divider: #333942;
      --semantic-input-background-surface-placeholder: #1a1c1f;
      --semantic-input-background-surface-hover: #24282e;
      --semantic-input-background-surface-focused: #1a1c1f;
      --semantic-input-background-surface-filled: #1a1c1f;
      --semantic-input-background-surface-disabled: #1a1c1f;
      --semantic-input-background-surface-error: #1a1c1f;
      --semantic-textarea-text-primary-default: #fff;
      --semantic-textarea-text-primary-placeholder: #fff;
      --semantic-textarea-text-secondary-placeholder: #a4abb3;
      --semantic-textarea-text-primary-hover: #fff;
      --semantic-textarea-text-secondary-hover: #a4abb3;
      --semantic-textarea-text-primary-focused: #fff;
      --semantic-textarea-text-secondary-focused: #a4abb3;
      --semantic-textarea-text-primary-filled: #fff;
      --semantic-textarea-text-secondary-filled: #a4abb3;
      --semantic-textarea-text-primary-error: #fff;
      --semantic-textarea-text-error-error: #e66a7e;
      --semantic-textarea-text-disabled: #6b7481;
      --semantic-textarea-icon-cursor-focused: #fff;
      --semantic-textarea-background-canvas: #0d0e0f;
      --semantic-textarea-background-divider: #333942;
      --semantic-textarea-background-surface-placeholder: #1a1c1f;
      --semantic-textarea-background-surface-hover: #24282e;
      --semantic-textarea-background-surface-focused: #1a1c1f;
      --semantic-textarea-background-surface-filled: #1a1c1f;
      --semantic-textarea-background-surface-disabled: #1a1c1f;
      --semantic-textarea-background-surface-error: #1a1c1f;
      --semantic-menu-text-primary-default: #fff;
      --semantic-menu-text-primary-normal: #fff;
      --semantic-menu-text-primary-hover: #fff;
      --semantic-menu-text-secondary-normal: #a4abb3;
      --semantic-menu-text-secondary-hover: #a4abb3;
      --semantic-menu-text-active: #0d0e0f;
      --semantic-menu-border-normal: #333942;
      --semantic-menu-border-hover: #333942;
      --semantic-menu-border-active: #0d0e0f;
      --semantic-menu-icon-secondary-normal: #a4abb3;
      --semantic-menu-icon-secondary-hover: #a4abb3;
      --semantic-menu-icon-active: #0d0e0f;
      --semantic-menu-background-canvas: #0d0e0f;
      --semantic-menu-background-divider: #333942;
      --semantic-menu-background-surface-hover: #24282e;
      --semantic-menu-background-active: #fff;
      --semantic-submenu-text-primary-default: #fff;
      --semantic-submenu-text-secondary-normal: #a4abb3;
      --semantic-submenu-text-secondary-hover: #a4abb3;
      --semantic-submenu-text-active: #0d0e0f;
      --semantic-submenu-background-canvas: #0d0e0f;
      --semantic-submenu-background-divider: #333942;
      --semantic-submenu-background-surface-normal: #1a1c1f;
      --semantic-submenu-background-surface-hover: #24282e;
      --semantic-submenu-background-active: #fff;
      --semantic-tag-text-primary-default: #fff;
      --semantic-tag-text-secondary-default: #a4abb3;
      --semantic-tag-icon-secondary-default: #a4abb3;
      --semantic-tag-border-default: #333942;
      --semantic-tag-background-canvas: #0d0e0f;
      --semantic-tag-background-divider: #333942;
      --semantic-tag-background-surface-default: #1a1c1f;
      --semantic-cell-text-primary-default: #fff;
      --semantic-cell-text-secondary-default: #a4abb3;
      --semantic-cell-border-default: #333942;
      --semantic-cell-border-unselected-control: #505865;
      --semantic-cell-border-selected-dot: #0d0e0f;
      --semantic-cell-icon-secondary-default: #a4abb3;
      --semantic-cell-icon-selected-control: #fff;
      --semantic-cell-icon-context-selected-control: #0d0e0f;
      --semantic-cell-icon-unselected-control: #505865;
      --semantic-cell-background-canvas: #0d0e0f;
      --semantic-cell-background-divider: #333942;
      --semantic-cell-background-surface-default: #1a1c1f;
      --semantic-cell-background-selected-control: #0d0e0f;
      --semantic-cell-background-selected-dot: #0d0e0f;
      --semantic-cell-background-context-selected-control: #fff;
      --semantic-cell-background-unselected-handle: #fff;
      --semantic-cell-background-selected-handle: #0d0e0f;
      --semantic-button-text-primary-default: #fff;
      --semantic-button-text-action-primary-default: #0d0e0f;
      --semantic-button-text-action-danger-default: #fff;
      --semantic-button-text-action-secondary-default: #fff;
      --semantic-button-text-action-tertiary-default: #fff;
      --semantic-button-text-action-primary-hover: #0d0e0f;
      --semantic-button-text-action-danger-hover: #fff;
      --semantic-button-text-action-secondary-hover: #fff;
      --semantic-button-text-action-tertiary-hover: #fff;
      --semantic-button-text-action-primary-pressed: #0d0e0f;
      --semantic-button-text-action-danger-pressed: #fff;
      --semantic-button-text-action-secondary-pressed: #fff;
      --semantic-button-text-action-tertiary-pressed: #fff;
      --semantic-button-text-action-primary-disabled: #6b7481;
      --semantic-button-text-action-danger-disabled: #eb8999;
      --semantic-button-text-action-secondary-disabled: #6b7481;
      --semantic-button-text-action-tertiary-disabled: #6b7481;
      --semantic-button-background-canvas: #0d0e0f;
      --semantic-button-background-divider: #333942;
      --semantic-button-background-action-primary-default: #fff;
      --semantic-button-background-action-danger-default: #d84a61;
      --semantic-button-background-action-secondary-default: #24282e;
      --semantic-button-background-action-only-default: #24282e;
      --semantic-button-background-action-primary-hover: #e3e6e9;
      --semantic-button-background-action-danger-hover: #e66a7e;
      --semantic-button-background-action-secondary-hover: #333942;
      --semantic-button-background-action-only-hover: #333942;
      --semantic-button-background-action-primary-pressed: #bdc2c9;
      --semantic-button-background-action-danger-pressed: #b43a50;
      --semantic-button-background-action-secondary-pressed: #505865;
      --semantic-button-background-action-only-pressed: #505865;
      --semantic-button-background-action-primary-disabled: #24282e;
      --semantic-button-background-action-danger-disabled: #5e1c2a;
      --semantic-button-background-action-secondary-disabled: #1a1c1f;
      --semantic-button-background-action-only-disabled: #1a1c1f;
      --semantic-button-background-action-primary-loading: #fff;
      --semantic-button-background-action-danger-loading: #d84a61;
      --semantic-button-background-action-secondary-loading: #24282e;
      --semantic-button-icon-action-primary-default: #0d0e0f;
      --semantic-button-icon-action-danger-default: #fff;
      --semantic-button-icon-action-secondary-default: #fff;
      --semantic-button-icon-action-tertiary-default: #fff;
      --semantic-button-icon-action-only-default: #fff;
      --semantic-button-icon-action-primary-hover: #0d0e0f;
      --semantic-button-icon-action-danger-hover: #fff;
      --semantic-button-icon-action-secondary-hover: #fff;
      --semantic-button-icon-action-tertiary-hover: #fff;
      --semantic-button-icon-action-only-hover: #fff;
      --semantic-button-icon-action-primary-pressed: #0d0e0f;
      --semantic-button-icon-action-danger-pressed: #fff;
      --semantic-button-icon-action-secondary-pressed: #fff;
      --semantic-button-icon-action-tertiary-pressed: #fff;
      --semantic-button-icon-action-only-pressed: #fff;
      --semantic-button-icon-action-primary-disabled: #6b7481;
      --semantic-button-icon-action-danger-disabled: #eb8999;
      --semantic-button-icon-action-secondary-disabled: #6b7481;
      --semantic-button-icon-action-tertiary-disabled: #6b7481;
      --semantic-button-icon-action-only-disabled: #6b7481;
      --semantic-button-icon-action-primary-loading: #0d0e0f;
      --semantic-button-icon-action-danger-loading: #fff;
      --semantic-button-icon-action-secondary-loading: #fff;
      --semantic-button-icon-action-tertiary-loading: #fff;
      --semantic-alert-background-info: #29d9ff26;
      --semantic-alert-background-danger: #d64e3326;
      --semantic-alert-background-warning: #e5c80b26;
      --semantic-alert-background-success: #32d74b26;
      --semantic-alert-content-info: #29d9ff;
      --semantic-alert-content-danger: var(--semantic-branding-pack-plus);
      --semantic-alert-content-warning: #e5c80b;
      --semantic-alert-content-success: #32d74b;
      --dolma-ui-table-border: #1b1b1c;
      --dolma-ui-table-background: #0d0e0f;
      --dolma-ui-table-text-secondary: #979ca5;
      --dolma-ui-sidebar-background: #111213;
      --dolma-ui-sidebar-search-background: #161719;
      --dolma-ui-sidebar-search-placeholder: #ffffff52;
      --dolma-ui-sidebar-border: #1b1b1c;
      --dolma-ui-sidebar-company-background: #212327;
      --dolma-ui-sidebar-company-secondary: #a2a8b4;
      --dolma-ui-sidebar-icon: #a2a8b4;
      --dolma-ui-sidebar-switch-icon: #717a8c;
      --dolma-ui-date-range-background: #1b1c1e;
      --dolma-ui-date-range-footer: #222429;
      --dolma-ui-date-range-text: #fff;
      --dolma-ui-date-range-secondary: #a2a8b4;
      --dolma-ui-date-range-selection: #454547;
      --dolma-ui-date-range-action: #fff;
      --dolma-ui-date-range-action-text: #0d0e0f;
      --dolma-ui-date-range-input: #d0dcf514;
      --dolma-ui-date-range-shadow: #0000004d;
      --opacity-date-range-outside: .6;
    }
  }

  :where([data-theme="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --semantic-static-white: #fff;
    --semantic-static-soft-black: #0d0e0f;
    --semantic-branding-pack-plus: #d64e33;
    --semantic-background-primary: #0d0e0f;
    --semantic-background-overlay: #0d0e0f99;
    --semantic-background-system: #444;
    --semantic-text-primary: #fff;
    --semantic-border-primary: #6b7481;
    --semantic-icon-primary: #fff;
    --semantic-logotype-text: #fff;
    --semantic-logotype-sign: #505865;
    --semantic-logotype-hover-sign: #fff;
    --semantic-logotype-hover-text: var(--semantic-logotype-sign);
    --semantic-image-question-background: #1a1c1f;
    --semantic-image-question-field: #1f2226;
    --semantic-image-question-highlight: #1f2226;
    --semantic-image-question-sign: #505865;
    --semantic-image-question-sign-shadow: #0d0e0f;
    --semantic-checkbox-background-default: #0d0e0f;
    --semantic-checkbox-background-hover: #1a1c1f;
    --semantic-checkbox-background-active: #fff;
    --semantic-checkbox-background-active-hover: #878f9a;
    --semantic-checkbox-background-disabled: #131517;
    --semantic-checkbox-background-active-disabled: #24282e;
    --semantic-checkbox-border-default: var(--semantic-border-primary);
    --semantic-checkbox-border-hover: #878f9a;
    --semantic-checkbox-border-disabled: #24282e;
    --semantic-checkbox-mark-active: #0d0e0f;
    --semantic-checkbox-mark-disabled: #6b7481;
    --semantic-checkbox-text-default: #fff;
    --semantic-checkbox-text-disabled: #6b7481;
    --semantic-chip-background-default: #1f2226;
    --semantic-chip-background-hover: #333942;
    --semantic-chip-background-pressed: #1a1c1f;
    --semantic-chip-background-active: #fff;
    --semantic-chip-text-default: #fff;
    --semantic-chip-text-active: #0d0e0f;
    --semantic-chip-counter-default: #a4abb3;
    --semantic-chip-counter-active: #0d0e0f;
    --semantic-counter-background-new: #fff;
    --semantic-counter-background-destructive: var(--semantic-branding-pack-plus);
    --semantic-counter-background-success: #32d74b24;
    --semantic-counter-background-warning: #e5c80b29;
    --semantic-counter-text-destructive: #fff;
    --semantic-counter-text-new: #0d0e0f;
    --semantic-counter-text-success: #32d74bcc;
    --semantic-counter-text-warning: #e5c80b;
    --semantic-dot-background-new: var(--semantic-counter-background-new);
    --semantic-dot-background-destructive: var(--semantic-counter-background-destructive);
    --semantic-toggle-background-off-default: #333942;
    --semantic-toggle-background-off-hover: #505865;
    --semantic-toggle-background-off-disabled: #1a1c1f;
    --semantic-toggle-background-on-default: #fff;
    --semantic-toggle-background-on-hover: #e3e6e9;
    --semantic-toggle-background-on-disabled: #24282e;
    --semantic-toggle-handle-default: #0d0e0f;
    --semantic-toggle-handle-disabled: #131517;
    --semantic-toggle-text-default: #fff;
    --semantic-toggle-text-disabled: #6b7481;
    --semantic-badge-background-gray: #a4abb324;
    --semantic-badge-background-blue: #29d9ff29;
    --semantic-badge-background-red: #d64e3329;
    --semantic-badge-background-green: #32d74b24;
    --semantic-badge-background-purple: #b958ff29;
    --semantic-badge-background-yellow: var(--semantic-counter-background-warning);
    --semantic-badge-content-gray: #bdc2c9;
    --semantic-badge-content-blue: #29d9ff;
    --semantic-badge-content-red: var(--semantic-branding-pack-plus);
    --semantic-badge-content-green: #32d74b;
    --semantic-badge-content-purple: #b958ff;
    --semantic-badge-content-yellow: #e5c80b;
    --semantic-dropdown-text-primary-default: #fff;
    --semantic-dropdown-border-default: #333942;
    --semantic-dropdown-icon-secondary-default: #a4abb3;
    --semantic-dropdown-background-canvas: #0d0e0f;
    --semantic-dropdown-background-divider: #333942;
    --semantic-dropdown-background-surface-default: #1a1c1f;
    --semantic-tooltip-text-primary-default: #fff;
    --semantic-tooltip-background-canvas: #0d0e0f;
    --semantic-tooltip-background-divider: #333942;
    --semantic-tooltip-background-surface-default: #333942;
    --semantic-snackbar-text-primary-default: #fff;
    --semantic-snackbar-text-active-inline-default: #fff;
    --semantic-snackbar-border-default: #333942;
    --semantic-snackbar-icon-secondary-default: #a4abb3;
    --semantic-snackbar-background-canvas: #0d0e0f;
    --semantic-snackbar-background-divider: #333942;
    --semantic-snackbar-background-surface-default: #333942;
    --semantic-subnavigation-text-primary-default: #fff;
    --semantic-subnavigation-text-secondary-default: #a4abb3;
    --semantic-subnavigation-text-secondary-hover: #a4abb3;
    --semantic-subnavigation-text-secondary-pressed: #a4abb3;
    --semantic-subnavigation-text-active: #0d0e0f;
    --semantic-subnavigation-icon-secondary-default: #a4abb3;
    --semantic-subnavigation-icon-secondary-hover: #a4abb3;
    --semantic-subnavigation-icon-secondary-pressed: #a4abb3;
    --semantic-subnavigation-icon-active: #0d0e0f;
    --semantic-subnavigation-background-canvas: #0d0e0f;
    --semantic-subnavigation-background-divider: #333942;
    --semantic-subnavigation-background-surface-default: #1a1c1f;
    --semantic-subnavigation-background-surface-hover: #24282e;
    --semantic-subnavigation-background-surface-pressed: #333942;
    --semantic-subnavigation-background-active: #fff;
    --semantic-modal-text-primary-default: #fff;
    --semantic-modal-text-action-secondary-default: #fff;
    --semantic-modal-text-action-primary-default: #0d0e0f;
    --semantic-modal-background-canvas: #0d0e0f;
    --semantic-modal-background-divider: #333942;
    --semantic-modal-background-surface-default: #1a1c1f;
    --semantic-modal-background-action-primary-default: #fff;
    --semantic-banner-text-primary-default: #fff;
    --semantic-banner-text-secondary-default: #a4abb3;
    --semantic-banner-text-action-secondary-default: #fff;
    --semantic-banner-text-action-primary-default: #0d0e0f;
    --semantic-banner-icon-secondary-default: #a4abb3;
    --semantic-banner-icon-action-secondary-default: #fff;
    --semantic-banner-icon-action-primary-default: #0d0e0f;
    --semantic-banner-border-default: #333942;
    --semantic-banner-background-canvas: #0d0e0f;
    --semantic-banner-background-divider: #333942;
    --semantic-banner-background-surface-default: #1a1c1f;
    --semantic-banner-background-action-secondary-default: #24282e;
    --semantic-banner-background-action-primary-default: #fff;
    --semantic-upload-text-primary-default: #fff;
    --semantic-upload-text-secondary-default: #a4abb3;
    --semantic-upload-text-primary-hover: #fff;
    --semantic-upload-text-secondary-hover: #a4abb3;
    --semantic-upload-text-primary-uploading: #fff;
    --semantic-upload-text-secondary-uploading: #a4abb3;
    --semantic-upload-text-primary-uploaded: #fff;
    --semantic-upload-text-secondary-uploaded: #a4abb3;
    --semantic-upload-border-default: #333942;
    --semantic-upload-border-hover: #333942;
    --semantic-upload-border-uploading: #333942;
    --semantic-upload-border-uploaded: #333942;
    --semantic-upload-icon-secondary-default: #a4abb3;
    --semantic-upload-icon-secondary-hover: #a4abb3;
    --semantic-upload-icon-secondary-uploading: #a4abb3;
    --semantic-upload-icon-success-uploaded: #5dda98;
    --semantic-upload-icon-secondary-uploaded: #a4abb3;
    --semantic-upload-background-canvas: #0d0e0f;
    --semantic-upload-background-divider: #333942;
    --semantic-upload-background-surface-default: #1a1c1f;
    --semantic-upload-background-surface-hover: #24282e;
    --semantic-upload-background-surface-uploading: #1a1c1f;
    --semantic-upload-background-surface-uploaded: #1a1c1f;
    --semantic-plug-text-primary-default: #fff;
    --semantic-plug-text-secondary-default: #a4abb3;
    --semantic-plug-text-action-primary-default: #0d0e0f;
    --semantic-plug-background-canvas: #0d0e0f;
    --semantic-plug-background-divider: #333942;
    --semantic-plug-background-action-primary-default: #fff;
    --semantic-tab-text-primary-default: #fff;
    --semantic-tab-text-secondary-default: #a4abb3;
    --semantic-tab-text-primary-hover: #fff;
    --semantic-tab-text-secondary-hover: #a4abb3;
    --semantic-tab-text-primary-pressed: #fff;
    --semantic-tab-text-secondary-pressed: #a4abb3;
    --semantic-tab-background-selected-default: #333942;
    --semantic-tab-background-selected-hover: #333942;
    --semantic-tab-background-selected-pressed: #333942;
    --semantic-tab-background-canvas: #0d0e0f;
    --semantic-tab-background-divider: #333942;
    --semantic-tab-background-surface-default: #1a1c1f;
    --semantic-tab-background-surface-hover: #24282e;
    --semantic-tab-background-surface-pressed: #333942;
    --semantic-tab-border-default: #333942;
    --semantic-tab-border-hover: #333942;
    --semantic-tab-border-pressed: #333942;
    --semantic-tab-icon-secondary-default: #a4abb3;
    --semantic-tab-icon-secondary-hover: #a4abb3;
    --semantic-tab-icon-secondary-pressed: #a4abb3;
    --semantic-search-text-primary-default: #fff;
    --semantic-search-text-secondary-default: #a4abb3;
    --semantic-search-text-secondary-focused: #a4abb3;
    --semantic-search-text-primary-loading: #fff;
    --semantic-search-text-primary-filled: #fff;
    --semantic-search-border-default: #333942;
    --semantic-search-border-focused: #fff;
    --semantic-search-border-filled: #333942;
    --semantic-search-border-action-secondary-loading: #fff;
    --semantic-search-border-action-secondary-filled: #fff;
    --semantic-search-icon-secondary-default: #a4abb3;
    --semantic-search-icon-cursor-focused: #fff;
    --semantic-search-icon-secondary-focused: #a4abb3;
    --semantic-search-icon-secondary-loading: #a4abb3;
    --semantic-search-icon-secondary-filled: #a4abb3;
    --semantic-search-icon-action-secondary-loading: #fff;
    --semantic-search-icon-action-secondary-filled: #fff;
    --semantic-search-background-canvas: #0d0e0f;
    --semantic-search-background-divider: #333942;
    --semantic-search-background-surface-default: #1a1c1f;
    --semantic-search-background-surface-focused: #1a1c1f;
    --semantic-search-background-surface-loading: #1a1c1f;
    --semantic-search-background-surface-filled: #1a1c1f;
    --semantic-select-text-primary-default: #fff;
    --semantic-select-text-secondary-default: #a4abb3;
    --semantic-select-text-primary-filled: #fff;
    --semantic-select-text-primary-hover: #fff;
    --semantic-select-text-primary-focused: #fff;
    --semantic-select-text-disabled: #6b7481;
    --semantic-select-border-default: #333942;
    --semantic-select-border-filled: #333942;
    --semantic-select-border-hover: #333942;
    --semantic-select-border-focused: #fff;
    --semantic-select-border-context-disabled: #333942;
    --semantic-select-icon-secondary-default: #a4abb3;
    --semantic-select-icon-secondary-filled: #a4abb3;
    --semantic-select-icon-secondary-hover: #a4abb3;
    --semantic-select-icon-secondary-focused: #a4abb3;
    --semantic-select-icon-disabled: #6b7481;
    --semantic-select-background-canvas: #0d0e0f;
    --semantic-select-background-divider: #333942;
    --semantic-select-background-surface-default: #1a1c1f;
    --semantic-select-background-surface-disabled: #1a1c1f;
    --semantic-select-background-surface-filled: #1a1c1f;
    --semantic-select-background-surface-hover: #24282e;
    --semantic-select-background-surface-focused: #1a1c1f;
    --semantic-input-text-primary-default: #fff;
    --semantic-input-text-primary-placeholder: #fff;
    --semantic-input-text-secondary-placeholder: #a4abb3;
    --semantic-input-text-primary-hover: #fff;
    --semantic-input-text-secondary-hover: #a4abb3;
    --semantic-input-text-primary-focused: #fff;
    --semantic-input-text-secondary-focused: #a4abb3;
    --semantic-input-text-primary-filled: #fff;
    --semantic-input-text-secondary-filled: #a4abb3;
    --semantic-input-text-primary-error: #fff;
    --semantic-input-text-error-error: #e66a7e;
    --semantic-input-text-disabled: #6b7481;
    --semantic-input-icon-secondary-placeholder: #a4abb3;
    --semantic-input-icon-secondary-hover: #a4abb3;
    --semantic-input-icon-secondary-focused: #a4abb3;
    --semantic-input-icon-cursor-focused: #fff;
    --semantic-input-icon-secondary-filled: #a4abb3;
    --semantic-input-icon-success-filled: #5dda98;
    --semantic-input-icon-secondary-error: #a4abb3;
    --semantic-input-icon-disabled: #6b7481;
    --semantic-input-border-filled: #333942;
    --semantic-input-background-canvas: #0d0e0f;
    --semantic-input-background-divider: #333942;
    --semantic-input-background-surface-placeholder: #1a1c1f;
    --semantic-input-background-surface-hover: #24282e;
    --semantic-input-background-surface-focused: #1a1c1f;
    --semantic-input-background-surface-filled: #1a1c1f;
    --semantic-input-background-surface-disabled: #1a1c1f;
    --semantic-input-background-surface-error: #1a1c1f;
    --semantic-textarea-text-primary-default: #fff;
    --semantic-textarea-text-primary-placeholder: #fff;
    --semantic-textarea-text-secondary-placeholder: #a4abb3;
    --semantic-textarea-text-primary-hover: #fff;
    --semantic-textarea-text-secondary-hover: #a4abb3;
    --semantic-textarea-text-primary-focused: #fff;
    --semantic-textarea-text-secondary-focused: #a4abb3;
    --semantic-textarea-text-primary-filled: #fff;
    --semantic-textarea-text-secondary-filled: #a4abb3;
    --semantic-textarea-text-primary-error: #fff;
    --semantic-textarea-text-error-error: #e66a7e;
    --semantic-textarea-text-disabled: #6b7481;
    --semantic-textarea-icon-cursor-focused: #fff;
    --semantic-textarea-background-canvas: #0d0e0f;
    --semantic-textarea-background-divider: #333942;
    --semantic-textarea-background-surface-placeholder: #1a1c1f;
    --semantic-textarea-background-surface-hover: #24282e;
    --semantic-textarea-background-surface-focused: #1a1c1f;
    --semantic-textarea-background-surface-filled: #1a1c1f;
    --semantic-textarea-background-surface-disabled: #1a1c1f;
    --semantic-textarea-background-surface-error: #1a1c1f;
    --semantic-menu-text-primary-default: #fff;
    --semantic-menu-text-primary-normal: #fff;
    --semantic-menu-text-primary-hover: #fff;
    --semantic-menu-text-secondary-normal: #a4abb3;
    --semantic-menu-text-secondary-hover: #a4abb3;
    --semantic-menu-text-active: #0d0e0f;
    --semantic-menu-border-normal: #333942;
    --semantic-menu-border-hover: #333942;
    --semantic-menu-border-active: #0d0e0f;
    --semantic-menu-icon-secondary-normal: #a4abb3;
    --semantic-menu-icon-secondary-hover: #a4abb3;
    --semantic-menu-icon-active: #0d0e0f;
    --semantic-menu-background-canvas: #0d0e0f;
    --semantic-menu-background-divider: #333942;
    --semantic-menu-background-surface-hover: #24282e;
    --semantic-menu-background-active: #fff;
    --semantic-submenu-text-primary-default: #fff;
    --semantic-submenu-text-secondary-normal: #a4abb3;
    --semantic-submenu-text-secondary-hover: #a4abb3;
    --semantic-submenu-text-active: #0d0e0f;
    --semantic-submenu-background-canvas: #0d0e0f;
    --semantic-submenu-background-divider: #333942;
    --semantic-submenu-background-surface-normal: #1a1c1f;
    --semantic-submenu-background-surface-hover: #24282e;
    --semantic-submenu-background-active: #fff;
    --semantic-tag-text-primary-default: #fff;
    --semantic-tag-text-secondary-default: #a4abb3;
    --semantic-tag-icon-secondary-default: #a4abb3;
    --semantic-tag-border-default: #333942;
    --semantic-tag-background-canvas: #0d0e0f;
    --semantic-tag-background-divider: #333942;
    --semantic-tag-background-surface-default: #1a1c1f;
    --semantic-cell-text-primary-default: #fff;
    --semantic-cell-text-secondary-default: #a4abb3;
    --semantic-cell-border-default: #333942;
    --semantic-cell-border-unselected-control: #505865;
    --semantic-cell-border-selected-dot: #0d0e0f;
    --semantic-cell-icon-secondary-default: #a4abb3;
    --semantic-cell-icon-selected-control: #fff;
    --semantic-cell-icon-context-selected-control: #0d0e0f;
    --semantic-cell-icon-unselected-control: #505865;
    --semantic-cell-background-canvas: #0d0e0f;
    --semantic-cell-background-divider: #333942;
    --semantic-cell-background-surface-default: #1a1c1f;
    --semantic-cell-background-selected-control: #0d0e0f;
    --semantic-cell-background-selected-dot: #0d0e0f;
    --semantic-cell-background-context-selected-control: #fff;
    --semantic-cell-background-unselected-handle: #fff;
    --semantic-cell-background-selected-handle: #0d0e0f;
    --semantic-button-text-primary-default: #fff;
    --semantic-button-text-action-primary-default: #0d0e0f;
    --semantic-button-text-action-danger-default: #fff;
    --semantic-button-text-action-secondary-default: #fff;
    --semantic-button-text-action-tertiary-default: #fff;
    --semantic-button-text-action-primary-hover: #0d0e0f;
    --semantic-button-text-action-danger-hover: #fff;
    --semantic-button-text-action-secondary-hover: #fff;
    --semantic-button-text-action-tertiary-hover: #fff;
    --semantic-button-text-action-primary-pressed: #0d0e0f;
    --semantic-button-text-action-danger-pressed: #fff;
    --semantic-button-text-action-secondary-pressed: #fff;
    --semantic-button-text-action-tertiary-pressed: #fff;
    --semantic-button-text-action-primary-disabled: #6b7481;
    --semantic-button-text-action-danger-disabled: #eb8999;
    --semantic-button-text-action-secondary-disabled: #6b7481;
    --semantic-button-text-action-tertiary-disabled: #6b7481;
    --semantic-button-background-canvas: #0d0e0f;
    --semantic-button-background-divider: #333942;
    --semantic-button-background-action-primary-default: #fff;
    --semantic-button-background-action-danger-default: #d84a61;
    --semantic-button-background-action-secondary-default: #24282e;
    --semantic-button-background-action-only-default: #24282e;
    --semantic-button-background-action-primary-hover: #e3e6e9;
    --semantic-button-background-action-danger-hover: #e66a7e;
    --semantic-button-background-action-secondary-hover: #333942;
    --semantic-button-background-action-only-hover: #333942;
    --semantic-button-background-action-primary-pressed: #bdc2c9;
    --semantic-button-background-action-danger-pressed: #b43a50;
    --semantic-button-background-action-secondary-pressed: #505865;
    --semantic-button-background-action-only-pressed: #505865;
    --semantic-button-background-action-primary-disabled: #24282e;
    --semantic-button-background-action-danger-disabled: #5e1c2a;
    --semantic-button-background-action-secondary-disabled: #1a1c1f;
    --semantic-button-background-action-only-disabled: #1a1c1f;
    --semantic-button-background-action-primary-loading: #fff;
    --semantic-button-background-action-danger-loading: #d84a61;
    --semantic-button-background-action-secondary-loading: #24282e;
    --semantic-button-icon-action-primary-default: #0d0e0f;
    --semantic-button-icon-action-danger-default: #fff;
    --semantic-button-icon-action-secondary-default: #fff;
    --semantic-button-icon-action-tertiary-default: #fff;
    --semantic-button-icon-action-only-default: #fff;
    --semantic-button-icon-action-primary-hover: #0d0e0f;
    --semantic-button-icon-action-danger-hover: #fff;
    --semantic-button-icon-action-secondary-hover: #fff;
    --semantic-button-icon-action-tertiary-hover: #fff;
    --semantic-button-icon-action-only-hover: #fff;
    --semantic-button-icon-action-primary-pressed: #0d0e0f;
    --semantic-button-icon-action-danger-pressed: #fff;
    --semantic-button-icon-action-secondary-pressed: #fff;
    --semantic-button-icon-action-tertiary-pressed: #fff;
    --semantic-button-icon-action-only-pressed: #fff;
    --semantic-button-icon-action-primary-disabled: #6b7481;
    --semantic-button-icon-action-danger-disabled: #eb8999;
    --semantic-button-icon-action-secondary-disabled: #6b7481;
    --semantic-button-icon-action-tertiary-disabled: #6b7481;
    --semantic-button-icon-action-only-disabled: #6b7481;
    --semantic-button-icon-action-primary-loading: #0d0e0f;
    --semantic-button-icon-action-danger-loading: #fff;
    --semantic-button-icon-action-secondary-loading: #fff;
    --semantic-button-icon-action-tertiary-loading: #fff;
    --semantic-alert-background-info: #29d9ff26;
    --semantic-alert-background-danger: #d64e3326;
    --semantic-alert-background-warning: #e5c80b26;
    --semantic-alert-background-success: #32d74b26;
    --semantic-alert-content-info: #29d9ff;
    --semantic-alert-content-danger: var(--semantic-branding-pack-plus);
    --semantic-alert-content-warning: #e5c80b;
    --semantic-alert-content-success: #32d74b;
    --dolma-ui-table-border: #1b1b1c;
    --dolma-ui-table-background: #0d0e0f;
    --dolma-ui-table-text-secondary: #979ca5;
    --dolma-ui-sidebar-background: #111213;
    --dolma-ui-sidebar-search-background: #161719;
    --dolma-ui-sidebar-search-placeholder: #ffffff52;
    --dolma-ui-sidebar-border: #1b1b1c;
    --dolma-ui-sidebar-company-background: #212327;
    --dolma-ui-sidebar-company-secondary: #a2a8b4;
    --dolma-ui-sidebar-icon: #a2a8b4;
    --dolma-ui-sidebar-switch-icon: #717a8c;
    --dolma-ui-date-range-background: #1b1c1e;
    --dolma-ui-date-range-footer: #222429;
    --dolma-ui-date-range-text: #fff;
    --dolma-ui-date-range-secondary: #a2a8b4;
    --dolma-ui-date-range-selection: #454547;
    --dolma-ui-date-range-action: #fff;
    --dolma-ui-date-range-action-text: #0d0e0f;
    --dolma-ui-date-range-input: #d0dcf514;
    --dolma-ui-date-range-shadow: #0000004d;
    --opacity-date-range-outside: .6;
  }

  :where([data-theme="light"]) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --semantic-static-white: #fff;
    --semantic-static-soft-black: #0d0e0f;
    --semantic-branding-pack-plus: #d64e33;
    --semantic-background-primary: #fff;
    --semantic-background-overlay: #0d0e0f99;
    --semantic-background-system: #444;
    --semantic-text-primary: #0d0e0f;
    --semantic-border-primary: #505865;
    --semantic-icon-primary: #0d0e0f;
    --semantic-logotype-text: #0d0e0f;
    --semantic-logotype-sign: #a4abb3;
    --semantic-logotype-hover-sign: #0d0e0f;
    --semantic-logotype-hover-text: var(--semantic-logotype-sign);
    --semantic-image-question-background: #e3e6e9;
    --semantic-image-question-field: #d5d9de;
    --semantic-image-question-highlight: #d5d9de;
    --semantic-image-question-sign: #a4abb3;
    --semantic-image-question-sign-shadow: #424853;
    --semantic-checkbox-background-default: #f1f3f5;
    --semantic-checkbox-background-hover: #e3e6e9;
    --semantic-checkbox-background-active: #fff;
    --semantic-checkbox-background-active-hover: #bdc2c9;
    --semantic-checkbox-background-disabled: #f1f3f5;
    --semantic-checkbox-background-active-disabled: #e3e6e9;
    --semantic-checkbox-border-default: var(--semantic-border-primary);
    --semantic-checkbox-border-hover: #424853;
    --semantic-checkbox-border-disabled: #d5d9de;
    --semantic-checkbox-mark-active: #0d0e0f;
    --semantic-checkbox-mark-disabled: #333942;
    --semantic-checkbox-text-default: #0d0e0f;
    --semantic-checkbox-text-disabled: #333942;
    --semantic-chip-background-default: #fff;
    --semantic-chip-background-hover: #f1f3f5;
    --semantic-chip-background-pressed: #e3e6e9;
    --semantic-chip-background-active: #fff;
    --semantic-chip-text-default: #0d0e0f;
    --semantic-chip-text-active: #0d0e0f;
    --semantic-chip-counter-default: #505865;
    --semantic-chip-counter-active: #0d0e0f;
    --semantic-counter-background-new: #fff;
    --semantic-counter-background-destructive: var(--semantic-branding-pack-plus);
    --semantic-counter-background-success: #32d74b24;
    --semantic-counter-background-warning: #e5c80b29;
    --semantic-counter-text-destructive: #fff;
    --semantic-counter-text-new: #0d0e0f;
    --semantic-counter-text-success: #32d74bcc;
    --semantic-counter-text-warning: #e5c80b;
    --semantic-dot-background-new: var(--semantic-counter-background-new);
    --semantic-dot-background-destructive: var(--semantic-counter-background-destructive);
    --semantic-toggle-background-off-default: #bdc2c9;
    --semantic-toggle-background-off-hover: #6b7481;
    --semantic-toggle-background-off-disabled: #e3e6e9;
    --semantic-toggle-background-on-default: #fff;
    --semantic-toggle-background-on-hover: #d5d9de;
    --semantic-toggle-background-on-disabled: #e3e6e9;
    --semantic-toggle-handle-default: #0d0e0f;
    --semantic-toggle-handle-disabled: #6b7481;
    --semantic-toggle-text-default: #0d0e0f;
    --semantic-toggle-text-disabled: #333942;
    --semantic-badge-background-gray: #a4abb324;
    --semantic-badge-background-blue: #29d9ff29;
    --semantic-badge-background-red: #d64e3329;
    --semantic-badge-background-green: #32d74b24;
    --semantic-badge-background-purple: #b958ff29;
    --semantic-badge-background-yellow: var(--semantic-counter-background-warning);
    --semantic-badge-content-gray: #bdc2c9;
    --semantic-badge-content-blue: #29d9ff;
    --semantic-badge-content-red: var(--semantic-branding-pack-plus);
    --semantic-badge-content-green: #32d74b;
    --semantic-badge-content-purple: #b958ff;
    --semantic-badge-content-yellow: #e5c80b;
    --semantic-dropdown-text-primary-default: #0d0e0f;
    --semantic-dropdown-border-default: #a4abb3;
    --semantic-dropdown-icon-secondary-default: #505865;
    --semantic-dropdown-background-canvas: #fff;
    --semantic-dropdown-background-divider: #a4abb3;
    --semantic-dropdown-background-surface-default: #f1f3f5;
    --semantic-tooltip-text-primary-default: #0d0e0f;
    --semantic-tooltip-background-canvas: #fff;
    --semantic-tooltip-background-divider: #a4abb3;
    --semantic-tooltip-background-surface-default: #f1f3f5;
    --semantic-snackbar-text-primary-default: #0d0e0f;
    --semantic-snackbar-text-active-inline-default: #0d0e0f;
    --semantic-snackbar-border-default: #a4abb3;
    --semantic-snackbar-icon-secondary-default: #505865;
    --semantic-snackbar-background-canvas: #fff;
    --semantic-snackbar-background-divider: #a4abb3;
    --semantic-snackbar-background-surface-default: #f1f3f5;
    --semantic-subnavigation-text-primary-default: #0d0e0f;
    --semantic-subnavigation-text-secondary-default: #505865;
    --semantic-subnavigation-text-secondary-hover: #505865;
    --semantic-subnavigation-text-secondary-pressed: #505865;
    --semantic-subnavigation-text-active: #0d0e0f;
    --semantic-subnavigation-icon-secondary-default: #505865;
    --semantic-subnavigation-icon-secondary-hover: #505865;
    --semantic-subnavigation-icon-secondary-pressed: #505865;
    --semantic-subnavigation-icon-active: #0d0e0f;
    --semantic-subnavigation-background-canvas: #fff;
    --semantic-subnavigation-background-divider: #a4abb3;
    --semantic-subnavigation-background-surface-default: #f1f3f5;
    --semantic-subnavigation-background-surface-hover: #d5d9de;
    --semantic-subnavigation-background-surface-pressed: #bdc2c9;
    --semantic-subnavigation-background-active: #fff;
    --semantic-modal-text-primary-default: #0d0e0f;
    --semantic-modal-text-action-secondary-default: #0d0e0f;
    --semantic-modal-text-action-primary-default: #0d0e0f;
    --semantic-modal-background-canvas: #fff;
    --semantic-modal-background-divider: #a4abb3;
    --semantic-modal-background-surface-default: #f1f3f5;
    --semantic-modal-background-action-primary-default: #fff;
    --semantic-banner-text-primary-default: #0d0e0f;
    --semantic-banner-text-secondary-default: #505865;
    --semantic-banner-text-action-secondary-default: #0d0e0f;
    --semantic-banner-text-action-primary-default: #0d0e0f;
    --semantic-banner-icon-secondary-default: #505865;
    --semantic-banner-icon-action-secondary-default: #0d0e0f;
    --semantic-banner-icon-action-primary-default: #0d0e0f;
    --semantic-banner-border-default: #a4abb3;
    --semantic-banner-background-canvas: #fff;
    --semantic-banner-background-divider: #a4abb3;
    --semantic-banner-background-surface-default: #f1f3f5;
    --semantic-banner-background-action-secondary-default: #f1f3f5;
    --semantic-banner-background-action-primary-default: #fff;
    --semantic-upload-text-primary-default: #0d0e0f;
    --semantic-upload-text-secondary-default: #505865;
    --semantic-upload-text-primary-hover: #0d0e0f;
    --semantic-upload-text-secondary-hover: #505865;
    --semantic-upload-text-primary-uploading: #0d0e0f;
    --semantic-upload-text-secondary-uploading: #505865;
    --semantic-upload-text-primary-uploaded: #0d0e0f;
    --semantic-upload-text-secondary-uploaded: #505865;
    --semantic-upload-border-default: #a4abb3;
    --semantic-upload-border-hover: #a4abb3;
    --semantic-upload-border-uploading: #a4abb3;
    --semantic-upload-border-uploaded: #a4abb3;
    --semantic-upload-icon-secondary-default: #505865;
    --semantic-upload-icon-secondary-hover: #505865;
    --semantic-upload-icon-secondary-uploading: #505865;
    --semantic-upload-icon-success-uploaded: #1e9f61;
    --semantic-upload-icon-secondary-uploaded: #505865;
    --semantic-upload-background-canvas: #fff;
    --semantic-upload-background-divider: #a4abb3;
    --semantic-upload-background-surface-default: #f1f3f5;
    --semantic-upload-background-surface-hover: #d5d9de;
    --semantic-upload-background-surface-uploading: #f1f3f5;
    --semantic-upload-background-surface-uploaded: #f1f3f5;
    --semantic-plug-text-primary-default: #0d0e0f;
    --semantic-plug-text-secondary-default: #505865;
    --semantic-plug-text-action-primary-default: #0d0e0f;
    --semantic-plug-background-canvas: #fff;
    --semantic-plug-background-divider: #a4abb3;
    --semantic-plug-background-action-primary-default: #fff;
    --semantic-tab-text-primary-default: #0d0e0f;
    --semantic-tab-text-secondary-default: #505865;
    --semantic-tab-text-primary-hover: #0d0e0f;
    --semantic-tab-text-secondary-hover: #505865;
    --semantic-tab-text-primary-pressed: #0d0e0f;
    --semantic-tab-text-secondary-pressed: #505865;
    --semantic-tab-background-selected-default: #d5d9de;
    --semantic-tab-background-selected-hover: #d5d9de;
    --semantic-tab-background-selected-pressed: #d5d9de;
    --semantic-tab-background-canvas: #fff;
    --semantic-tab-background-divider: #a4abb3;
    --semantic-tab-background-surface-default: #f1f3f5;
    --semantic-tab-background-surface-hover: #d5d9de;
    --semantic-tab-background-surface-pressed: #bdc2c9;
    --semantic-tab-border-default: #a4abb3;
    --semantic-tab-border-hover: #a4abb3;
    --semantic-tab-border-pressed: #a4abb3;
    --semantic-tab-icon-secondary-default: #505865;
    --semantic-tab-icon-secondary-hover: #505865;
    --semantic-tab-icon-secondary-pressed: #505865;
    --semantic-search-text-primary-default: #0d0e0f;
    --semantic-search-text-secondary-default: #505865;
    --semantic-search-text-secondary-focused: #505865;
    --semantic-search-text-primary-loading: #0d0e0f;
    --semantic-search-text-primary-filled: #0d0e0f;
    --semantic-search-border-default: #a4abb3;
    --semantic-search-border-focused: #0d0e0f;
    --semantic-search-border-filled: #a4abb3;
    --semantic-search-border-action-secondary-loading: #0d0e0f;
    --semantic-search-border-action-secondary-filled: #0d0e0f;
    --semantic-search-icon-secondary-default: #505865;
    --semantic-search-icon-cursor-focused: #0d0e0f;
    --semantic-search-icon-secondary-focused: #505865;
    --semantic-search-icon-secondary-loading: #505865;
    --semantic-search-icon-secondary-filled: #505865;
    --semantic-search-icon-action-secondary-loading: #0d0e0f;
    --semantic-search-icon-action-secondary-filled: #0d0e0f;
    --semantic-search-background-canvas: #fff;
    --semantic-search-background-divider: #a4abb3;
    --semantic-search-background-surface-default: #f1f3f5;
    --semantic-search-background-surface-focused: #f1f3f5;
    --semantic-search-background-surface-loading: #f1f3f5;
    --semantic-search-background-surface-filled: #f1f3f5;
    --semantic-select-text-primary-default: #0d0e0f;
    --semantic-select-text-secondary-default: #505865;
    --semantic-select-text-primary-filled: #0d0e0f;
    --semantic-select-text-primary-hover: #0d0e0f;
    --semantic-select-text-primary-focused: #0d0e0f;
    --semantic-select-text-disabled: #505865;
    --semantic-select-border-default: #a4abb3;
    --semantic-select-border-filled: #a4abb3;
    --semantic-select-border-hover: #a4abb3;
    --semantic-select-border-focused: #0d0e0f;
    --semantic-select-border-context-disabled: #a4abb3;
    --semantic-select-icon-secondary-default: #505865;
    --semantic-select-icon-secondary-filled: #505865;
    --semantic-select-icon-secondary-hover: #505865;
    --semantic-select-icon-secondary-focused: #505865;
    --semantic-select-icon-disabled: #505865;
    --semantic-select-background-canvas: #fff;
    --semantic-select-background-divider: #a4abb3;
    --semantic-select-background-surface-default: #f1f3f5;
    --semantic-select-background-surface-disabled: #f1f3f5;
    --semantic-select-background-surface-filled: #f1f3f5;
    --semantic-select-background-surface-hover: #d5d9de;
    --semantic-select-background-surface-focused: #f1f3f5;
    --semantic-input-text-primary-default: #0d0e0f;
    --semantic-input-text-primary-placeholder: #0d0e0f;
    --semantic-input-text-secondary-placeholder: #505865;
    --semantic-input-text-primary-hover: #0d0e0f;
    --semantic-input-text-secondary-hover: #505865;
    --semantic-input-text-primary-focused: #0d0e0f;
    --semantic-input-text-secondary-focused: #505865;
    --semantic-input-text-primary-filled: #0d0e0f;
    --semantic-input-text-secondary-filled: #505865;
    --semantic-input-text-primary-error: #0d0e0f;
    --semantic-input-text-error-error: #b43a50;
    --semantic-input-text-disabled: #505865;
    --semantic-input-icon-secondary-placeholder: #505865;
    --semantic-input-icon-secondary-hover: #505865;
    --semantic-input-icon-secondary-focused: #505865;
    --semantic-input-icon-cursor-focused: #0d0e0f;
    --semantic-input-icon-secondary-filled: #505865;
    --semantic-input-icon-success-filled: #1e9f61;
    --semantic-input-icon-secondary-error: #505865;
    --semantic-input-icon-disabled: #505865;
    --semantic-input-border-filled: #a4abb3;
    --semantic-input-background-canvas: #fff;
    --semantic-input-background-divider: #a4abb3;
    --semantic-input-background-surface-placeholder: #f1f3f5;
    --semantic-input-background-surface-hover: #d5d9de;
    --semantic-input-background-surface-focused: #f1f3f5;
    --semantic-input-background-surface-filled: #f1f3f5;
    --semantic-input-background-surface-disabled: #f1f3f5;
    --semantic-input-background-surface-error: #f1f3f5;
    --semantic-textarea-text-primary-default: #0d0e0f;
    --semantic-textarea-text-primary-placeholder: #0d0e0f;
    --semantic-textarea-text-secondary-placeholder: #505865;
    --semantic-textarea-text-primary-hover: #0d0e0f;
    --semantic-textarea-text-secondary-hover: #505865;
    --semantic-textarea-text-primary-focused: #0d0e0f;
    --semantic-textarea-text-secondary-focused: #505865;
    --semantic-textarea-text-primary-filled: #0d0e0f;
    --semantic-textarea-text-secondary-filled: #505865;
    --semantic-textarea-text-primary-error: #0d0e0f;
    --semantic-textarea-text-error-error: #b43a50;
    --semantic-textarea-text-disabled: #505865;
    --semantic-textarea-icon-cursor-focused: #0d0e0f;
    --semantic-textarea-background-canvas: #fff;
    --semantic-textarea-background-divider: #a4abb3;
    --semantic-textarea-background-surface-placeholder: #f1f3f5;
    --semantic-textarea-background-surface-hover: #d5d9de;
    --semantic-textarea-background-surface-focused: #f1f3f5;
    --semantic-textarea-background-surface-filled: #f1f3f5;
    --semantic-textarea-background-surface-disabled: #f1f3f5;
    --semantic-textarea-background-surface-error: #f1f3f5;
    --semantic-menu-text-primary-default: #0d0e0f;
    --semantic-menu-text-primary-normal: #0d0e0f;
    --semantic-menu-text-primary-hover: #0d0e0f;
    --semantic-menu-text-secondary-normal: #505865;
    --semantic-menu-text-secondary-hover: #505865;
    --semantic-menu-text-active: #0d0e0f;
    --semantic-menu-border-normal: #a4abb3;
    --semantic-menu-border-hover: #a4abb3;
    --semantic-menu-border-active: #0d0e0f;
    --semantic-menu-icon-secondary-normal: #505865;
    --semantic-menu-icon-secondary-hover: #505865;
    --semantic-menu-icon-active: #0d0e0f;
    --semantic-menu-background-canvas: #fff;
    --semantic-menu-background-divider: #a4abb3;
    --semantic-menu-background-surface-hover: #d5d9de;
    --semantic-menu-background-active: #fff;
    --semantic-submenu-text-primary-default: #0d0e0f;
    --semantic-submenu-text-secondary-normal: #505865;
    --semantic-submenu-text-secondary-hover: #505865;
    --semantic-submenu-text-active: #0d0e0f;
    --semantic-submenu-background-canvas: #fff;
    --semantic-submenu-background-divider: #a4abb3;
    --semantic-submenu-background-surface-normal: #f1f3f5;
    --semantic-submenu-background-surface-hover: #d5d9de;
    --semantic-submenu-background-active: #fff;
    --semantic-tag-text-primary-default: #0d0e0f;
    --semantic-tag-text-secondary-default: #505865;
    --semantic-tag-icon-secondary-default: #505865;
    --semantic-tag-border-default: #a4abb3;
    --semantic-tag-background-canvas: #fff;
    --semantic-tag-background-divider: #a4abb3;
    --semantic-tag-background-surface-default: #f1f3f5;
    --semantic-cell-text-primary-default: #0d0e0f;
    --semantic-cell-text-secondary-default: #505865;
    --semantic-cell-border-default: #a4abb3;
    --semantic-cell-border-unselected-control: #a4abb3;
    --semantic-cell-border-selected-dot: #0d0e0f;
    --semantic-cell-icon-secondary-default: #505865;
    --semantic-cell-icon-selected-control: #0d0e0f;
    --semantic-cell-icon-context-selected-control: #0d0e0f;
    --semantic-cell-icon-unselected-control: #a4abb3;
    --semantic-cell-background-canvas: #fff;
    --semantic-cell-background-divider: #a4abb3;
    --semantic-cell-background-surface-default: #f1f3f5;
    --semantic-cell-background-selected-control: #0d0e0f;
    --semantic-cell-background-selected-dot: #0d0e0f;
    --semantic-cell-background-context-selected-control: #fff;
    --semantic-cell-background-unselected-handle: #fff;
    --semantic-cell-background-selected-handle: #fff;
    --semantic-button-text-primary-default: #0d0e0f;
    --semantic-button-text-action-primary-default: #0d0e0f;
    --semantic-button-text-action-danger-default: #fff;
    --semantic-button-text-action-secondary-default: #0d0e0f;
    --semantic-button-text-action-tertiary-default: #0d0e0f;
    --semantic-button-text-action-primary-hover: #0d0e0f;
    --semantic-button-text-action-danger-hover: #fff;
    --semantic-button-text-action-secondary-hover: #0d0e0f;
    --semantic-button-text-action-tertiary-hover: #0d0e0f;
    --semantic-button-text-action-primary-pressed: #0d0e0f;
    --semantic-button-text-action-danger-pressed: #fff;
    --semantic-button-text-action-secondary-pressed: #0d0e0f;
    --semantic-button-text-action-tertiary-pressed: #0d0e0f;
    --semantic-button-text-action-primary-disabled: #505865;
    --semantic-button-text-action-danger-disabled: #e66a7e;
    --semantic-button-text-action-secondary-disabled: #505865;
    --semantic-button-text-action-tertiary-disabled: #505865;
    --semantic-button-background-canvas: #fff;
    --semantic-button-background-divider: #a4abb3;
    --semantic-button-background-action-primary-default: #fff;
    --semantic-button-background-action-danger-default: #d84a61;
    --semantic-button-background-action-secondary-default: #f1f3f5;
    --semantic-button-background-action-only-default: #f1f3f5;
    --semantic-button-background-action-primary-hover: #e3e6e9;
    --semantic-button-background-action-danger-hover: #e66a7e;
    --semantic-button-background-action-secondary-hover: #d5d9de;
    --semantic-button-background-action-only-hover: #d5d9de;
    --semantic-button-background-action-primary-pressed: #bdc2c9;
    --semantic-button-background-action-danger-pressed: #b43a50;
    --semantic-button-background-action-secondary-pressed: #a4abb3;
    --semantic-button-background-action-only-pressed: #a4abb3;
    --semantic-button-background-action-primary-disabled: #d5d9de;
    --semantic-button-background-action-danger-disabled: #5e1c2a;
    --semantic-button-background-action-secondary-disabled: #f1f3f5;
    --semantic-button-background-action-only-disabled: #f1f3f5;
    --semantic-button-background-action-primary-loading: #fff;
    --semantic-button-background-action-danger-loading: #d84a61;
    --semantic-button-background-action-secondary-loading: #f1f3f5;
    --semantic-button-icon-action-primary-default: #0d0e0f;
    --semantic-button-icon-action-danger-default: #fff;
    --semantic-button-icon-action-secondary-default: #0d0e0f;
    --semantic-button-icon-action-tertiary-default: #0d0e0f;
    --semantic-button-icon-action-only-default: #0d0e0f;
    --semantic-button-icon-action-primary-hover: #0d0e0f;
    --semantic-button-icon-action-danger-hover: #fff;
    --semantic-button-icon-action-secondary-hover: #0d0e0f;
    --semantic-button-icon-action-tertiary-hover: #0d0e0f;
    --semantic-button-icon-action-only-hover: #0d0e0f;
    --semantic-button-icon-action-primary-pressed: #0d0e0f;
    --semantic-button-icon-action-danger-pressed: #fff;
    --semantic-button-icon-action-secondary-pressed: #0d0e0f;
    --semantic-button-icon-action-tertiary-pressed: #0d0e0f;
    --semantic-button-icon-action-only-pressed: #0d0e0f;
    --semantic-button-icon-action-primary-disabled: #505865;
    --semantic-button-icon-action-danger-disabled: #e66a7e;
    --semantic-button-icon-action-secondary-disabled: #505865;
    --semantic-button-icon-action-tertiary-disabled: #505865;
    --semantic-button-icon-action-only-disabled: #505865;
    --semantic-button-icon-action-primary-loading: #0d0e0f;
    --semantic-button-icon-action-danger-loading: #fff;
    --semantic-button-icon-action-secondary-loading: #0d0e0f;
    --semantic-button-icon-action-tertiary-loading: #0d0e0f;
    --semantic-alert-background-info: #29d9ff1f;
    --semantic-alert-background-danger: #d64e331f;
    --semantic-alert-background-warning: #e5c80b1f;
    --semantic-alert-background-success: #32d74b1f;
    --semantic-alert-content-info: #1a6482;
    --semantic-alert-content-danger: #84293b;
    --semantic-alert-content-warning: #805a18;
    --semantic-alert-content-success: #147345;
    --dolma-ui-table-border: #d5d9de;
    --dolma-ui-table-background: #fff;
    --dolma-ui-table-text-secondary: #505865;
    --dolma-ui-sidebar-background: #eef1f4;
    --dolma-ui-sidebar-search-background: #e7eaed;
    --dolma-ui-sidebar-search-placeholder: #0d0e0f52;
    --dolma-ui-sidebar-border: #eef1f4;
    --dolma-ui-sidebar-company-background: #e7eaed;
    --dolma-ui-sidebar-company-secondary: #6b737c;
    --dolma-ui-sidebar-icon: #6b737c;
    --dolma-ui-sidebar-switch-icon: #6b737c;
    --dolma-ui-date-range-background: #eef1f4;
    --dolma-ui-date-range-footer: #eef1f4;
    --dolma-ui-date-range-text: #0d0e0f;
    --dolma-ui-date-range-secondary: #6b737c;
    --dolma-ui-date-range-selection: #e2e6ea;
    --dolma-ui-date-range-action: #0d0e0f;
    --dolma-ui-date-range-action-text: #f7f8fa;
    --dolma-ui-date-range-input: #e2e6ea;
    --dolma-ui-date-range-shadow: #0000001f;
    --opacity-date-range-outside: .2;
  }
}

@layer dolma-ui.components {
  .Me2MsG_button {
    --button-height: var(--component-button-size-md);
    --button-icon-size: var(--component-icon-size-20);
    --button-content-opacity: 1;
    box-sizing: border-box;
    min-block-size: var(--button-height);
    min-inline-size: var(--component-button-size-small-width);
    max-inline-size: 100%;
    padding: var(--spacing-0) var(--spacing-16);
    border-radius: var(--radius-8);
    background: var(--button-background);
    color: var(--button-text);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-semibold-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-semibold-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-semibold-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-semibold-comfortable-letter-spacing);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    text-decoration: none;
    display: inline-flex;
    position: relative;
  }

  .Me2MsG_button[data-size="lg"] {
    --button-height: var(--component-button-size-lg);
  }

  .Me2MsG_button[data-size="sm"], .Me2MsG_button[data-size="xs"] {
    --button-height: var(--component-button-size-sm);
    --button-icon-size: var(--component-icon-size-sm);
    padding-inline: var(--spacing-12);
    font-family: var(--typography-semantic-inter-label-semibold-compact-family),
        sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-label-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-label-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-compact-letter-spacing);
  }

  :is(.Me2MsG_button[data-size="sm"], .Me2MsG_button[data-size="xs"]) .Me2MsG_content {
    gap: var(--spacing-0);
  }

  .Me2MsG_button[data-size="xs"] {
    --button-height: var(--component-button-size-small-height);
    border-radius: var(--radius-6);
  }

  .Me2MsG_button[data-disabled] {
    cursor: default;
  }

  .Me2MsG_button[data-loading] .Me2MsG_content {
    opacity: 0;
  }

  .Me2MsG_button[data-loading]:not([data-variant="only"]) {
    min-inline-size: var(--component-button-size-large-width);
  }

  .Me2MsG_button[data-loading]:not([data-variant="only"])[data-size="sm"], .Me2MsG_button[data-loading]:not([data-variant="only"])[data-size="xs"] {
    min-inline-size: var(--component-button-size-medium-width);
  }

  .Me2MsG_content {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
    opacity: var(--button-content-opacity);
    min-inline-size: 0;
    display: inline-flex;
  }

  .Me2MsG_label {
    padding-inline: var(--spacing-4);
    overflow-wrap: anywhere;
  }

  .Me2MsG_icon {
    inline-size: var(--button-icon-size);
    block-size: var(--button-icon-size);
    color: var(--button-icon);
    flex-shrink: 0;
    display: inline-flex;
  }

  .Me2MsG_icon > :is(svg, img) {
    block-size: 100%;
    inline-size: 100%;
  }

  .Me2MsG_spinner {
    inline-size: var(--component-icon-size-md);
    block-size: var(--component-icon-size-md);
    color: var(--button-icon);
    animation: 1s linear infinite Me2MsG_spin;
    position: absolute;
  }

  .Me2MsG_button:is([data-size="sm"], [data-size="xs"]) .Me2MsG_spinner {
    inline-size: var(--component-icon-size-sm);
    block-size: var(--component-icon-size-sm);
  }

  @keyframes Me2MsG_spin {
    to {
      transform: rotate(360deg);
    }
  }

  .Me2MsG_button[data-variant="primary"] {
    --button-background: var(--semantic-button-background-action-primary-default);
    --button-text: var(--semantic-button-text-action-primary-default);
    --button-icon: var(--semantic-button-icon-action-primary-default);
  }

  @media (hover: hover) {
    .Me2MsG_button[data-variant="primary"]:hover:not([data-disabled]) {
      --button-background: var(--semantic-button-background-action-primary-hover);
      --button-text: var(--semantic-button-text-action-primary-hover);
      --button-icon: var(--semantic-button-icon-action-primary-hover);
    }
  }

  .Me2MsG_button[data-variant="primary"]:active:not([data-disabled]) {
    --button-background: var(--semantic-button-background-action-primary-pressed);
    --button-text: var(--semantic-button-text-action-primary-pressed);
    --button-icon: var(--semantic-button-icon-action-primary-pressed);
  }

  .Me2MsG_button[data-variant="primary"][data-disabled]:not([data-loading]) {
    --button-background: var(--semantic-button-background-action-primary-disabled);
    --button-text: var(--semantic-button-text-action-primary-disabled);
    --button-icon: var(--semantic-button-icon-action-primary-disabled);
  }

  .Me2MsG_button[data-variant="primary"][data-loading] {
    --button-background: var(--semantic-button-background-action-primary-loading);
    --button-text: var(--semantic-button-text-action-primary-default);
    --button-icon: var(--semantic-button-icon-action-primary-loading);
  }

  .Me2MsG_button[data-variant="danger"] {
    --button-background: var(--semantic-button-background-action-danger-default);
    --button-text: var(--semantic-button-text-action-danger-default);
    --button-icon: var(--semantic-button-icon-action-danger-default);
  }

  @media (hover: hover) {
    .Me2MsG_button[data-variant="danger"]:hover:not([data-disabled]) {
      --button-background: var(--semantic-button-background-action-danger-hover);
      --button-text: var(--semantic-button-text-action-danger-hover);
      --button-icon: var(--semantic-button-icon-action-danger-hover);
    }
  }

  .Me2MsG_button[data-variant="danger"]:active:not([data-disabled]) {
    --button-background: var(--semantic-button-background-action-danger-pressed);
    --button-text: var(--semantic-button-text-action-danger-pressed);
    --button-icon: var(--semantic-button-icon-action-danger-pressed);
  }

  .Me2MsG_button[data-variant="danger"][data-disabled]:not([data-loading]) {
    --button-background: var(--semantic-button-background-action-danger-disabled);
    --button-text: var(--semantic-button-text-action-danger-disabled);
    --button-icon: var(--semantic-button-icon-action-danger-disabled);
  }

  .Me2MsG_button[data-variant="danger"][data-loading] {
    --button-background: var(--semantic-button-background-action-danger-loading);
    --button-text: var(--semantic-button-text-action-danger-default);
    --button-icon: var(--semantic-button-icon-action-danger-loading);
  }

  .Me2MsG_button[data-variant="secondary"] {
    --button-background: var(--semantic-button-background-action-secondary-default);
    --button-text: var(--semantic-button-text-action-secondary-default);
    --button-icon: var(--semantic-button-icon-action-secondary-default);
  }

  @media (hover: hover) {
    .Me2MsG_button[data-variant="secondary"]:hover:not([data-disabled]) {
      --button-background: var(--semantic-button-background-action-secondary-hover);
      --button-text: var(--semantic-button-text-action-secondary-hover);
      --button-icon: var(--semantic-button-icon-action-secondary-hover);
    }
  }

  .Me2MsG_button[data-variant="secondary"]:active:not([data-disabled]) {
    --button-background: var(--semantic-button-background-action-secondary-pressed);
    --button-text: var(--semantic-button-text-action-secondary-pressed);
    --button-icon: var(--semantic-button-icon-action-secondary-pressed);
  }

  .Me2MsG_button[data-variant="secondary"][data-disabled]:not([data-loading]) {
    --button-background: var(--semantic-button-background-action-secondary-disabled);
    --button-text: var(--semantic-button-text-action-secondary-disabled);
    --button-icon: var(--semantic-button-icon-action-secondary-disabled);
    --button-content-opacity: .6;
  }

  .Me2MsG_button[data-variant="secondary"][data-loading] {
    --button-background: var(--semantic-button-background-action-secondary-loading);
    --button-text: var(--semantic-button-text-action-secondary-default);
    --button-icon: var(--semantic-button-icon-action-secondary-loading);
  }

  .Me2MsG_button[data-variant="tertiary"] {
    padding-inline: var(--spacing-0);
  }

  .Me2MsG_button[data-variant="tertiary"][data-size="sm"] {
    border-radius: 100px;
  }

  .Me2MsG_button[data-variant="tertiary"][data-size="sm"] .Me2MsG_label {
    padding-inline: var(--spacing-0);
  }

  .Me2MsG_button[data-variant="tertiary"] .Me2MsG_content {
    gap: var(--spacing-4);
  }

  .Me2MsG_button[data-variant="tertiary"] {
    --button-background: transparent;
    --button-text: var(--semantic-button-text-action-tertiary-default);
    --button-icon: var(--semantic-button-icon-action-tertiary-default);
    --button-content-opacity: 1;
  }

  @media (hover: hover) {
    .Me2MsG_button[data-variant="tertiary"]:hover:not([data-disabled]) {
      --button-background: transparent;
      --button-text: var(--semantic-button-text-action-tertiary-hover);
      --button-icon: var(--semantic-button-icon-action-tertiary-hover);
      --button-content-opacity: .64;
    }
  }

  .Me2MsG_button[data-variant="tertiary"]:active:not([data-disabled]) {
    --button-background: transparent;
    --button-text: var(--semantic-button-text-action-tertiary-pressed);
    --button-icon: var(--semantic-button-icon-action-tertiary-pressed);
    --button-content-opacity: .48;
  }

  .Me2MsG_button[data-variant="tertiary"][data-disabled]:not([data-loading]) {
    --button-background: transparent;
    --button-text: var(--semantic-button-text-action-tertiary-disabled);
    --button-icon: var(--semantic-button-icon-action-tertiary-disabled);
    --button-content-opacity: .36;
  }

  .Me2MsG_button[data-variant="tertiary"][data-loading] {
    --button-background: transparent;
    --button-text: var(--semantic-button-text-action-tertiary-default);
    --button-icon: var(--semantic-button-icon-action-tertiary-loading);
    --button-content-opacity: 1;
  }

  .Me2MsG_button[data-variant="only"] {
    --button-icon-size: var(--component-icon-size-md);
    inline-size: var(--button-height);
    padding-inline: var(--spacing-0);
  }

  .Me2MsG_button[data-variant="only"][data-size="sm"], .Me2MsG_button[data-variant="only"][data-size="xs"] {
    --button-icon-size: var(--component-icon-size-sm);
  }

  .Me2MsG_button[data-variant="only"] {
    --button-background: var(--semantic-button-background-action-only-default);
    --button-text: var(--semantic-button-icon-action-only-default);
    --button-icon: var(--semantic-button-icon-action-only-default);
  }

  @media (hover: hover) {
    .Me2MsG_button[data-variant="only"]:hover:not([data-disabled]) {
      --button-background: var(--semantic-button-background-action-only-hover);
      --button-text: var(--semantic-button-icon-action-only-hover);
      --button-icon: var(--semantic-button-icon-action-only-hover);
    }
  }

  .Me2MsG_button[data-variant="only"]:active:not([data-disabled]) {
    --button-background: var(--semantic-button-background-action-only-pressed);
    --button-text: var(--semantic-button-icon-action-only-pressed);
    --button-icon: var(--semantic-button-icon-action-only-pressed);
  }

  .Me2MsG_button[data-variant="only"][data-disabled]:not([data-loading]) {
    --button-background: var(--semantic-button-background-action-only-disabled);
    --button-text: var(--semantic-button-icon-action-only-disabled);
    --button-icon: var(--semantic-button-icon-action-only-disabled);
  }

  .Me2MsG_button[data-variant="only"][data-loading] {
    --button-background: var(--semantic-button-background-action-only-default);
    --button-text: var(--semantic-button-icon-action-only-default);
    --button-icon: var(--semantic-button-icon-action-only-default);
  }

  .cKBrrW_backdrop {
    z-index: 1000;
    background: #00000080;
    min-block-size: 100dvh;
    position: fixed;
    inset: 0;
  }

  .cKBrrW_viewport {
    z-index: 1000;
    padding: var(--spacing-16);
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr);
    place-items: safe center;
    display: grid;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .cKBrrW_popup {
    box-sizing: border-box;
    border-radius: var(--radius-12);
    background: var(--semantic-modal-background-surface-default);
    inline-size: 400px;
    min-inline-size: 0;
    max-inline-size: 100%;
    color: var(--semantic-modal-text-primary-default);
    overflow-wrap: anywhere;
  }

  .cKBrrW_title {
    font-family: var(--typography-semantic-inter-heading-bold-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-heading-bold-compact-size);
    font-weight: var(--typography-semantic-inter-heading-bold-compact-weight);
    line-height: var(--typography-semantic-inter-heading-bold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-heading-bold-compact-letter-spacing);
    margin: 0;
  }

  .cKBrrW_content {
    gap: var(--spacing-8);
    padding: var(--spacing-20) var(--spacing-24);
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    flex-direction: column;
    display: flex;
  }

  .cKBrrW_description {
    margin: 0;
  }

  .cKBrrW_footer {
    justify-content: flex-end;
    gap: var(--spacing-20);
    padding: var(--spacing-16) var(--spacing-24);
    flex-wrap: wrap;
    display: flex;
  }

  .PuRzmW_icon {
    inline-size: var(--component-icon-size-md);
    block-size: var(--component-icon-size-md);
    flex-shrink: 0;
    display: block;
  }

  .PuRzmW_icon[data-size="lg"] {
    inline-size: var(--component-icon-size-lg);
    block-size: var(--component-icon-size-lg);
  }

  .PuRzmW_icon[data-size="sm"] {
    inline-size: var(--component-icon-size-sm);
    block-size: var(--component-icon-size-sm);
  }

  .PuRzmW_icon[data-size="20"] {
    inline-size: var(--component-icon-size-20);
    block-size: var(--component-icon-size-20);
  }

  .QSywcq_control {
    box-sizing: border-box;
    inline-size: var(--component-checkbox-size-control);
    block-size: var(--component-checkbox-size-control);
    color: var(--semantic-checkbox-mark-active);
    vertical-align: middle;
    cursor: pointer;
    background: none;
    border: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .QSywcq_control:before {
    content: "";
    box-sizing: border-box;
    inline-size: var(--component-checkbox-size-checkbox-body);
    block-size: var(--component-checkbox-size-checkbox-body);
    border: var(--border-1) solid var(--semantic-checkbox-border-default);
    border-radius: var(--radius-4);
    background: var(--semantic-checkbox-background-default);
    position: absolute;
  }

  .QSywcq_control:is([data-checked], [data-indeterminate]):before {
    background: var(--semantic-checkbox-background-active);
    border-color: #0000;
  }

  .QSywcq_control[data-disabled] {
    color: var(--semantic-checkbox-mark-disabled);
    cursor: not-allowed;
  }

  .QSywcq_control[data-disabled]:before {
    border-color: var(--semantic-checkbox-border-disabled);
    background: var(--semantic-checkbox-background-disabled);
  }

  .QSywcq_control[data-disabled]:is([data-checked], [data-indeterminate]):before {
    background: var(--semantic-checkbox-background-active-disabled);
    border-color: #0000;
  }

  .QSywcq_control:focus-visible {
    outline: var(--border-2-5) solid var(--semantic-text-primary);
    outline-offset: var(--border-2-5);
    border-radius: var(--radius-4);
  }

  .QSywcq_radio:before {
    inline-size: var(--component-checkbox-size-radio-body);
    block-size: var(--component-checkbox-size-radio-body);
    border-radius: 50%;
  }

  .QSywcq_radio:focus-visible {
    border-radius: 50%;
  }

  .QSywcq_indicator {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .QSywcq_indicator[data-unchecked]:not([data-indeterminate]) {
    display: none;
  }

  .QSywcq_mark > path {
    stroke-width: var(--border-2-5);
  }

  .QSywcq_dot {
    inline-size: var(--component-checkbox-size-radio-active-dot);
    block-size: var(--component-checkbox-size-radio-active-dot);
    background: currentColor;
    border-radius: 50%;
  }

  .QSywcq_label {
    align-items: center;
    gap: var(--spacing-10);
    color: var(--semantic-checkbox-text-default);
    font-family: var(--typography-semantic-inter-body-regular-md-family), Inter, sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-md-size);
    line-height: var(--typography-semantic-inter-body-regular-md-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-md-letter-spacing);
    cursor: pointer;
    display: inline-flex;
  }

  .QSywcq_label:has([data-disabled]) {
    color: var(--semantic-checkbox-text-disabled);
    cursor: not-allowed;
  }

  @media (hover: hover) {
    :is(.QSywcq_control:not([data-disabled], [data-readonly]):hover, .QSywcq_label:not(:has([data-disabled], [data-readonly])):hover .QSywcq_control):before {
      border-color: var(--semantic-checkbox-border-hover);
      background: var(--semantic-checkbox-background-hover);
    }

    :is(.QSywcq_control:not([data-disabled], [data-readonly]):hover, .QSywcq_label:not(:has([data-disabled], [data-readonly])):hover .QSywcq_control):is([data-checked], [data-indeterminate]):before {
      background: var(--semantic-checkbox-background-active-hover);
      border-color: #0000;
    }
  }

  .H0lncW_control {
    box-sizing: border-box;
    inline-size: var(--component-toggle-size-width);
    block-size: var(--component-toggle-size-height);
    padding: var(--spacing-2);
    border-radius: var(--radius-64);
    background: var(--semantic-toggle-background-off-default);
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    flex-shrink: 0;
    align-items: center;
    margin: 0;
    display: inline-flex;
  }

  .H0lncW_control[data-checked] {
    background: var(--semantic-toggle-background-on-default);
    justify-content: flex-end;
  }

  .H0lncW_control[data-disabled] {
    background: var(--semantic-toggle-background-off-disabled);
    cursor: not-allowed;
  }

  .H0lncW_control[data-disabled][data-checked] {
    background: var(--semantic-toggle-background-on-disabled);
  }

  .H0lncW_control:focus-visible {
    outline: var(--border-2-5) solid var(--semantic-text-primary);
    outline-offset: var(--border-2-5);
  }

  .H0lncW_thumb {
    inline-size: var(--component-toggle-size-handle);
    block-size: var(--component-toggle-size-handle);
    border-radius: var(--radius-64);
    background: var(--semantic-toggle-handle-default);
    pointer-events: none;
    flex-shrink: 0;
    display: block;
  }

  .H0lncW_thumb[data-disabled] {
    background: var(--semantic-toggle-handle-disabled);
  }

  .H0lncW_label {
    align-items: center;
    gap: var(--spacing-10);
    color: var(--semantic-toggle-text-default);
    font-family: var(--typography-semantic-inter-body-regular-md-family), Inter, sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-md-size);
    line-height: var(--typography-semantic-inter-body-regular-md-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-md-letter-spacing);
    cursor: pointer;
    display: inline-flex;
  }

  .H0lncW_label:has([data-disabled]) {
    color: var(--semantic-toggle-text-disabled);
    cursor: not-allowed;
  }

  @media (hover: hover) {
    :is(.H0lncW_control:not([data-disabled], [data-readonly]):hover, .H0lncW_label:not(:has([data-disabled], [data-readonly])):hover .H0lncW_control) {
      background: var(--semantic-toggle-background-off-hover);
    }

    :is(.H0lncW_control:not([data-disabled], [data-readonly]):hover, .H0lncW_label:not(:has([data-disabled], [data-readonly])):hover .H0lncW_control)[data-checked] {
      background: var(--semantic-toggle-background-on-hover);
    }
  }

  .HIwHHG_chip {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
    min-block-size: var(--component-chip-size-height);
    padding: var(--spacing-0) var(--spacing-16);
    border-radius: var(--radius-64);
    background: var(--semantic-chip-background-default);
    color: var(--semantic-chip-text-default);
    font-family: var(--typography-semantic-inter-label-semibold-lg-family), "Inter",
      sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-lg-size);
    font-weight: var(--typography-semantic-inter-label-semibold-lg-weight);
    line-height: var(--typography-semantic-inter-label-semibold-lg-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-lg-letter-spacing);
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
    margin: 0;
    display: inline-flex;
  }

  @media (hover: hover) {
    .HIwHHG_chip:hover:not([data-disabled], [data-pressed]) {
      background: var(--semantic-chip-background-hover);
    }
  }

  .HIwHHG_chip:active:not([data-disabled], [data-pressed]) {
    background: var(--semantic-chip-background-pressed);
  }

  .HIwHHG_chip[data-pressed] {
    background: var(--semantic-chip-background-active);
    color: var(--semantic-chip-text-active);
  }

  .HIwHHG_chip[data-pressed] .HIwHHG_counter {
    color: var(--semantic-chip-counter-active);
  }

  .HIwHHG_chip[data-disabled] {
    cursor: not-allowed;
  }

  .HIwHHG_chip:focus-visible {
    outline: var(--border-2-5) solid var(--semantic-chip-text-default);
    outline-offset: var(--border-2-5);
  }

  .HIwHHG_counter {
    color: var(--semantic-chip-counter-default);
  }

  .BLMLXq_counter {
    box-sizing: border-box;
    min-inline-size: var(--component-counter-size-default);
    block-size: var(--component-counter-size-default);
    padding: var(--spacing-2) var(--spacing-4);
    border-radius: var(--radius-64);
    background: var(--semantic-counter-background-new);
    color: var(--semantic-counter-text-new);
    font-family: var(--typography-semantic-inter-counter-bold-default-family), "Inter",
      sans-serif;
    font-size: var(--typography-semantic-inter-counter-bold-default-size);
    font-weight: var(--typography-semantic-inter-counter-bold-default-weight);
    line-height: var(--typography-semantic-inter-counter-bold-default-line-height);
    letter-spacing: var(--typography-semantic-inter-counter-bold-default-letter-spacing);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .BLMLXq_counter[data-type="destructive"] {
    background: var(--semantic-counter-background-destructive);
    color: var(--semantic-counter-text-destructive);
  }

  .BLMLXq_counter[data-type="success"] {
    background: var(--semantic-counter-background-success);
    color: var(--semantic-counter-text-success);
  }

  .BLMLXq_counter[data-type="warning"] {
    background: var(--semantic-counter-background-warning);
    color: var(--semantic-counter-text-warning);
  }

  .j39wBq_dot {
    box-sizing: border-box;
    inline-size: var(--component-dot-size-lg);
    block-size: var(--component-dot-size-lg);
    border-radius: var(--radius-64);
    background: var(--semantic-dot-background-new);
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-block;
  }

  .j39wBq_dot[data-size="6"] {
    inline-size: var(--component-dot-size-sm);
    block-size: var(--component-dot-size-sm);
  }

  .j39wBq_dot[data-type="destructive"] {
    background: var(--semantic-dot-background-destructive);
  }

  .JDPx1a_badge {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
    block-size: var(--component-badge-size-height);
    padding: var(--spacing-0) var(--spacing-12);
    border-radius: var(--radius-6);
    background: var(--semantic-badge-background-gray);
    color: var(--semantic-badge-content-gray);
    font-family: var(--typography-semantic-inter-body-medium-xs-family), "Inter",
      sans-serif;
    font-size: var(--typography-semantic-inter-body-medium-xs-size);
    font-weight: var(--typography-semantic-inter-body-medium-xs-weight);
    line-height: var(--typography-semantic-inter-body-medium-xs-line-height);
    letter-spacing: var(--typography-semantic-inter-body-medium-xs-letter-spacing);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-flex;
  }

  .JDPx1a_badge[data-shape="pill"] {
    border-radius: var(--radius-64);
  }

  .JDPx1a_badge[data-color="red"] {
    background: var(--semantic-badge-background-red);
    color: var(--semantic-badge-content-red);
  }

  .JDPx1a_badge[data-color="blue"] {
    background: var(--semantic-badge-background-blue);
    color: var(--semantic-badge-content-blue);
  }

  .JDPx1a_badge[data-color="green"] {
    background: var(--semantic-badge-background-green);
    color: var(--semantic-badge-content-green);
  }

  .JDPx1a_badge[data-color="yellow"] {
    background: var(--semantic-badge-background-yellow);
    color: var(--semantic-badge-content-yellow);
  }

  .JDPx1a_badge[data-color="purple"] {
    background: var(--semantic-badge-background-purple);
    color: var(--semantic-badge-content-purple);
  }

  .JDPx1a_label {
    flex-shrink: 0;
  }

  .JDPx1a_icon {
    inline-size: var(--component-icon-size-sm);
    block-size: var(--component-icon-size-sm);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .BIlzDq_tag {
    --tag-avatar-size: 24px;
    --tag-icon-size: 24px;
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-8);
    block-size: var(--component-tag-size-large-height);
    padding: var(--spacing-0) var(--spacing-12);
    border-radius: var(--radius-8);
    background: var(--semantic-tag-background-surface-default);
    color: var(--semantic-tag-text-primary-default);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-semibold-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-semibold-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-semibold-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-semibold-comfortable-letter-spacing);
    white-space: nowrap;
    vertical-align: middle;
    flex-shrink: 0;
    display: inline-flex;
  }

  .BIlzDq_tag:not([data-size="lg"]) {
    --tag-avatar-size: 20px;
    --tag-icon-size: 16px;
  }

  .BIlzDq_tag[data-size="md"] {
    block-size: var(--component-tag-size-medium-height);
  }

  .BIlzDq_tag[data-size="sm"] {
    block-size: var(--component-tag-size-small-height);
    font-family: var(--typography-semantic-inter-label-semibold-compact-family),
        sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-label-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-label-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-compact-letter-spacing);
  }

  .BIlzDq_tag[data-size="xs"] {
    block-size: var(--component-tag-size-x-small-height);
    padding-inline: var(--spacing-8);
    font-family: var(--typography-semantic-inter-caption-semibold-compact-family),
        sans-serif;
    font-size: var(--typography-semantic-inter-caption-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-caption-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-caption-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-caption-semibold-compact-letter-spacing);
  }

  .BIlzDq_label {
    flex-shrink: 0;
  }

  .BIlzDq_supportingText {
    color: var(--semantic-tag-text-secondary-default);
    font-family: var(--typography-semantic-inter-body-regular-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-compact-size);
    font-weight: var(--typography-semantic-inter-body-regular-compact-weight);
    line-height: var(--typography-semantic-inter-body-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-compact-letter-spacing);
  }

  .BIlzDq_avatar, .BIlzDq_icon {
    inline-size: var(--tag-avatar-size);
    block-size: var(--tag-avatar-size);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  :is(.BIlzDq_avatar, .BIlzDq_icon) > * {
    block-size: 100%;
    inline-size: 100%;
  }

  :is(.BIlzDq_avatar, .BIlzDq_icon) > img {
    object-fit: cover;
    border-radius: 50%;
    display: block;
  }

  .BIlzDq_icon {
    inline-size: var(--tag-icon-size);
    block-size: var(--tag-icon-size);
    color: var(--semantic-tag-icon-secondary-default);
  }

  .BIlzDq_avatars {
    flex-shrink: 0;
    display: inline-flex;
  }

  .BIlzDq_avatars > .BIlzDq_avatar {
    box-shadow: 0 0 0 calc(var(--tag-avatar-size) / 10)
        var(--dolma-ui-avatar-background);
    border-radius: 50%;
  }

  .BIlzDq_avatars > .BIlzDq_avatar + .BIlzDq_avatar {
    margin-inline-start: calc(var(--tag-avatar-size) * -.2);
  }

  .gacjqa_avatar {
    --avatar-size: var(--dolma-ui-avatar-size-md);
    --avatar-icon: 16px;
    --avatar-camera: 16px;
    --avatar-border: 1px;
    inline-size: var(--avatar-size);
    block-size: var(--avatar-size);
    vertical-align: middle;
    font: 500 var(--typography-semantic-inter-body-medium-xs-size) / 1 "Inter",
      sans-serif;
    color: var(--semantic-text-primary);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .gacjqa_avatar[data-size="xs"] {
    --avatar-size: var(--dolma-ui-avatar-size-xs);
    --avatar-icon: 12px;
    --avatar-camera: 12px;
    --avatar-border: .6px;
  }

  .gacjqa_avatar[data-size="sm"] {
    --avatar-size: var(--dolma-ui-avatar-size-sm);
    --avatar-border: .8px;
  }

  .gacjqa_avatar[data-size="lg"] {
    --avatar-size: var(--dolma-ui-avatar-size-lg);
    --avatar-icon: 24px;
    --avatar-camera: 24px;
  }

  .gacjqa_avatar[data-size="xl"] {
    --avatar-size: var(--dolma-ui-avatar-size-xl);
    --avatar-icon: 24px;
    --avatar-camera: 30px;
    --avatar-border: 1.286px;
  }

  .gacjqa_avatar[data-size="xxl"] {
    --avatar-size: var(--dolma-ui-avatar-size-xxl);
    --avatar-icon: 24px;
    --avatar-camera: 38.4px;
    --avatar-border: 1.714px;
  }

  .gacjqa_avatar[data-state="loading"] {
    --avatar-border: 1px;
  }

  .gacjqa_avatar[data-state="hover"] .gacjqa_overlay, .gacjqa_avatar[data-editable]:not([data-state="loading"]):is(:hover, :focus-within) .gacjqa_overlay {
    opacity: 1;
  }

  .gacjqa_avatar[data-state="loading"] .gacjqa_overlay {
    opacity: 1;
    background: var(--dolma-ui-avatar-loading-overlay);
  }

  .gacjqa_avatar[data-state="loading"] .gacjqa_camera {
    display: none;
  }

  .gacjqa_avatar:is([data-state="hover"], [data-state="loading"]) .gacjqa_indicator, .gacjqa_avatar[data-editable]:is(:hover, :focus-within) .gacjqa_indicator {
    visibility: hidden;
  }

  .gacjqa_picture {
    background: var(--dolma-ui-avatar-background);
    border-radius: 50%;
    block-size: 100%;
    inline-size: 100%;
    position: relative;
    overflow: clip;
  }

  .gacjqa_picture:after {
    content: "";
    border-radius: inherit;
    border: var(--avatar-border) solid var(--dolma-ui-avatar-border);
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .gacjqa_image, .gacjqa_fallback {
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

  .gacjqa_image {
    object-fit: cover;
  }

  .gacjqa_image[data-loading], .gacjqa_image[data-error] {
    visibility: hidden;
  }

  .gacjqa_fallback {
    background: var(--dolma-ui-avatar-unclaimed-background);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .gacjqa_unclaimed {
    object-fit: cover;
    block-size: 79.1667%;
    inline-size: 79.1667%;
    position: absolute;
    inset-block-start: 20.8333%;
    inset-inline-start: 10.4167%;
  }

  .gacjqa_overlay, .gacjqa_loading {
    pointer-events: none;
    place-items: center;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .gacjqa_overlay {
    opacity: 0;
    background: var(--dolma-ui-avatar-hover-overlay);
  }

  .gacjqa_camera {
    inline-size: var(--avatar-camera);
    block-size: var(--avatar-camera);
    opacity: .7;
    position: relative;
  }

  .gacjqa_camera img {
    block-size: 79.17%;
    inline-size: 88.88%;
    position: absolute;
    inset: 9.72% 5.56% 11.11%;
  }

  .gacjqa_loading img {
    inline-size: var(--avatar-icon);
    block-size: var(--avatar-icon);
    animation: 1s linear infinite gacjqa_avatar-spin;
  }

  .gacjqa_indicator {
    position: absolute;
    inset-block-end: -2px;
    inset-inline-end: -2px;
  }

  .gacjqa_avatar[data-size="xs"] .gacjqa_indicator {
    inset-block-end: -1.81245px;
    inset-inline-end: -1.81245px;
  }

  .gacjqa_avatar[data-size="sm"] .gacjqa_indicator {
    inset-block-end: -1.888px;
    inset-inline-end: -1.888px;
  }

  .gacjqa_avatar[data-size="xl"] .gacjqa_indicator {
    inset-block-end: -2.25px;
    inset-inline-end: -2.25px;
  }

  .gacjqa_avatar[data-size="xxl"] .gacjqa_indicator {
    inset-block-end: -3px;
    inset-inline-end: -3px;
  }

  .gacjqa_edit {
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 50%;
    block-size: 100%;
    inline-size: 100%;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .gacjqa_edit:disabled {
    cursor: default;
  }

  @keyframes gacjqa_avatar-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .GUSkLG_alert {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-32);
    min-block-size: var(--component-alert-size-min-height);
    padding: var(--spacing-10) var(--spacing-8) var(--spacing-10)
      var(--spacing-16);
    border-radius: var(--radius-12);
    background: var(--semantic-alert-background-info);
    color: var(--semantic-alert-content-info);
    font-family: var(--typography-semantic-inter-body-regular-sm-family), sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-sm-size);
    font-weight: var(--typography-semantic-inter-body-regular-sm-weight);
    line-height: var(--typography-semantic-inter-body-regular-sm-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-sm-letter-spacing);
    display: flex;
  }

  .GUSkLG_alert[data-type="danger"] {
    background: var(--semantic-alert-background-danger);
    color: var(--semantic-alert-content-danger);
  }

  .GUSkLG_alert[data-type="warning"] {
    background: var(--semantic-alert-background-warning);
    color: var(--semantic-alert-content-warning);
  }

  .GUSkLG_alert[data-type="success"] {
    background: var(--semantic-alert-background-success);
    color: var(--semantic-alert-content-success);
  }

  .GUSkLG_content {
    align-items: center;
    gap: var(--spacing-8);
    flex: 1;
    min-inline-size: 0;
    display: flex;
  }

  .GUSkLG_icon {
    block-size: 16px;
    inline-size: 16px;
    opacity: calc(var(--opacity-60) / 100);
    flex: none;
    position: relative;
  }

  .GUSkLG_icon > span {
    background: currentColor;
    block-size: 11.5967px;
    inline-size: 12.6667px;
    position: absolute;
    inset-block-start: 2px;
    inset-inline-start: 1.6667px;
    -webkit-mask: url("../media/read.11w-_cusfpa_3.svg") center / 12.6667px 11.5967px no-repeat;
    mask: url("../media/read.11w-_cusfpa_3.svg") center / 12.6667px 11.5967px no-repeat;
  }

  .GUSkLG_message {
    align-items: center;
    gap: var(--spacing-4);
    min-inline-size: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-align: start;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
  }

  .GUSkLG_message:is(a, button) {
    cursor: pointer;
  }

  .GUSkLG_message:is(a, button):hover .GUSkLG_label {
    text-decoration: underline;
  }

  .GUSkLG_message:focus-visible {
    outline: var(--border-2-5) solid currentColor;
    outline-offset: var(--border-2-5);
    border-radius: var(--radius-4);
  }

  .GUSkLG_label {
    overflow-wrap: anywhere;
    min-inline-size: 0;
  }

  .GUSkLG_arrow {
    flex: none;
    block-size: 20px;
    inline-size: 12px;
    position: relative;
  }

  .GUSkLG_arrow:before {
    content: "";
    background: currentColor;
    block-size: 16px;
    inline-size: 16px;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    -webkit-mask: url("../media/chevron.3m7-_rer8roz7.svg") center / 16px 16px no-repeat;
    mask: url("../media/chevron.3m7-_rer8roz7.svg") center / 16px 16px no-repeat;
  }

  .GUSkLG_close {
    border-radius: var(--radius-4);
    block-size: 24px;
    inline-size: 24px;
    color: var(--semantic-text-primary);
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .GUSkLG_close > span {
    background: currentColor;
    block-size: 24px;
    inline-size: 24px;
    -webkit-mask: url("../media/close.1xdm76sa7m8a0.svg") center / 24px 24px no-repeat;
    mask: url("../media/close.1xdm76sa7m8a0.svg") center / 24px 24px no-repeat;
  }

  .GUSkLG_close:focus-visible {
    outline: var(--border-2-5) solid currentColor;
    outline-offset: var(--border-2-5);
  }

  ._51Gx4G_item {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-12);
    min-block-size: var(--component-dropdown-size-default-height);
    padding: var(--spacing-8) var(--spacing-16);
    color: var(--semantic-dropdown-text-primary-default);
    font-family: var(--typography-semantic-inter-body-regular-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-compact-size);
    font-weight: var(--typography-semantic-inter-body-regular-compact-weight);
    line-height: var(--typography-semantic-inter-body-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-compact-letter-spacing);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    display: inline-flex;
  }

  ._51Gx4G_item[data-pressed] {
    background: var(--semantic-dropdown-background-surface-default);
  }

  ._51Gx4G_item[data-pressed] ._51Gx4G_check {
    display: flex;
  }

  @media (hover: hover) {
    ._51Gx4G_item:hover:not([data-disabled]) {
      background: var(--semantic-dropdown-background-surface-default);
    }
  }

  ._51Gx4G_item:focus-visible {
    outline: var(--border-2) solid
        var(--semantic-dropdown-text-primary-default);
    outline-offset: calc(-1 * var(--border-2));
  }

  ._51Gx4G_item[data-disabled] {
    cursor: not-allowed;
    opacity: .5;
  }

  ._51Gx4G_icon {
    block-size: 24px;
    inline-size: 24px;
    color: var(--semantic-dropdown-icon-secondary-default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  ._51Gx4G_avatar {
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
  }

  ._51Gx4G_label {
    overflow-wrap: anywhere;
    flex: 1;
    min-inline-size: 0;
  }

  ._51Gx4G_check {
    background: var(--semantic-dropdown-icon-secondary-default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    block-size: 16px;
    inline-size: 16px;
    display: none;
    -webkit-mask: url("../media/check.1spmd5i3atw-j.svg") center no-repeat;
    mask: url("../media/check.1spmd5i3atw-j.svg") center no-repeat;
  }

  ._51Gx4G_check img {
    visibility: hidden;
  }

  .GmbcuW_positioner {
    z-index: 1000;
  }

  .GmbcuW_positioner[data-anchor-hidden] {
    visibility: hidden;
  }

  .GmbcuW_popup {
    box-sizing: border-box;
    max-inline-size: min(280px, var(--available-width));
    padding: var(--spacing-6) var(--spacing-12);
    border-radius: var(--radius-8);
    background: var(--semantic-tooltip-background-surface-default);
    color: var(--semantic-tooltip-text-primary-default);
    overflow-wrap: anywhere;
    font-family: var(--typography-semantic-inter-label-semibold-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-label-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-label-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-compact-letter-spacing);
    position: relative;
  }

  .GmbcuW_label, .GmbcuW_supportingText {
    position: relative;
  }

  .GmbcuW_supportingText {
    font-family: var(--typography-semantic-inter-body-regular-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-compact-size);
    font-weight: var(--typography-semantic-inter-body-regular-compact-weight);
    line-height: var(--typography-semantic-inter-body-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-compact-letter-spacing);
  }

  .GmbcuW_arrow {
    block-size: 5px;
    inline-size: 12px;
    overflow: clip;
  }

  .GmbcuW_arrow[data-side="top"] {
    inset-block-end: -4.82px;
    rotate: 180deg;
  }

  .GmbcuW_arrow[data-side="bottom"] {
    inset-block-start: -4.82px;
  }

  .GmbcuW_arrow[data-side="left"] {
    inset-inline-end: -8.32px;
    rotate: 90deg;
  }

  .GmbcuW_arrow[data-side="right"] {
    inset-inline-start: -8.32px;
    rotate: -90deg;
  }

  .GmbcuW_arrow:before {
    content: "";
    border-radius: var(--radius-2);
    background: var(--semantic-tooltip-background-surface-default);
    block-size: 20px;
    inline-size: 20px;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, 90%) rotate(45deg);
  }

  .GmbcuW_arrow[data-uncentered] {
    visibility: hidden;
  }

  .gq4BpW_root {
    --file-input-primary: var(--semantic-upload-text-primary-default);
    --file-input-secondary: var(--semantic-upload-text-secondary-default);
    --file-input-background: var(--semantic-upload-background-surface-default);
    --file-input-border: var(--semantic-upload-border-default);
    --file-input-icon: var(--semantic-upload-icon-secondary-default);
    gap: var(--spacing-6);
    inline-size: 248px;
    max-inline-size: 100%;
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    flex-direction: column;
    display: flex;
  }

  .gq4BpW_root[data-state="uploading"] {
    --file-input-primary: var(--semantic-upload-text-primary-uploading);
    --file-input-secondary: var(--semantic-upload-text-secondary-uploading);
    --file-input-background: var(--semantic-upload-background-surface-uploading);
    --file-input-border: var(--semantic-upload-border-uploading);
    --file-input-icon: var(--semantic-upload-icon-secondary-uploading);
  }

  .gq4BpW_root[data-state="uploaded"] {
    --file-input-primary: var(--semantic-upload-text-primary-uploaded);
    --file-input-secondary: var(--semantic-upload-text-primary-uploaded);
    --file-input-background: var(--semantic-upload-background-surface-uploaded);
    --file-input-border: var(--semantic-upload-border-uploaded);
    --file-input-icon: var(--semantic-upload-icon-secondary-uploaded);
  }

  .gq4BpW_root[data-state="uploaded"] .gq4BpW_control {
    border-style: solid;
  }

  .gq4BpW_root[data-disabled] {
    opacity: var(--opacity-50, .5);
  }

  @media (hover: hover) {
    .gq4BpW_root[data-state="default"]:not([data-disabled]):has(.gq4BpW_control:hover) {
      --file-input-primary: var(--semantic-upload-text-primary-hover);
      --file-input-secondary: var(--semantic-upload-text-secondary-hover);
      --file-input-background: var(--semantic-upload-background-surface-hover);
      --file-input-border: var(--semantic-upload-border-hover);
      --file-input-icon: var(--semantic-upload-icon-secondary-hover);
    }
  }

  .gq4BpW_label {
    color: var(--file-input-primary);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-semibold-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-semibold-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-semibold-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-semibold-comfortable-letter-spacing);
  }

  .gq4BpW_control {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-12);
    padding: calc(var(--spacing-8) - var(--border-1)) var(--spacing-16);
    border: var(--border-1) dashed var(--file-input-border);
    border-radius: var(--radius-8);
    background: var(--file-input-background);
    color: var(--file-input-secondary);
    display: flex;
    position: relative;
  }

  .gq4BpW_control:has(.gq4BpW_input:focus-visible) {
    outline: var(--border-2) solid var(--file-input-primary);
    outline-offset: var(--border-2);
  }

  .gq4BpW_input {
    opacity: 0;
    cursor: pointer;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

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

  .gq4BpW_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    flex: 1;
    min-inline-size: 0;
    overflow: hidden;
  }

  .gq4BpW_icon {
    block-size: 16px;
    inline-size: 16px;
    color: var(--file-input-icon);
    pointer-events: none;
    flex: none;
    display: block;
    position: relative;
  }

  .gq4BpW_icon:before {
    content: "";
    -webkit-mask: var(--file-input-asset) center / contain no-repeat;
    mask: var(--file-input-asset) center / contain no-repeat;
    background: currentColor;
    position: absolute;
  }

  .gq4BpW_upload {
    --file-input-asset: url("../media/upload.40dibuigffarc.svg");
  }

  .gq4BpW_upload:before {
    inset: 8.33%;
  }

  .gq4BpW_help {
    --file-input-asset: url("../media/help.3gahlwkp2nnav.svg");
  }

  .gq4BpW_help:before {
    inset: 0 4.17% 4.17% 0;
  }

  .gq4BpW_spinner {
    --file-input-asset: url("../media/spinner.0c_ydutx_nf18.svg");
  }

  .gq4BpW_spinner:before {
    animation: 1s linear infinite gq4BpW_spin;
    inset: 0;
  }

  .gq4BpW_done {
    --file-input-asset: url("../media/done.2izv46cw5j50p.svg");
    color: var(--semantic-upload-icon-success-uploaded);
  }

  .gq4BpW_done:before {
    inset: 21.88% 14.06% 25%;
  }

  .gq4BpW_delete {
    --file-input-asset: url("../media/delete.1w2x3mpt--49d.svg");
  }

  .gq4BpW_delete:before {
    inset: 0;
  }

  .gq4BpW_remove {
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    padding: 0;
    position: relative;
  }

  .gq4BpW_remove:after {
    content: "";
    position: absolute;
    inset: -12px;
  }

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

  .gq4BpW_remove:focus-visible {
    outline: var(--border-2) solid var(--file-input-primary);
    outline-offset: var(--border-2);
  }

  .gq4BpW_description {
    color: var(--file-input-secondary);
  }

  @keyframes gq4BpW_spin {
    to {
      transform: rotate(360deg);
    }
  }

  .Ntmj1q_root {
    --text-input-primary: var(--semantic-input-text-primary-placeholder);
    --text-input-secondary: var(--semantic-input-text-secondary-placeholder);
    --text-input-background: var(--semantic-input-background-surface-placeholder);
    --text-input-icon: var(--semantic-input-icon-secondary-placeholder);
    gap: var(--spacing-6);
    inline-size: 330px;
    max-inline-size: 100%;
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    flex-direction: column;
    display: flex;
  }

  .Ntmj1q_root[data-link] .Ntmj1q_control {
    gap: var(--spacing-12);
  }

  .Ntmj1q_root[data-filled] {
    --text-input-primary: var(--semantic-input-text-primary-filled);
    --text-input-secondary: var(--semantic-input-text-secondary-filled);
    --text-input-background: var(--semantic-input-background-surface-filled);
    --text-input-icon: var(--semantic-input-icon-secondary-filled);
  }

  .Ntmj1q_root[data-filled] .Ntmj1q_control {
    gap: var(--spacing-8);
  }

  @media (hover: hover) {
    .Ntmj1q_root:not([data-disabled]):has(.Ntmj1q_control:hover) {
      --text-input-primary: var(--semantic-input-text-primary-hover);
      --text-input-secondary: var(--semantic-input-text-secondary-hover);
      --text-input-background: var(--semantic-input-background-surface-hover);
      --text-input-icon: var(--semantic-input-icon-secondary-hover);
    }
  }

  .Ntmj1q_root[data-focused] {
    --text-input-primary: var(--semantic-input-text-primary-focused);
    --text-input-secondary: var(--semantic-input-text-secondary-focused);
    --text-input-background: var(--semantic-input-background-surface-focused);
    --text-input-icon: var(--semantic-input-icon-secondary-focused);
  }

  .Ntmj1q_root[data-invalid] {
    --text-input-primary: var(--semantic-input-text-primary-error);
    --text-input-secondary: var(--semantic-input-text-secondary-placeholder);
    --text-input-background: var(--semantic-input-background-surface-error);
    --text-input-icon: var(--semantic-input-icon-secondary-error);
  }

  .Ntmj1q_root[data-disabled] {
    --text-input-primary: var(--semantic-input-text-disabled);
    --text-input-secondary: var(--semantic-input-text-disabled);
    --text-input-background: var(--semantic-input-background-surface-disabled);
    --text-input-icon: var(--semantic-input-icon-disabled);
  }

  .Ntmj1q_root[data-filled]:not([data-focused], [data-invalid], [data-disabled]) .Ntmj1q_success {
    display: block;
  }

  .Ntmj1q_root[data-invalid]:not([data-disabled]) .Ntmj1q_input, .Ntmj1q_root[data-invalid]:not([data-disabled]) .Ntmj1q_prefix {
    color: var(--semantic-input-text-error-error);
  }

  .Ntmj1q_label {
    color: var(--text-input-primary);
    font-family: var(--typography-semantic-inter-label-semibold-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-label-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-label-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-compact-letter-spacing);
  }

  .Ntmj1q_control {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-8);
    min-block-size: 40px;
    padding: var(--spacing-8) var(--spacing-16);
    border-radius: var(--radius-8);
    background: var(--text-input-background);
    display: flex;
  }

  .Ntmj1q_control:has(.Ntmj1q_input:focus-visible) {
    outline: var(--border-2) solid var(--text-input-primary);
    outline-offset: var(--border-2);
  }

  .Ntmj1q_content {
    flex: 1;
    align-items: center;
    min-inline-size: 0;
    display: flex;
  }

  .Ntmj1q_prefix {
    color: var(--text-input-primary);
    white-space: nowrap;
    flex: none;
  }

  .Ntmj1q_input {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    color: var(--text-input-primary);
    caret-color: var(--semantic-input-icon-cursor-focused);
    font: inherit;
    letter-spacing: inherit;
    background: none;
    border: 0;
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
  }

  .Ntmj1q_input::placeholder {
    color: var(--text-input-secondary);
    opacity: 1;
  }

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

  .Ntmj1q_icon {
    inline-size: var(--text-input-icon-size, 20px);
    block-size: var(--text-input-icon-size, 20px);
    color: var(--text-input-icon);
    flex: none;
    display: flex;
  }

  .Ntmj1q_icon > svg, .Ntmj1q_icon > img {
    block-size: 100%;
    inline-size: 100%;
  }

  .Ntmj1q_twitter {
    background: currentColor;
    block-size: 100%;
    inline-size: 100%;
    -webkit-mask: url("../media/twitter.0_-9riu3ddeia.svg") center / 91.67% 74.49% no-repeat;
    mask: url("../media/twitter.0_-9riu3ddeia.svg") center / 91.67% 74.49% no-repeat;
  }

  .Ntmj1q_help {
    background: currentColor;
    block-size: 100%;
    inline-size: 100%;
    -webkit-mask: url("../media/help.10pgg-zvbld_4.svg") center / 91.66% 91.66% no-repeat;
    mask: url("../media/help.10pgg-zvbld_4.svg") center / 91.66% 91.66% no-repeat;
  }

  .Ntmj1q_avatar {
    flex: none;
    block-size: 24px;
    inline-size: 24px;
    display: flex;
  }

  .Ntmj1q_success {
    background: var(--semantic-input-icon-success-filled);
    flex: none;
    block-size: 16px;
    inline-size: 16px;
    display: none;
    -webkit-mask: url("../media/done.2izv46cw5j50p.svg") center / 71.88% 53.12% no-repeat;
    mask: url("../media/done.2izv46cw5j50p.svg") center / 71.88% 53.12% no-repeat;
  }

  .Ntmj1q_hint, .Ntmj1q_error {
    overflow-wrap: anywhere;
    color: var(--text-input-secondary);
    font-family: var(--typography-semantic-inter-caption-regular-compact-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-caption-regular-compact-size);
    font-weight: var(--typography-semantic-inter-caption-regular-compact-weight);
    line-height: var(--typography-semantic-inter-caption-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-caption-regular-compact-letter-spacing);
    padding-inline-start: var(--spacing-16);
  }

  .Ntmj1q_error {
    color: var(--semantic-input-text-error-error);
  }

  .U_E9tW_root {
    --text-input-icon-size: 16px;
    --search-primary: var(--semantic-search-text-primary-default);
    --search-secondary: var(--semantic-search-text-secondary-default);
    --search-background: var(--semantic-search-background-surface-default);
    --search-icon: var(--semantic-search-icon-secondary-default);
    --search-action: var(--semantic-search-icon-action-secondary-filled);
    inline-size: 368px;
  }

  .U_E9tW_root:has(.U_E9tW_input:not(:placeholder-shown)) {
    --search-primary: var(--semantic-search-text-primary-filled);
    --search-background: var(--semantic-search-background-surface-filled);
    --search-icon: var(--semantic-search-icon-secondary-filled);
  }

  .U_E9tW_root[data-focused] {
    --search-secondary: var(--semantic-search-text-secondary-focused);
    --search-background: var(--semantic-search-background-surface-focused);
    --search-icon: var(--semantic-search-icon-secondary-focused);
  }

  .U_E9tW_root.U_E9tW_loading {
    --search-primary: var(--semantic-search-text-primary-loading);
    --search-background: var(--semantic-search-background-surface-loading);
    --search-icon: var(--semantic-search-icon-secondary-loading);
    --search-action: var(--semantic-search-icon-action-secondary-loading);
  }

  .U_E9tW_root[data-disabled] {
    --search-primary: var(--semantic-input-text-disabled);
    --search-secondary: var(--semantic-input-text-disabled);
    --search-icon: var(--semantic-input-icon-disabled);
    --search-action: var(--semantic-input-icon-disabled);
  }

  .U_E9tW_root .U_E9tW_control {
    min-block-size: var(--component-search-size-small-height);
    padding: var(--spacing-8) var(--spacing-12);
    gap: var(--spacing-8);
    background: var(--search-background);
    position: relative;
  }

  .U_E9tW_root .U_E9tW_control:has(.U_E9tW_input:focus-visible) {
    outline-color: var(--semantic-search-border-focused);
  }

  .U_E9tW_root:has(.U_E9tW_input:not(:placeholder-shown)) .U_E9tW_control {
    padding-inline-end: var(--component-search-size-small-height);
  }

  .U_E9tW_root:has(.U_E9tW_input:placeholder-shown) .U_E9tW_clear {
    display: none;
  }

  .U_E9tW_root .U_E9tW_input {
    color: var(--search-primary);
    caret-color: var(--semantic-search-icon-cursor-focused);
  }

  .U_E9tW_root .U_E9tW_input::placeholder {
    color: var(--search-secondary);
  }

  .U_E9tW_root .U_E9tW_input::-webkit-search-cancel-button {
    appearance: none;
  }

  .U_E9tW_root .U_E9tW_input::-webkit-search-decoration {
    appearance: none;
  }

  .U_E9tW_glyph {
    background: currentColor;
    flex: none;
    block-size: 16px;
    inline-size: 16px;
    display: block;
  }

  .U_E9tW_magnifier {
    color: var(--search-icon);
    -webkit-mask: url("../media/search.07vov9xvfz84j.svg") center / 16px 16px no-repeat;
    mask: url("../media/search.07vov9xvfz84j.svg") center / 16px 16px no-repeat;
  }

  .U_E9tW_loader {
    color: var(--search-icon);
    animation: 1s linear infinite U_E9tW_spin;
    -webkit-mask: url("../media/loader.3eh83hj-mmwad.svg") center / 16px 16px no-repeat;
    mask: url("../media/loader.3eh83hj-mmwad.svg") center / 16px 16px no-repeat;
  }

  .U_E9tW_close {
    -webkit-mask: url("../media/close.40df1d00mmxg4.svg") center / 16px 16px no-repeat;
    mask: url("../media/close.40df1d00mmxg4.svg") center / 16px 16px no-repeat;
  }

  .U_E9tW_clear {
    min-inline-size: var(--component-search-size-small-height);
    min-block-size: var(--component-search-size-small-height);
    border-radius: var(--radius-8);
    color: var(--search-action);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }

  .U_E9tW_clear:focus-visible {
    outline: var(--border-2) solid
        var(--semantic-search-border-action-secondary-filled);
    outline-offset: calc(-1 * var(--border-2));
  }

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

  @keyframes U_E9tW_spin {
    to {
      transform: rotate(1turn);
    }
  }

  .YEVF6q_plug {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-32);
    padding: var(--spacing-32) var(--spacing-16);
    color: var(--semantic-plug-text-primary-default);
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .YEVF6q_info {
    align-items: center;
    gap: var(--spacing-32);
    flex-direction: column;
    inline-size: 100%;
    display: flex;
  }

  .YEVF6q_illustration {
    aspect-ratio: 1;
    inline-size: 196px;
    max-inline-size: 100%;
  }

  .YEVF6q_illustration > :is(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
    display: block;
  }

  .YEVF6q_text {
    gap: var(--spacing-8);
    overflow-wrap: anywhere;
    flex-direction: column;
    inline-size: 560px;
    max-inline-size: 100%;
    display: flex;
  }

  .YEVF6q_title {
    font-family: var(--typography-semantic-inter-heading-bold-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-heading-bold-compact-size);
    font-weight: var(--typography-semantic-inter-heading-bold-compact-weight);
    line-height: var(--typography-semantic-inter-heading-bold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-heading-bold-compact-letter-spacing);
    margin: 0;
  }

  .YEVF6q_description {
    color: var(--semantic-plug-text-secondary-default);
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    margin: 0;
  }

  .SPoywG_root {
    min-inline-size: 0;
  }

  .SPoywG_list {
    --tabs-surface: var(--semantic-tab-background-surface-default);
    --tabs-selected: var(--semantic-tab-background-selected-default);
    --tabs-primary: var(--semantic-tab-text-primary-default);
    --tabs-secondary: var(--semantic-tab-text-secondary-default);
    --tabs-icon: var(--semantic-tab-icon-secondary-default);
    box-sizing: border-box;
    gap: var(--spacing-4);
    min-block-size: var(--component-tab-size-default-height);
    padding: var(--spacing-4);
    border-radius: var(--radius-8);
    background: var(--tabs-surface);
    display: flex;
  }

  @media (hover: hover) {
    .SPoywG_list:hover {
      --tabs-surface: var(--semantic-tab-background-surface-hover);
      --tabs-selected: var(--semantic-tab-background-selected-hover);
      --tabs-primary: var(--semantic-tab-text-primary-hover);
      --tabs-secondary: var(--semantic-tab-text-secondary-hover);
      --tabs-icon: var(--semantic-tab-icon-secondary-hover);
    }
  }

  .SPoywG_list:has(.SPoywG_tab:active:not([data-disabled])) {
    --tabs-surface: var(--semantic-tab-background-surface-pressed);
    --tabs-selected: var(--semantic-tab-background-selected-pressed);
    --tabs-primary: var(--semantic-tab-text-primary-pressed);
    --tabs-secondary: var(--semantic-tab-text-secondary-pressed);
    --tabs-icon: var(--semantic-tab-icon-secondary-pressed);
  }

  .SPoywG_list[data-orientation="vertical"] {
    flex-direction: column;
  }

  .SPoywG_tab {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8);
    min-inline-size: 0;
    min-block-size: calc(var(--component-tab-size-default-height) - 2 * var(--spacing-4));
    padding: var(--spacing-4) var(--spacing-12);
    border-radius: var(--radius-4);
    color: var(--tabs-secondary);
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    border: 0;
    flex: 1 1 0;
    margin: 0;
    display: flex;
  }

  .SPoywG_tab[data-active] {
    background: var(--tabs-selected);
    color: var(--tabs-primary);
  }

  .SPoywG_tab[data-disabled] {
    opacity: .5;
    cursor: not-allowed;
  }

  .SPoywG_tab:focus-visible {
    outline: var(--border-2) solid var(--tabs-primary);
    outline-offset: var(--border-1);
  }

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

  .SPoywG_icon {
    inline-size: var(--component-icon-size-sm);
    block-size: var(--component-icon-size-sm);
    color: var(--tabs-icon);
    flex: none;
    display: inline-flex;
  }

  .SPoywG_icon > * {
    block-size: 100%;
    inline-size: 100%;
  }

  .SPoywG_panel {
    color: var(--semantic-tab-text-primary-default);
  }

  .SPoywG_panel[hidden] {
    display: none;
  }

  .SPoywG_panel:focus-visible {
    outline: var(--border-2) solid var(--semantic-tab-text-primary-default);
    outline-offset: var(--border-1);
  }

  .poGzfW_root {
    inline-size: 304px;
    max-inline-size: 100%;
  }

  .poGzfW_trigger {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-12);
    inline-size: 100%;
    min-block-size: var(--component-menu-size-medium-height);
    padding: var(--spacing-8) var(--spacing-20);
    color: var(--semantic-menu-text-primary-normal);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-semibold-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-semibold-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-semibold-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-semibold-comfortable-letter-spacing);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    display: flex;
  }

  .poGzfW_trigger[data-variant="organization"] {
    font-family: var(--typography-semantic-inter-label-bold-default-family), sans-serif;
    font-size: var(--typography-semantic-inter-label-bold-default-size);
    font-weight: var(--typography-semantic-inter-label-bold-default-weight);
    line-height: var(--typography-semantic-inter-label-bold-default-line-height);
    letter-spacing: var(--typography-semantic-inter-label-bold-default-letter-spacing);
  }

  @media (hover: hover) {
    .poGzfW_trigger:hover:not([data-disabled], [data-active]) {
      background: var(--semantic-menu-background-surface-hover);
      color: var(--semantic-menu-text-primary-hover);
    }

    .poGzfW_trigger:hover:not([data-disabled], [data-active]) .poGzfW_leading, .poGzfW_trigger:hover:not([data-disabled], [data-active]) .poGzfW_trailing {
      color: var(--semantic-menu-icon-secondary-hover);
    }
  }

  .poGzfW_trigger[data-active] {
    background: var(--semantic-menu-background-active);
    color: var(--semantic-menu-text-active);
  }

  .poGzfW_trigger[data-active] .poGzfW_leading, .poGzfW_trigger[data-active] .poGzfW_trailing {
    color: var(--semantic-menu-icon-active);
  }

  .poGzfW_trigger[data-panel-open] .poGzfW_chevron {
    transform: rotate(180deg);
  }

  .poGzfW_trigger:focus-visible {
    outline: var(--border-2) solid currentColor;
    outline-offset: calc(-1 * var(--border-2));
  }

  .poGzfW_trigger[data-disabled] {
    opacity: .5;
    cursor: not-allowed;
  }

  .poGzfW_leading {
    flex: 0 0 var(--component-icon-size-md);
    color: var(--semantic-menu-icon-secondary-normal);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .poGzfW_avatar {
    object-fit: cover;
    outline: 1px solid var(--dolma-ui-avatar-border);
    outline-offset: -1px;
    border-radius: 50%;
  }

  .poGzfW_label {
    overflow-wrap: anywhere;
    flex: 1;
    min-inline-size: 0;
  }

  .poGzfW_trailing {
    flex: 0 0 var(--component-icon-size-sm);
    color: var(--semantic-menu-icon-secondary-normal);
    display: flex;
  }

  .poGzfW_expand {
    background: currentColor;
    block-size: 16px;
    inline-size: 16px;
    -webkit-mask: url("../media/expand.2i41-irbpu0f4.svg") center / contain no-repeat;
    mask: url("../media/expand.2i41-irbpu0f4.svg") center / contain no-repeat;
  }

  .pD4WvW_item {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-12);
    inline-size: 100%;
    min-block-size: var(--component-submenu-size-default-height);
    padding: var(--spacing-6) var(--spacing-20) var(--spacing-6)
      calc(var(--spacing-20) + var(--component-icon-size-md) + var(--spacing-12));
    color: var(--semantic-submenu-text-secondary-normal);
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    text-decoration: none;
    display: flex;
  }

  @media (hover: hover) {
    .pD4WvW_item:hover:not([data-disabled], [data-active]) {
      background: var(--semantic-submenu-background-surface-hover);
      color: var(--semantic-submenu-text-secondary-hover);
    }
  }

  .pD4WvW_item[data-active] {
    background: var(--semantic-submenu-background-active);
    color: var(--semantic-submenu-text-active);
  }

  .pD4WvW_item:focus-visible {
    outline: var(--border-2) solid currentColor;
    outline-offset: calc(-1 * var(--border-2));
  }

  .pD4WvW_item[data-disabled] {
    opacity: .5;
    cursor: not-allowed;
  }

  .pD4WvW_label {
    overflow-wrap: anywhere;
    flex: 1;
    min-inline-size: 0;
  }

  .pD4WvW_count {
    text-align: end;
    flex-shrink: 0;
  }

  .NXs_yW_root {
    gap: var(--spacing-6);
    flex-direction: column;
    inline-size: 368px;
    max-inline-size: 100%;
    display: flex;
  }

  .NXs_yW_label {
    color: var(--semantic-select-text-primary-default);
    font: var(--typography-semantic-inter-label-semibold-compact-weight)
        var(--typography-semantic-inter-label-semibold-compact-size) /
        var(--typography-semantic-inter-label-semibold-compact-line-height)
        var(--typography-semantic-inter-label-semibold-compact-family),
      sans-serif;
  }

  .NXs_yW_trigger, .NXs_yW_popup {
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
  }

  .NXs_yW_trigger {
    --select-background: var(--semantic-select-background-surface-default);
    --select-text: var(--semantic-select-text-primary-filled);
    --select-icon: var(--semantic-select-icon-secondary-default);
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-16);
    inline-size: 100%;
    min-block-size: var(--component-select-size-default-height);
    padding: var(--spacing-8) var(--spacing-16);
    border-radius: var(--radius-8);
    background: var(--select-background);
    color: var(--select-text);
    text-align: start;
    cursor: pointer;
    border: 0;
    margin: 0;
    display: flex;
  }

  .NXs_yW_trigger[data-placeholder] {
    --select-text: var(--semantic-select-text-secondary-default);
  }

  @media (hover: hover) {
    .NXs_yW_trigger:hover:not([data-disabled]) {
      --select-background: var(--semantic-select-background-surface-hover);
      --select-text: var(--semantic-select-text-primary-hover);
      --select-icon: var(--semantic-select-icon-secondary-hover);
    }
  }

  .NXs_yW_trigger:focus-visible, .NXs_yW_trigger[data-popup-open] {
    --select-background: var(--semantic-select-background-surface-focused);
    --select-text: var(--semantic-select-text-primary-focused);
    --select-icon: var(--semantic-select-icon-secondary-focused);
  }

  .NXs_yW_trigger:focus-visible {
    outline: var(--border-2) solid var(--semantic-select-border-focused);
    outline-offset: var(--border-2);
  }

  .NXs_yW_trigger[data-popup-open] .NXs_yW_chevron {
    transform: rotate(180deg);
  }

  .NXs_yW_trigger[data-disabled] {
    --select-background: var(--semantic-select-background-surface-disabled);
    --select-text: var(--semantic-select-text-disabled);
    --select-icon: var(--semantic-select-icon-disabled);
    cursor: not-allowed;
  }

  .NXs_yW_trigger[data-disabled] .NXs_yW_chevron {
    visibility: hidden;
  }

  .NXs_yW_value {
    align-items: center;
    gap: var(--spacing-12);
    flex: 1;
    min-inline-size: 0;
    display: flex;
  }

  .NXs_yW_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-inline-size: 0;
    overflow: hidden;
  }

  .NXs_yW_avatar {
    object-fit: cover;
    outline: .6px solid var(--dolma-ui-avatar-border);
    outline-offset: -.6px;
    border-radius: 50%;
    flex: none;
  }

  .NXs_yW_chevron {
    color: var(--select-icon);
    flex: none;
    display: flex;
  }

  .NXs_yW_arrow {
    background: currentColor;
    block-size: 16px;
    inline-size: 16px;
    -webkit-mask: url("../media/chevron.1r2u0wc--l7t1.svg") center / contain no-repeat;
    mask: url("../media/chevron.1r2u0wc--l7t1.svg") center / contain no-repeat;
  }

  .NXs_yW_positioner {
    z-index: 50;
    max-inline-size: var(--available-width);
  }

  .NXs_yW_popup {
    box-sizing: border-box;
    inline-size: var(--anchor-width);
    max-inline-size: var(--available-width);
    border: var(--border-1) solid var(--semantic-select-border-default);
    border-radius: var(--radius-8);
    background: var(--semantic-select-background-canvas);
    color: var(--semantic-dropdown-text-primary-default);
    overflow: hidden;
  }

  .NXs_yW_list {
    max-block-size: min(320px, var(--available-height));
    overflow-block: auto;
    overscroll-behavior: contain;
    padding-block: var(--spacing-4);
  }

  .NXs_yW_item {
    align-items: center;
    gap: var(--spacing-12);
    min-block-size: var(--component-dropdown-size-default-height);
    padding: var(--spacing-8) var(--spacing-16);
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    display: flex;
  }

  .NXs_yW_item[data-selected], .NXs_yW_item[data-highlighted] {
    background: var(--semantic-dropdown-background-surface-default);
  }

  .NXs_yW_item[data-highlighted] {
    outline: var(--border-2) solid var(--semantic-select-border-focused);
    outline-offset: calc(-1 * var(--border-2));
  }

  .NXs_yW_item[data-disabled] {
    color: var(--semantic-select-text-disabled);
    cursor: not-allowed;
  }

  .NXs_yW_indicator {
    color: var(--semantic-dropdown-icon-secondary-default);
    flex: none;
    display: flex;
  }

  .rCRVjW_banner {
    box-sizing: border-box;
    align-items: center;
    gap: var(--spacing-16);
    padding: var(--spacing-12) var(--spacing-20);
    border-radius: var(--radius-8);
    background: var(--semantic-banner-background-surface-default);
    color: var(--semantic-banner-text-primary-default);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-semibold-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-semibold-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-semibold-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-semibold-comfortable-letter-spacing);
    flex-wrap: wrap;
    display: flex;
  }

  .rCRVjW_content {
    align-items: center;
    gap: var(--spacing-16);
    flex: 400px;
    min-inline-size: 0;
    display: flex;
  }

  .rCRVjW_visual {
    flex: none;
    block-size: 40px;
    inline-size: 40px;
    display: inline-flex;
  }

  .rCRVjW_visual > :is(img, svg) {
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%;
  }

  .rCRVjW_text {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    min-block-size: 46px;
    min-inline-size: 0;
    display: flex;
  }

  .rCRVjW_title {
    overflow-wrap: anywhere;
  }

  .rCRVjW_description {
    color: var(--semantic-banner-text-secondary-default);
    font-family: var(--typography-semantic-inter-body-regular-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-compact-size);
    font-weight: var(--typography-semantic-inter-body-regular-compact-weight);
    line-height: var(--typography-semantic-inter-body-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-compact-letter-spacing);
    overflow-wrap: anywhere;
  }

  .rCRVjW_actions {
    align-items: center;
    gap: var(--spacing-8);
    flex-wrap: wrap;
    max-inline-size: 100%;
    margin-inline-start: auto;
    display: flex;
  }

  .rCRVjW_action {
    box-sizing: border-box;
    min-block-size: 40px;
    max-inline-size: 100%;
    padding: 0 var(--spacing-16);
    border-radius: var(--radius-8);
    background: var(--semantic-banner-background-action-primary-default);
    color: var(--semantic-banner-text-action-primary-default);
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .rCRVjW_action[data-secondary] {
    background: var(--semantic-banner-background-action-secondary-default);
    color: var(--semantic-banner-text-action-secondary-default);
  }

  .rCRVjW_action[data-disabled] {
    opacity: .5;
    cursor: default;
  }

  @media (hover: hover) {
    .rCRVjW_action:hover:not([data-disabled]) {
      text-decoration: underline;
    }
  }

  .rCRVjW_action:active:not([data-disabled]) {
    opacity: .8;
  }

  .rCRVjW_actionLabel {
    padding-inline: var(--spacing-4);
    overflow-wrap: anywhere;
  }

  .rCRVjW_close {
    border-radius: var(--radius-4);
    block-size: 24px;
    inline-size: 24px;
    color: var(--semantic-banner-icon-secondary-default);
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .rCRVjW_close > span {
    background: currentColor;
    block-size: 24px;
    inline-size: 24px;
    -webkit-mask: url("../media/close.459a9r5h88-3k.svg") center / contain no-repeat;
    mask: url("../media/close.459a9r5h88-3k.svg") center / contain no-repeat;
  }

  @media (hover: hover) {
    .rCRVjW_close:hover {
      color: var(--semantic-banner-text-primary-default);
    }
  }

  .TsHgXG_root {
    --textarea-primary: var(--semantic-textarea-text-primary-placeholder);
    --textarea-secondary: var(--semantic-textarea-text-secondary-placeholder);
    --textarea-background: var(--semantic-textarea-background-surface-placeholder);
    gap: var(--spacing-6);
    inline-size: 320px;
    max-inline-size: 100%;
    font-family: var(--typography-semantic-inter-body-regular-comfortable-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-body-regular-comfortable-size);
    font-weight: var(--typography-semantic-inter-body-regular-comfortable-weight);
    line-height: var(--typography-semantic-inter-body-regular-comfortable-line-height);
    letter-spacing: var(--typography-semantic-inter-body-regular-comfortable-letter-spacing);
    flex-direction: column;
    display: flex;
  }

  .TsHgXG_root[data-filled] {
    --textarea-primary: var(--semantic-textarea-text-primary-filled);
    --textarea-secondary: var(--semantic-textarea-text-secondary-filled);
    --textarea-background: var(--semantic-textarea-background-surface-filled);
  }

  @media (hover: hover) {
    .TsHgXG_root:not([data-disabled]):has(.TsHgXG_textarea:hover) {
      --textarea-primary: var(--semantic-textarea-text-primary-hover);
      --textarea-secondary: var(--semantic-textarea-text-secondary-hover);
      --textarea-background: var(--semantic-textarea-background-surface-hover);
    }
  }

  .TsHgXG_root[data-focused] {
    --textarea-primary: var(--semantic-textarea-text-primary-focused);
    --textarea-secondary: var(--semantic-textarea-text-secondary-focused);
    --textarea-background: var(--semantic-textarea-background-surface-focused);
  }

  .TsHgXG_root[data-invalid] {
    --textarea-primary: var(--semantic-textarea-text-primary-error);
    --textarea-secondary: var(--semantic-textarea-text-secondary-placeholder);
    --textarea-background: var(--semantic-textarea-background-surface-error);
  }

  .TsHgXG_root[data-disabled] {
    --textarea-primary: var(--semantic-textarea-text-disabled);
    --textarea-secondary: var(--semantic-textarea-text-disabled);
    --textarea-background: var(--semantic-textarea-background-surface-disabled);
  }

  .TsHgXG_root[data-invalid]:not([data-disabled]) .TsHgXG_textarea {
    color: var(--semantic-textarea-text-error-error);
  }

  .TsHgXG_label {
    color: var(--textarea-primary);
    font-family: var(--typography-semantic-inter-label-semibold-compact-family), sans-serif;
    font-size: var(--typography-semantic-inter-label-semibold-compact-size);
    font-weight: var(--typography-semantic-inter-label-semibold-compact-weight);
    line-height: var(--typography-semantic-inter-label-semibold-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-label-semibold-compact-letter-spacing);
  }

  .TsHgXG_textarea {
    box-sizing: border-box;
    block-size: 88px;
    min-block-size: 88px;
    inline-size: 100%;
    min-inline-size: 0;
    padding: var(--spacing-8) var(--spacing-16);
    border-radius: var(--radius-8);
    background: var(--textarea-background);
    color: var(--textarea-primary);
    caret-color: var(--semantic-textarea-icon-cursor-focused);
    font: inherit;
    letter-spacing: inherit;
    resize: block;
    border: 0;
    margin: 0;
    display: block;
  }

  .TsHgXG_textarea::placeholder {
    color: var(--textarea-secondary);
    opacity: 1;
  }

  .TsHgXG_textarea:focus-visible {
    outline: var(--border-2) solid var(--textarea-primary);
    outline-offset: var(--border-2);
  }

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

  .TsHgXG_hint, .TsHgXG_error {
    overflow-wrap: anywhere;
    color: var(--textarea-secondary);
    font-family: var(--typography-semantic-inter-caption-regular-compact-family),
      sans-serif;
    font-size: var(--typography-semantic-inter-caption-regular-compact-size);
    font-weight: var(--typography-semantic-inter-caption-regular-compact-weight);
    line-height: var(--typography-semantic-inter-caption-regular-compact-line-height);
    letter-spacing: var(--typography-semantic-inter-caption-regular-compact-letter-spacing);
    margin: 0;
    padding-inline-start: var(--spacing-16);
  }

  .TsHgXG_error {
    color: var(--semantic-textarea-text-error-error);
  }

  ._3FAm8G_root {
    box-sizing: border-box;
    inline-size: var(--dolma-ui-sidebar-width);
    background: var(--dolma-ui-sidebar-background);
    min-block-size: 0;
    max-inline-size: 100%;
    color: var(--semantic-menu-text-primary-normal);
    flex-direction: column;
    display: flex;
  }

  ._3FAm8G_header {
    flex: none;
    padding-block-start: var(--spacing-16);
  }

  ._3FAm8G_search {
    padding: var(--spacing-12) var(--spacing-20);
    flex: none;
  }

  ._3FAm8G_search > * {
    --semantic-search-background-surface-default: var(--dolma-ui-sidebar-search-background);
    --radius-8: 12px;
    --semantic-search-text-secondary-default: var(--dolma-ui-sidebar-search-placeholder);
    --semantic-search-icon-secondary-default: var(--dolma-ui-sidebar-search-placeholder);
    inline-size: 100%;
  }

  ._3FAm8G_navigation {
    gap: var(--spacing-4);
    overscroll-behavior: contain;
    flex-direction: column;
    flex: auto;
    min-block-size: 0;
    display: flex;
    overflow: auto;
  }

  ._3FAm8G_bottom {
    flex: none;
    margin-block-start: auto;
    position: relative;
  }

  ._3FAm8G_bottom:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(to bottom,
      transparent,
      var(--dolma-ui-sidebar-background));
    block-size: 60px;
    position: absolute;
    inset-block-end: 100%;
    inset-inline: 0;
  }

  ._3FAm8G_footer {
    gap: var(--spacing-4);
    flex-direction: column;
    padding-block-end: 9px;
    display: flex;
  }

  ._3FAm8G_profile {
    border-block-start: var(--border-1) solid var(--dolma-ui-sidebar-border);
    border-inline-start: var(--border-1) solid var(--dolma-ui-sidebar-border);
    border-start-start-radius: var(--radius-16);
    border-start-end-radius: var(--radius-16);
    align-items: center;
    min-block-size: 60px;
    display: flex;
  }

  ._3FAm8G_item {
    padding: var(--spacing-8) var(--spacing-20);
    min-block-size: var(--component-menu-size-medium-height);
    color: var(--semantic-menu-text-primary-normal);
    letter-spacing: -.24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
  }

  ._3FAm8G_item ._3FAm8G_row {
    align-items: center;
    gap: var(--spacing-12);
    display: flex;
  }

  ._3FAm8G_item ._3FAm8G_label {
    align-items: center;
    gap: var(--spacing-12);
    overflow-wrap: anywhere;
    flex: 1;
    min-inline-size: 0;
    display: flex;
  }

  ._3FAm8G_icon {
    flex: 0 0 var(--component-icon-size-md);
    block-size: var(--component-icon-size-md);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  ._3FAm8G_icon img {
    display: block;
  }

  ._3FAm8G_organization {
    letter-spacing: -.41px;
    flex: 1;
    font-family: Russo One, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
  }

  ._3FAm8G_switch {
    background: var(--dolma-ui-sidebar-switch-icon);
    flex: 0 0 16px;
    block-size: 16px;
    margin-inline-start: auto;
    -webkit-mask: url("../media/switch.2ccgls5848qcg.svg") center no-repeat;
    mask: url("../media/switch.2ccgls5848qcg.svg") center no-repeat;
  }

  ._3FAm8G_item[data-popup-open] ._3FAm8G_switch {
    transform: rotate(180deg);
  }

  ._3FAm8G_badge {
    padding-inline: var(--spacing-8);
    block-size: var(--component-badge-size-height);
  }

  .B4Mbha_trigger[data-popup-open] {
    background: var(--dolma-ui-sidebar-company-background);
  }

  .B4Mbha_positioner {
    z-index: 1;
    max-inline-size: var(--available-width);
  }

  .B4Mbha_popup {
    box-sizing: border-box;
    inline-size: calc(var(--anchor-width) - var(--spacing-16));
    max-inline-size: var(--available-width);
    max-block-size: var(--available-height);
    overscroll-behavior: contain;
    padding-block: var(--spacing-4);
    border-radius: var(--radius-8);
    background: var(--dolma-ui-sidebar-company-background);
    outline: 0;
    overflow: auto;
  }

  .B4Mbha_popup:focus-visible:not(:has(.B4Mbha_option)) {
    outline: var(--border-2) solid var(--semantic-menu-text-primary-normal);
  }

  .B4Mbha_option {
    padding-inline: var(--spacing-12);
  }

  .B4Mbha_option[data-highlighted] {
    background: var(--semantic-menu-background-surface-hover);
    outline: var(--border-2) solid currentColor;
    outline-offset: calc(-1 * var(--border-2));
  }

  .B4Mbha_option img {
    display: block;
  }

  .B4Mbha_add {
    background: currentColor;
    block-size: 19.5px;
    inline-size: 19.5px;
    -webkit-mask: url("../media/add.15q2op6nrgouq.svg") center no-repeat;
    mask: url("../media/add.15q2op6nrgouq.svg") center no-repeat;
  }

  .B4Mbha_create {
    color: var(--dolma-ui-sidebar-company-secondary);
  }

  .iPgpyW_positioner {
    z-index: 50;
    max-inline-size: var(--available-width);
  }

  .iPgpyW_panel {
    box-sizing: border-box;
    inline-size: 338px;
    max-inline-size: min(100vw, var(--available-width, 100vw));
    max-block-size: var(--available-height, none);
    border-radius: var(--radius-12);
    background: var(--dolma-ui-date-range-background);
    color: var(--dolma-ui-date-range-text);
    box-shadow: 0 24px 24px var(--dolma-ui-date-range-shadow);
    font-family: var(--typography-semantic-inter-body-semibold-comfortable-family),
      sans-serif;
    letter-spacing: -.24px;
    font-size: 15px;
    line-height: 24px;
    overflow: auto;
  }

  .iPgpyW_body {
    flex-direction: column;
    gap: 12px;
    padding: 20px 29px 23px;
    display: flex;
  }

  .iPgpyW_header {
    justify-content: space-between;
    align-items: center;
    block-size: 21px;
    display: flex;
  }

  .iPgpyW_title {
    letter-spacing: -.41px;
    text-transform: capitalize;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
  }

  .iPgpyW_navigation {
    block-size: 28px;
    inline-size: 24px;
    color: var(--dolma-ui-date-range-secondary);
    cursor: pointer;
    border-radius: var(--radius-8);
    background: none;
    border: 0;
    place-items: center;
    margin-inline: -4px;
    padding: 0;
    display: grid;
  }

  .iPgpyW_inputs {
    gap: 12px;
    display: flex;
  }

  .iPgpyW_input {
    box-sizing: border-box;
    border-radius: var(--radius-8);
    background: var(--dolma-ui-date-range-input);
    block-size: 40px;
    inline-size: 50%;
    min-inline-size: 0;
    color: inherit;
    border: 0;
    padding: 8px 14px;
    font: 400 16px / 24px Inter, sans-serif;
    box-shadow: 0 1px 2px #1018280d;
  }

  .iPgpyW_input::placeholder {
    color: var(--dolma-ui-date-range-secondary);
    font-size: 12px;
  }

  .iPgpyW_calendar {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 4px;
    inline-size: 100%;
    margin-block: -4px;
  }

  .iPgpyW_calendar th, .iPgpyW_calendar td {
    text-align: center;
    block-size: 40px;
    padding: 0;
  }

  .iPgpyW_calendar th {
    text-transform: capitalize;
    font-weight: 600;
  }

  .iPgpyW_day {
    isolation: isolate;
    block-size: 40px;
    inline-size: 100%;
    color: var(--dolma-ui-date-range-secondary);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 50%;
    place-items: center;
    padding: 0;
    display: grid;
    position: relative;
  }

  .iPgpyW_day > span {
    border-radius: 50%;
    place-items: center;
    block-size: 100%;
    inline-size: 100%;
    display: grid;
    position: relative;
  }

  .iPgpyW_day[data-outside] {
    color: var(--dolma-ui-date-range-text);
    opacity: var(--opacity-date-range-outside);
  }

  .iPgpyW_day[data-range] {
    color: var(--dolma-ui-date-range-text);
    opacity: 1;
    font-weight: 600;
  }

  .iPgpyW_day[data-range] > span {
    background: var(--dolma-ui-date-range-selection);
  }

  .iPgpyW_day[data-before]:before, .iPgpyW_day[data-after]:after {
    content: "";
    background: var(--dolma-ui-date-range-selection);
    z-index: -1;
    inline-size: 50%;
    position: absolute;
    inset-block: 0;
  }

  .iPgpyW_day[data-before]:before {
    inset-inline-start: 0;
  }

  .iPgpyW_day[data-after]:after {
    inset-inline-end: 0;
  }

  .iPgpyW_day[data-endpoint] {
    color: var(--dolma-ui-date-range-action-text);
    opacity: 1;
    font-weight: 600;
  }

  .iPgpyW_day[data-endpoint] > span {
    background: var(--dolma-ui-date-range-action);
  }

  @media (hover: hover) {
    .iPgpyW_day:hover:not(:disabled):not([data-endpoint]) > span {
      background: var(--dolma-ui-date-range-selection);
    }
  }

  .iPgpyW_footer {
    background: var(--dolma-ui-date-range-footer);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    display: flex;
  }

  .iPgpyW_close, .iPgpyW_apply {
    border-radius: var(--radius-8);
    letter-spacing: -.24px;
    cursor: pointer;
    border: 0;
    min-block-size: 40px;
    font: 600 15px / 24px Inter, sans-serif;
  }

  .iPgpyW_close {
    color: inherit;
    background: none;
    padding: 0 4px;
  }

  .iPgpyW_apply {
    background: var(--dolma-ui-date-range-action);
    color: var(--dolma-ui-date-range-action-text);
    padding: 8px 24px;
  }

  .iPgpyW_error {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
  }

  .iPgpyW_panel :is(button, input):disabled {
    cursor: default;
    opacity: .35;
  }

  @media (max-width: 360px) {
    .iPgpyW_body {
      padding-inline: 16px;
    }
  }

  .IekdFa_scrollArea {
    box-sizing: border-box;
    border: var(--border-1) solid var(--dolma-ui-table-border);
    border-radius: var(--radius-12);
    background: var(--dolma-ui-table-background);
    max-inline-size: 100%;
    overflow: auto;
  }

  .IekdFa_scrollArea:focus-visible {
    outline: var(--border-2) solid var(--semantic-text-primary);
    outline-offset: 2px;
  }

  .IekdFa_table {
    border-collapse: separate;
    border-spacing: 0;
    inline-size: 100%;
    color: var(--semantic-text-primary);
    font-family: var(--typography-semantic-inter-body-regular-md-family), sans-serif;
    font-size: var(--dolma-ui-table-font-size);
    font-weight: 400;
    line-height: var(--dolma-ui-table-line-height);
    text-align: start;
  }

  .IekdFa_table[data-size="sm"] {
    --table-cell-height: var(--component-cell-size-small-height);
  }

  .IekdFa_table[data-size="xs"] {
    --table-cell-height: var(--component-cell-size-x-small-height);
  }

  .IekdFa_table[data-size] :is(.IekdFa_headerCell, .IekdFa_cell) {
    block-size: var(--table-cell-height);
    padding-block: var(--spacing-8);
    vertical-align: middle;
  }

  .IekdFa_headerCell, .IekdFa_cell {
    box-sizing: border-box;
    padding-inline: var(--dolma-ui-table-column-gap) 0;
    text-align: start;
  }

  :is(.IekdFa_headerCell, .IekdFa_cell):first-child {
    padding-inline-start: var(--spacing-24);
  }

  :is(.IekdFa_headerCell, .IekdFa_cell):last-child {
    padding-inline-end: var(--spacing-24);
  }

  .IekdFa_headerCell {
    padding-block: var(--dolma-ui-table-header-padding);
    border-block-end: var(--border-1) solid var(--dolma-ui-table-border);
    color: var(--dolma-ui-table-text-secondary);
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 600;
  }

  .IekdFa_cell {
    padding-block: var(--dolma-ui-table-row-padding);
    vertical-align: top;
    overflow-wrap: anywhere;
  }

  .IekdFa_cell[data-nowrap] {
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .IekdFa_cell[data-tone="muted"] {
    color: var(--dolma-ui-table-text-secondary);
  }

  .IekdFa_cell[data-tone="positive"] {
    color: var(--semantic-alert-content-success);
  }

  .IekdFa_cell[data-tone="negative"] {
    color: var(--semantic-alert-content-danger);
  }

  .IekdFa_row[data-selected] {
    background: var(--semantic-dropdown-background-surface-default);
  }

  .IekdFa_caption {
    padding: var(--spacing-24);
    text-align: start;
  }

  .IekdFa_visuallyHidden {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

@layer dolma-ui.accessibility {
  .Me2MsG_button:focus-visible {
    outline: var(--border-2-5) solid var(--semantic-button-text-primary-default);
    outline-offset: var(--spacing-4);
  }

  @media (prefers-reduced-motion: reduce) {
    .Me2MsG_spinner {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .Me2MsG_button {
      color: buttontext;
      border: var(--border-1) solid ButtonText;
      --button-icon: ButtonText;
      --button-content-opacity: 1;
      background: buttonface;
    }

    .Me2MsG_button[data-disabled] {
      color: graytext;
      --button-icon: GrayText;
    }

    .Me2MsG_button:focus-visible {
      outline-color: highlight;
    }
  }

  .cKBrrW_popup:focus-visible {
    outline: 2px solid var(--semantic-modal-text-primary-default);
    outline-offset: 2px;
  }

  @media (forced-colors: active) {
    .cKBrrW_popup {
      color: canvastext;
      background: canvas;
      outline: 1px solid canvastext;
    }

    .QSywcq_control {
      color: highlighttext;
    }

    .QSywcq_control:before {
      background: canvas;
      border-color: buttontext;
    }

    .QSywcq_control:is([data-checked], [data-indeterminate]):before {
      background: highlight;
    }

    .QSywcq_control[data-disabled]:before {
      border-color: graytext;
    }

    .QSywcq_control:focus-visible {
      outline-color: highlight;
    }

    .QSywcq_dot {
      background: highlighttext;
    }

    .H0lncW_control {
      outline: var(--border-1) solid ButtonText;
      background: canvas;
    }

    .H0lncW_control[data-checked] {
      background: highlight;
    }

    .H0lncW_control[data-disabled] {
      background: canvas;
      outline-color: graytext;
    }

    .H0lncW_control:focus-visible {
      outline: var(--border-2-5) solid Highlight;
    }

    .H0lncW_thumb {
      background: buttontext;
    }

    .H0lncW_thumb[data-checked] {
      background: highlighttext;
    }

    .H0lncW_thumb[data-disabled] {
      background: graytext;
    }

    .H0lncW_label:has([data-disabled]) {
      color: graytext;
    }

    .HIwHHG_chip {
      border: var(--border-1) solid ButtonText;
      color: buttontext;
      background: buttonface;
    }

    .HIwHHG_chip[data-pressed] {
      color: highlighttext;
      background: highlight;
      border-color: highlight;
    }

    .HIwHHG_chip[data-disabled] {
      color: graytext;
      border-color: graytext;
    }

    .HIwHHG_chip:focus-visible {
      outline-color: highlight;
    }

    .HIwHHG_chip .HIwHHG_counter {
      color: inherit;
    }

    .BLMLXq_counter {
      border: var(--border-1) solid CanvasText;
      color: canvastext;
      background: canvas;
    }

    .j39wBq_dot {
      forced-color-adjust: none;
      background: canvastext;
    }

    .JDPx1a_badge {
      border: var(--border-1) solid CanvasText;
      color: canvastext;
      background: canvas;
    }
  }

  .BIlzDq_tag:focus-visible {
    outline: var(--border-2) solid var(--semantic-tag-text-primary-default);
    outline-offset: var(--spacing-2);
  }

  @media (forced-colors: active) {
    .BIlzDq_tag {
      outline: var(--border-1) solid CanvasText;
      color: canvastext;
      background: canvas;
    }

    .BIlzDq_supportingText, .BIlzDq_icon {
      color: canvastext;
    }

    .BIlzDq_avatars > .BIlzDq_avatar {
      outline: var(--border-1) solid CanvasText;
    }
  }

  .gacjqa_edit:focus-visible {
    outline: 2px solid var(--semantic-text-primary);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    .gacjqa_loading img {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .gacjqa_picture {
      border: 1px solid canvastext;
    }

    .gacjqa_edit:focus-visible {
      outline-color: highlight;
    }

    .GUSkLG_alert {
      border: var(--border-1) solid CanvasText;
      color: canvastext;
      background: canvas;
    }

    .GUSkLG_icon {
      opacity: 1;
    }

    .GUSkLG_close {
      color: buttontext;
    }

    .GUSkLG_icon > span, .GUSkLG_arrow:before, .GUSkLG_close > span {
      forced-color-adjust: none;
      background: canvastext;
    }

    ._51Gx4G_item {
      border: 1px solid buttontext;
    }

    ._51Gx4G_item[data-pressed] {
      outline: 1px solid highlight;
    }

    ._51Gx4G_item[data-disabled] {
      color: graytext;
      opacity: 1;
    }

    ._51Gx4G_item:focus-visible {
      outline-color: highlight;
    }

    ._51Gx4G_check {
      background: buttontext;
    }

    .GmbcuW_popup {
      color: canvastext;
      background: canvas;
      outline: 1px solid canvastext;
    }

    .GmbcuW_arrow {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gq4BpW_spinner:before {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .gq4BpW_root {
      --file-input-primary: CanvasText;
      --file-input-secondary: CanvasText;
      --file-input-background: Canvas;
      --file-input-border: ButtonText;
      --file-input-icon: ButtonText;
    }

    .gq4BpW_icon:before {
      forced-color-adjust: none;
      background: buttontext;
    }

    .gq4BpW_root[data-disabled] {
      opacity: 1;
      --file-input-primary: GrayText;
      --file-input-secondary: GrayText;
    }

    .Ntmj1q_root {
      --text-input-primary: CanvasText;
      --text-input-secondary: CanvasText;
      --text-input-background: Canvas;
      --text-input-icon: CanvasText;
    }

    .Ntmj1q_control {
      border: var(--border-1) solid ButtonText;
    }

    .Ntmj1q_root[data-disabled] {
      --text-input-primary: GrayText;
      --text-input-secondary: GrayText;
      --text-input-icon: GrayText;
    }

    .Ntmj1q_root[data-invalid]:not([data-disabled]) .Ntmj1q_input, .Ntmj1q_root[data-invalid]:not([data-disabled]) .Ntmj1q_prefix {
      color: canvastext;
    }

    .Ntmj1q_error {
      color: canvastext;
    }

    .Ntmj1q_twitter, .Ntmj1q_help, .Ntmj1q_success {
      forced-color-adjust: none;
      background: canvastext;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .U_E9tW_loader {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .U_E9tW_root {
      --search-primary: CanvasText;
      --search-secondary: CanvasText;
      --search-background: Canvas;
      --search-icon: CanvasText;
      --search-action: ButtonText;
    }

    .U_E9tW_root[data-focused], .U_E9tW_root.U_E9tW_loading {
      --search-primary: CanvasText;
      --search-secondary: CanvasText;
      --search-background: Canvas;
      --search-icon: CanvasText;
      --search-action: ButtonText;
    }

    .U_E9tW_root:has(.U_E9tW_input:not(:placeholder-shown)) {
      --search-primary: CanvasText;
      --search-secondary: CanvasText;
      --search-background: Canvas;
      --search-icon: CanvasText;
      --search-action: ButtonText;
    }

    .U_E9tW_root[data-disabled] {
      --search-primary: GrayText;
      --search-secondary: GrayText;
      --search-icon: GrayText;
      --search-action: GrayText;
    }

    .U_E9tW_root .U_E9tW_control:has(.U_E9tW_input:focus-visible) {
      outline-color: highlight;
    }

    .U_E9tW_glyph {
      forced-color-adjust: none;
    }

    .U_E9tW_clear:focus-visible {
      outline-color: highlight;
    }

    .YEVF6q_plug, .YEVF6q_description {
      color: canvastext;
    }

    .YEVF6q_illustration {
      display: none;
    }

    .SPoywG_list {
      border: var(--border-1) solid ButtonText;
      background: canvas;
    }

    .SPoywG_tab {
      color: buttontext;
    }

    .SPoywG_tab[data-active] {
      color: highlighttext;
      forced-color-adjust: none;
      background: highlight;
    }

    .SPoywG_tab[data-disabled] {
      opacity: 1;
      color: graytext;
    }

    .SPoywG_tab:focus-visible {
      outline-color: highlight;
    }

    .SPoywG_icon {
      color: inherit;
    }

    .SPoywG_panel {
      color: canvastext;
    }

    .SPoywG_panel:focus-visible {
      outline-color: highlight;
    }

    .poGzfW_trigger[data-active] {
      color: highlighttext;
      background: highlight;
    }

    .poGzfW_trigger[data-active] .poGzfW_leading, .poGzfW_trigger[data-active] .poGzfW_trailing {
      color: highlighttext;
    }

    .poGzfW_trigger[data-disabled] {
      color: graytext;
      opacity: 1;
    }

    .poGzfW_trigger:focus-visible {
      outline-color: highlight;
    }

    .pD4WvW_item[data-active] {
      color: highlighttext;
      background: highlight;
    }

    .pD4WvW_item[data-disabled] {
      color: graytext;
      opacity: 1;
    }

    .pD4WvW_item:focus-visible {
      outline-color: highlight;
    }

    .NXs_yW_trigger {
      color: buttontext;
      background: buttonface;
      border: 1px solid buttontext;
    }

    .NXs_yW_trigger:focus-visible {
      outline-color: highlight;
    }

    .NXs_yW_trigger[data-disabled] {
      color: graytext;
    }

    .NXs_yW_chevron {
      color: inherit;
    }

    .NXs_yW_arrow {
      forced-color-adjust: none;
    }

    .NXs_yW_popup {
      color: canvastext;
      background: canvas;
      border-color: buttontext;
    }

    .NXs_yW_item[data-selected], .NXs_yW_item[data-highlighted] {
      color: highlighttext;
      background: highlight;
    }

    .NXs_yW_item[data-disabled] {
      color: graytext;
    }

    .NXs_yW_indicator {
      color: inherit;
    }
  }

  .rCRVjW_action:focus-visible, .rCRVjW_close:focus-visible {
    outline: var(--border-2-5) solid var(--semantic-banner-text-primary-default);
    outline-offset: var(--spacing-4);
  }

  @media (forced-colors: active) {
    .rCRVjW_banner {
      border: var(--border-1) solid CanvasText;
      color: canvastext;
      background: canvas;
    }

    .rCRVjW_description {
      color: canvastext;
    }

    .rCRVjW_action {
      border: var(--border-1) solid ButtonText;
      color: buttontext;
      background: buttonface;
    }

    .rCRVjW_close {
      color: buttontext;
    }

    .rCRVjW_close > span {
      forced-color-adjust: none;
      background: buttontext;
    }

    .rCRVjW_action:focus-visible, .rCRVjW_close:focus-visible {
      outline-color: highlight;
    }

    .TsHgXG_root {
      --textarea-primary: CanvasText;
      --textarea-secondary: CanvasText;
      --textarea-background: Canvas;
    }

    .TsHgXG_textarea {
      border: var(--border-1) solid ButtonText;
    }

    .TsHgXG_root[data-disabled] {
      --textarea-primary: GrayText;
      --textarea-secondary: GrayText;
    }

    .TsHgXG_root[data-invalid]:not([data-disabled]) .TsHgXG_textarea, .TsHgXG_error {
      color: canvastext;
    }

    ._3FAm8G_switch {
      background: canvastext;
    }

    ._3FAm8G_root {
      color: canvastext;
      background: canvas;
    }

    ._3FAm8G_bottom:before {
      display: none;
    }

    ._3FAm8G_profile {
      border-color: canvastext;
    }

    .B4Mbha_popup {
      border: var(--border-1) solid CanvasText;
      background: canvas;
    }

    .B4Mbha_trigger[data-popup-open], .B4Mbha_option[data-highlighted] {
      color: highlighttext;
      background: highlight;
    }

    .B4Mbha_create {
      color: canvastext;
    }
  }

  .iPgpyW_panel :is(button, input):focus-visible {
    outline: 2px solid var(--dolma-ui-date-range-text);
    outline-offset: -2px;
  }

  .iPgpyW_input[aria-invalid="true"] {
    outline: 2px solid var(--semantic-textarea-text-error-error);
    outline-offset: -2px;
  }

  @media (forced-colors: active) {
    .IekdFa_scrollArea, .IekdFa_headerCell {
      border-color: canvastext;
    }

    .IekdFa_row[data-selected] {
      outline-offset: -1px;
      outline: 1px solid highlight;
    }
  }
}

@layer dolma-ui.storybook;

/*# sourceMappingURL=%5Broot-of-the-server%5D__1rqhp9sbyq35v._.css.map*/