@property --wm-len {
  syntax: '<number>';
  inherits: true;
  initial-value: 1;
}

._mark_17ubk_7 {
  display: block;
  overflow: visible;
}
._strokes_17ubk_11 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-box: view-box;
  transform-origin: center;
}
._s_17ubk_11 {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}
._band_17ubk_22 {
  transform-box: view-box;
}

@keyframes _wmDraw_17ubk_1 {
  0% {
    stroke-dashoffset: 1;
  }
  40%,
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes _wmSlideStart_17ubk_1 {
  0% {
    transform: translateX(-78px);
  }
  45%,
  100% {
    transform: translateX(0);
  }
}
@keyframes _wmSlideEnd_17ubk_1 {
  0% {
    transform: translateX(78px);
  }
  45%,
  100% {
    transform: translateX(0);
  }
}
@keyframes _wmCinch_17ubk_1 {
  0%,
  100% {
    --wm-len: 1;
  }
  42% {
    --wm-len: 0.3;
  }
}
@keyframes _wmSweepX_17ubk_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(210px);
  }
}
@keyframes _wmSweepY_17ubk_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(210px);
  }
}
@keyframes _wmAnts_17ubk_1 {
  to {
    stroke-dashoffset: -0.12;
  }
}
@keyframes _wmTravel_17ubk_1 {
  0% {
    stroke-dashoffset: 0.34;
  }
  100% {
    stroke-dashoffset: -1.12;
  }
}
@keyframes _wmPass_17ubk_1 {
  0% {
    stroke-dashoffset: 1;
    opacity: 1;
  }
  26%,
  74% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  92%,
  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
@keyframes _wmBreathe_17ubk_1 {
  0%,
  100% {
    opacity: 0.86;
    transform: scale(0.985);
  }
  50% {
    opacity: 1;
    transform: scale(1.015);
  }
}
@keyframes _wmLoomStart_17ubk_1 {
  0%,
  100% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
}
@keyframes _wmLoomEnd_17ubk_1 {
  0%,
  100% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
}
@keyframes _wmRide_17ubk_1 {
  0% {
    offset-distance: 0%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
@keyframes _wmPop_17ubk_1 {
  0% {
    transform: scale(0.55);
    opacity: 0;
  }
  55% {
    transform: scale(1.09);
    opacity: 1;
  }
  72% {
    transform: scale(0.98);
  }
  85%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _wmPing_17ubk_1 {
  0% {
    transform: scale(0.35);
    opacity: 0.95;
  }
  70%,
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes _wmWobble_17ubk_1 {
  0%,
  72%,
  100% {
    transform: rotate(0);
  }
  76% {
    transform: rotate(4deg);
  }
  82% {
    transform: rotate(-4deg);
  }
  88% {
    transform: rotate(2.5deg);
  }
  94% {
    transform: rotate(-1deg);
  }
}
@keyframes _wmShake_17ubk_1 {
  0%,
  70%,
  100% {
    transform: translateX(0) rotate(0deg);
  }
  73% {
    transform: translateX(-4px) rotate(-2deg);
  }
  77% {
    transform: translateX(4px) rotate(2deg);
  }
  81% {
    transform: translateX(-3px) rotate(-1.4deg);
  }
  85% {
    transform: translateX(3px) rotate(1.4deg);
  }
  89% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes _wmStreak_17ubk_1 {
  0% {
    stroke-dashoffset: 0.26;
  }
  70%,
  100% {
    stroke-dashoffset: -1.1;
  }
}
@keyframes _wmDim_17ubk_1 {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(0.97);
  }
  46% {
    opacity: 0.68;
    transform: scale(1);
  }
  60% {
    opacity: 0.18;
  }
  66% {
    opacity: 0.68;
  }
}
@keyframes _wmQueue_17ubk_1 {
  0%,
  100% {
    opacity: 0.52;
  }
  50% {
    opacity: 0.82;
  }
}

._thread_17ubk_258 ._s_17ubk_11 {
  animation: _wmDraw_17ubk_1 2.8s cubic-bezier(0.62, 0.02, 0.3, 1) infinite;
}
._thread_17ubk_258 ._s2_17ubk_261 {
  animation-delay: 0.22s;
}
._thread_17ubk_258 ._s3_17ubk_264 {
  animation-delay: 0.46s;
}

._interlock_17ubk_268 ._s1_17ubk_268 {
  animation: _wmSlideStart_17ubk_1 2.9s cubic-bezier(0.3, 0.9, 0.2, 1) infinite;
}
._interlock_17ubk_268 ._s3_17ubk_264 {
  animation: _wmSlideEnd_17ubk_1 2.9s cubic-bezier(0.3, 0.9, 0.2, 1) infinite;
}
._interlock_17ubk_268 ._s2_17ubk_261 {
  animation: _wmDraw_17ubk_1 2.9s ease-out infinite;
}

._cinch_17ubk_278 ._s_17ubk_11 {
  stroke-dasharray: var(--wm-len) 2;
  stroke-dashoffset: calc(var(--wm-len) / 2 - 0.5);
  animation: _wmCinch_17ubk_1 2.6s cubic-bezier(0.5, 0, 0.2, 1) infinite;
}
._cinch_17ubk_278 ._s2_17ubk_261 {
  animation-delay: 0.08s;
}
._cinch_17ubk_278 ._s3_17ubk_264 {
  animation-delay: 0.16s;
}

._sheen_17ubk_290 ._band_17ubk_22 {
  animation: _wmSweepX_17ubk_1 3s cubic-bezier(0.45, 0, 0.3, 1) infinite;
}
._scan_17ubk_293 ._bandY_17ubk_293 {
  animation: _wmSweepY_17ubk_1 2.4s cubic-bezier(0.6, 0, 0.4, 1) infinite;
}

._flow_17ubk_297 ._strokes_17ubk_11:not(._flowLayer_17ubk_297):not(._bandLayer_17ubk_297) {
  opacity: 0.2;
}
._flowLayer_17ubk_297 {
  filter: drop-shadow(0 0 3.5px currentColor);
}
._flowLayer_17ubk_297 ._s_17ubk_11 {
  stroke-dasharray: 0.2 1.2;
  stroke-dashoffset: 0.34;
  animation: _wmTravel_17ubk_1 2.4s linear infinite;
}
._flowLayer_17ubk_297 ._s2_17ubk_261 {
  animation-delay: 0.5s;
}
._flowLayer_17ubk_297 ._s3_17ubk_264 {
  animation-delay: 1s;
  animation-direction: reverse;
}

._breathe_17ubk_316 ._strokes_17ubk_11 {
  animation: _wmBreathe_17ubk_1 3.6s ease-in-out infinite;
}

._loom_17ubk_320 ._s1_17ubk_268 {
  animation: _wmLoomStart_17ubk_1 2.6s cubic-bezier(0.7, 0, 0.18, 1) infinite;
}
._loom_17ubk_320 ._s3_17ubk_264 {
  animation: _wmLoomEnd_17ubk_1 2.6s cubic-bezier(0.7, 0, 0.18, 1) infinite;
}

._bead_17ubk_327 {
  offset-rotate: 0deg;
}
._shuttle_17ubk_330 ._bead_17ubk_327 {
  animation: _wmRide_17ubk_1 2.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

._pop_17ubk_334 ._strokes_17ubk_11 {
  animation: _wmPop_17ubk_1 2.8s cubic-bezier(0.34, 1.3, 0.5, 1) infinite;
}

._ring_17ubk_338 {
  fill: none;
  transform-box: fill-box;
  transform-origin: center;
}
._ping_17ubk_343 ._ring_17ubk_338 {
  animation: _wmPing_17ubk_1 2.6s cubic-bezier(0.2, 0.7, 0.3, 1) infinite;
}

._wobble_17ubk_347 ._strokes_17ubk_11 {
  animation: _wmWobble_17ubk_1 3s ease-in-out infinite;
}

._design_17ubk_351 ._s_17ubk_11 {
  stroke-dasharray: 0.04 0.05;
  animation: _wmAnts_17ubk_1 2.6s linear infinite;
}

._build_17ubk_356 ._bead_17ubk_327 {
  animation: _wmRide_17ubk_1 1.7s linear infinite;
}

._passLayer_17ubk_360 ._s_17ubk_11 {
  animation: _wmPass_17ubk_1 3.2s cubic-bezier(0.62, 0.02, 0.3, 1) infinite;
}
._passLayer_17ubk_360 ._s2_17ubk_261 {
  animation-delay: 0.34s;
}
._passLayer_17ubk_360 ._s3_17ubk_264 {
  animation-delay: 0.68s;
}

._streak_17ubk_370 {
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 0.26 2;
  animation: _wmStreak_17ubk_1 1.9s cubic-bezier(0.4, 0, 0.3, 1) infinite;
}

._live_17ubk_377 ._strokes_17ubk_11:not(._bandLayer_17ubk_297) {
  animation: _wmBreathe_17ubk_1 3.6s ease-in-out infinite;
}
._live_17ubk_377 ._ring_17ubk_338 {
  animation: _wmPing_17ubk_1 2.8s cubic-bezier(0.2, 0.7, 0.3, 1) infinite;
}

._failed_17ubk_384 ._strokes_17ubk_11 {
  animation: _wmShake_17ubk_1 2.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

._queued_17ubk_388 ._strokes_17ubk_11:not(._bandLayer_17ubk_297) {
  animation: _wmQueue_17ubk_1 3.4s ease-in-out infinite;
}
._queued_17ubk_388 ._band_17ubk_22 {
  animation: _wmSweepX_17ubk_1 4.2s linear infinite;
}

._sleep_17ubk_395 ._strokes_17ubk_11 {
  animation: _wmDim_17ubk_1 5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  ._strokes_17ubk_11,
  ._s_17ubk_11,
  ._band_17ubk_22,
  ._bead_17ubk_327,
  ._ring_17ubk_338,
  ._streak_17ubk_370 {
    animation: none !important;
  }
  ._thread_17ubk_258 ._s_17ubk_11,
  ._design_17ubk_351 ._s_17ubk_11,
  ._flowLayer_17ubk_297 ._s_17ubk_11,
  ._passLayer_17ubk_360 ._s_17ubk_11,
  ._cinch_17ubk_278 ._s_17ubk_11 {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
  }
  ._flow_17ubk_297 ._strokes_17ubk_11:not(._flowLayer_17ubk_297):not(._bandLayer_17ubk_297) {
    opacity: 1;
  }
  ._flowLayer_17ubk_297,
  ._passLayer_17ubk_360 {
    display: none;
  }
  ._interlock_17ubk_268 ._s1_17ubk_268,
  ._interlock_17ubk_268 ._s3_17ubk_264,
  ._pop_17ubk_334 ._strokes_17ubk_11,
  ._failed_17ubk_384 ._strokes_17ubk_11 {
    transform: none;
    opacity: 1;
  }
  ._bead_17ubk_327,
  ._ring_17ubk_338 {
    display: none;
  }
  ._queued_17ubk_388 ._strokes_17ubk_11,
  ._sleep_17ubk_395 ._strokes_17ubk_11 {
    opacity: 1;
  }
}
:root,
:host {
  color-scheme: var(--mantine-color-scheme);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
button,
textarea,
select {
  font: inherit;
}

button,
select {
  text-transform: none;
}

body,
:host {
  margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);

  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}

@media screen and (max-device-width: 31.25em) {

body,
:host {
    -webkit-text-size-adjust: 100%
}
  }

@media (prefers-reduced-motion: reduce) {
    [data-respect-reduced-motion] [data-reduce-motion] {
      transition: none;
      animation: none;
    }
  }

[data-mantine-color-scheme='light'] .mantine-light-hidden {
    display: none;
}

[data-mantine-color-scheme='dark'] .mantine-dark-hidden {
    display: none;
}

.mantine-focus-auto:focus-visible {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-always:focus {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.mantine-focus-never:focus {
    outline: none;
  }

.mantine-active:active {
    transform: translateY(calc(0.0625rem * var(--mantine-scale)));
  }

fieldset:disabled .mantine-active:active {
    transform: none;
  }

:where([dir="rtl"]) .mantine-rotate-rtl {
    transform: rotate(180deg);
}

/* This file is automatically generated, do not modify it directly. */
:root,
:host {
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --mantine-font-family-headings:
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-heading-text-wrap: wrap;
  --mantine-radius-default: calc(0.5rem * var(--mantine-scale));
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.1);
  --mantine-shadow-sm:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
      calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
      calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
      calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
      calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
      calc(-0.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
      calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-weight-regular: 400;
  --mantine-font-weight-medium: 600;
  --mantine-font-weight-bold: 700;
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}

:root[data-mantine-color-scheme='dark'],
:host([data-mantine-color-scheme='dark']) {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-success: var(--mantine-color-teal-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-disabled: var(--mantine-color-dark-6);
  --mantine-color-disabled-color: var(--mantine-color-dark-3);
  --mantine-color-disabled-border: var(--mantine-color-dark-4);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
  --mantine-color-dark-light: rgba(10, 10, 10, 1);
  --mantine-color-dark-light-hover: rgba(14, 14, 14, 1);
  --mantine-color-dark-light-color: var(--mantine-color-dark-0);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(17, 19, 21, 1);
  --mantine-color-gray-light-hover: rgba(23, 26, 29, 1);
  --mantine-color-gray-light-color: var(--mantine-color-gray-0);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(101, 21, 21, 1);
  --mantine-color-red-light-hover: rgba(141, 29, 29, 1);
  --mantine-color-red-light-color: var(--mantine-color-red-0);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(83, 15, 39, 1);
  --mantine-color-pink-light-hover: rgba(116, 21, 54, 1);
  --mantine-color-pink-light-color: var(--mantine-color-pink-0);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(67, 23, 78, 1);
  --mantine-color-grape-light-hover: rgba(94, 32, 109, 1);
  --mantine-color-grape-light-color: var(--mantine-color-grape-0);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(48, 31, 98, 1);
  --mantine-color-violet-light-hover: rgba(67, 43, 137, 1);
  --mantine-color-violet-light-color: var(--mantine-color-violet-0);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(27, 40, 100, 1);
  --mantine-color-indigo-light-hover: rgba(38, 55, 139, 1);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-0);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(12, 50, 86, 1);
  --mantine-color-blue-light-hover: rgba(17, 70, 120, 1);
  --mantine-color-blue-light-color: var(--mantine-color-blue-0);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(6, 57, 67, 1);
  --mantine-color-cyan-light-hover: rgba(8, 80, 93, 1);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-0);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(4, 64, 46, 1);
  --mantine-color-teal-light-hover: rgba(6, 89, 64, 1);
  --mantine-color-teal-light-color: var(--mantine-color-teal-0);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(22, 69, 31, 1);
  --mantine-color-green-light-hover: rgba(30, 97, 43, 1);
  --mantine-color-green-light-color: var(--mantine-color-green-0);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(46, 74, 7, 1);
  --mantine-color-lime-light-hover: rgba(64, 104, 9, 1);
  --mantine-color-lime-light-color: var(--mantine-color-lime-0);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(115, 60, 0, 1);
  --mantine-color-yellow-light-hover: rgba(161, 83, 0, 1);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-0);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(109, 36, 8, 1);
  --mantine-color-orange-light-hover: rgba(152, 50, 11, 1);
  --mantine-color-orange-light-color: var(--mantine-color-orange-0);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
}

:root[data-mantine-color-scheme='light'],
:host([data-mantine-color-scheme='light']) {
  --mantine-color-scheme: light;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: #000;
  --mantine-color-body: #fff;
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-success: var(--mantine-color-teal-8);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-color-blue-6);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-black);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-disabled: var(--mantine-color-gray-2);
  --mantine-color-disabled-color: var(--mantine-color-gray-5);
  --mantine-color-disabled-border: var(--mantine-color-gray-3);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: var(--mantine-color-dark-1);
  --mantine-color-dark-light-hover: var(--mantine-color-dark-2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-9);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: var(--mantine-color-gray-1);
  --mantine-color-gray-light-hover: var(--mantine-color-gray-2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-9);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: var(--mantine-color-red-1);
  --mantine-color-red-light-hover: var(--mantine-color-red-2);
  --mantine-color-red-light-color: var(--mantine-color-red-9);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: var(--mantine-color-pink-1);
  --mantine-color-pink-light-hover: var(--mantine-color-pink-2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-9);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: var(--mantine-color-grape-1);
  --mantine-color-grape-light-hover: var(--mantine-color-grape-2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-9);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: var(--mantine-color-violet-1);
  --mantine-color-violet-light-hover: var(--mantine-color-violet-2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-9);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: var(--mantine-color-indigo-1);
  --mantine-color-indigo-light-hover: var(--mantine-color-indigo-2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-9);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: var(--mantine-color-blue-1);
  --mantine-color-blue-light-hover: var(--mantine-color-blue-2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-9);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: var(--mantine-color-cyan-1);
  --mantine-color-cyan-light-hover: var(--mantine-color-cyan-2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-9);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: var(--mantine-color-teal-1);
  --mantine-color-teal-light-hover: var(--mantine-color-teal-2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-9);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: var(--mantine-color-green-1);
  --mantine-color-green-light-hover: var(--mantine-color-green-2);
  --mantine-color-green-light-color: var(--mantine-color-green-9);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: var(--mantine-color-lime-1);
  --mantine-color-lime-light-hover: var(--mantine-color-lime-2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-9);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: var(--mantine-color-yellow-1);
  --mantine-color-yellow-light-hover: var(--mantine-color-yellow-2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-9);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: var(--mantine-color-orange-1);
  --mantine-color-orange-light-hover: var(--mantine-color-orange-2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-9);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

.m_d57069b5 {
  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));

  position: relative;
  overflow: hidden;
}

  .m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: min-content;
  }

.m_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}

.m_c0783ff9::-webkit-scrollbar {
    display: none;
  }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]):where([data-vertical-scrollbar-position='left']) {
          padding-inline-end: unset;
          padding-left: var(--scrollarea-scrollbar-size);
          padding-right: unset;
        }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='y'],
      [data-offset-scrollbars='present']
    ):not([data-vertical-hidden]):where([data-vertical-scrollbar-position='right']) {
          padding-inline-end: unset;
          padding-left: unset;
          padding-right: var(--scrollarea-scrollbar-size);
        }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):where([data-horizontal-hidden]) {
        padding-bottom: 0;
      }

.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
      [data-offset-scrollbars='xy'],
      [data-offset-scrollbars='x'],
      [data-offset-scrollbars='present']
    ):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size);
      }

.m_f8f631dd {
  min-width: 100%;
  display: table;
}

.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition:
    background-color 150ms ease,
    opacity 150ms ease;

  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
      background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(0, 0, 0, 0.5);
      }

    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
      background-color: var(--mantine-color-dark-8);
  }

      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
        background-color: rgba(255, 255, 255, 0.5);
      }
}

.m_c44ba933:where([data-hidden], [data-state='hidden']) {
    display: none;
  }

.m_c44ba933:where([data-orientation='vertical']) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0;
  }

.m_c44ba933:where([data-orientation='vertical']):where([data-vertical-scrollbar-position='left']) {
      inset-inline-end: auto;
      left: 0;
      right: auto;
    }

.m_c44ba933:where([data-orientation='vertical']):where([data-vertical-scrollbar-position='right']) {
      inset-inline-end: auto;
      left: auto;
      right: 0;
    }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width);
  }

.m_c44ba933:where([data-orientation='horizontal']):where([data-vertical-scrollbar-position='left']) {
      inset-inline-start: auto;
      inset-inline-end: auto;
      left: var(--sa-corner-width);
      right: 0;
    }

.m_c44ba933:where([data-orientation='horizontal']):where([data-vertical-scrollbar-position='right']) {
      inset-inline-start: auto;
      inset-inline-end: auto;
      left: 0;
      right: var(--sa-corner-width);
    }

.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}

.m_d8b5e363::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: calc(2.75rem * var(--mantine-scale));
    min-height: calc(2.75rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.4);
}

:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.4);
}

.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}

.m_21657268:where([data-vertical-scrollbar-position='left']) {
    inset-inline-end: auto;
    left: 0;
    right: auto;
  }

.m_21657268:where([data-vertical-scrollbar-position='right']) {
    inset-inline-end: auto;
    left: auto;
    right: 0;
  }

:where([data-mantine-color-scheme='light']) .m_21657268 {
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: var(--mantine-color-dark-8);
}

.m_21657268:where([data-hovered]) {
    opacity: 1;
  }

.m_21657268:where([data-hidden]) {
    display: none;
  }

.m_b1336c6 {
  min-width: 100%;
}

.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: start;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * var(--mantine-scale));
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);

  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}

  [data-mantine-color-scheme='light'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3);
}

  [data-mantine-color-scheme='dark'] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4);
}

  .m_1b7284a3:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}

  .m_9814e45f:where([data-fixed]) {
    position: fixed;
  }

  .m_9814e45f:where([data-center]) {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}

  .m_38a85659:where([data-fixed]) {
    position: fixed;
  }

  .m_38a85659:focus {
    outline: none;
  }

  :where([data-mantine-color-scheme='light']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}

.m_3d7bc908 {
  position: fixed;
  inset: 0;
}

.m_5ae2e3c {
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
  --loader-size-md: calc(2.25rem * var(--mantine-scale));
  --loader-size-lg: calc(2.75rem * var(--mantine-scale));
  --loader-size-xl: calc(3.625rem * var(--mantine-scale));
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}

/* ----- Bars loader ----- */
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  50%,
  100% {
    transform: scale(1);
  }
}

.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}

.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: calc(0.125rem * var(--mantine-scale));
}

.m_870bb79:nth-of-type(1) {
    animation-delay: -240ms;
  }

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms;
  }

.m_870bb79:nth-of-type(3) {
    animation-delay: 0;
  }

/* ----- Dots loader ----- */
@keyframes m_aac34a1 {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(0.6);
    opacity: 0.5;
  }
}

.m_4e3f22d7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--loader-size) / 10);
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_870c4af {
  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
  border-radius: 50%;
  background: var(--loader-color);
  animation: m_aac34a1 0.8s infinite linear;
}

.m_870c4af:nth-child(2) {
    animation-delay: 0.4s;
  }

/* ----- Oval loader ----- */
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}

.m_b34414df::after {
    content: '';
    display: block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: calc(625rem * var(--mantine-scale));
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    animation: m_f8e89c4b 1.2s linear infinite;
  }

.m_8d3f4000 {
  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
  --ai-size-md: calc(1.75rem * var(--mantine-scale));
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));

  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));

  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;

  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}

  @media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  @media (hover: none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
      color: var(--ai-hover-color, var(--ai-color));
    }
}

  .m_8d3f4000[data-loading] {
    cursor: not-allowed;
  }

  .m_8d3f4000[data-loading] .m_8d3afb97 {
      opacity: 0;
      transform: translateY(100%);
    }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
      transform: none;
    }

.m_302b9fb1 {
  inset: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_302b9fb1 {
    background-color: rgba(255, 255, 255, 0.15);
}

:where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
    background-color: rgba(0, 0, 0, 0.15);
}

.m_1a0f1b21 {
  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_1a0f1b21 :where(*):focus {
      position: relative;
      z-index: 1;
    }

.m_1a0f1b21[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2);
      }

.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
  width: 100%;
  height: 100%;
}

.m_437b6484 {
  --section-height-xs: calc(1.125rem * var(--mantine-scale));
  --section-height-sm: calc(1.375rem * var(--mantine-scale));
  --section-height-md: calc(1.75rem * var(--mantine-scale));
  --section-height-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-xl: calc(2.75rem * var(--mantine-scale));

  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-xl: calc(1rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: var(--mantine-font-weight-medium);
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_86a44da5 {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));

  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}

  :where([data-mantine-color-scheme='light']) .m_86a44da5 {
    color: var(--mantine-color-gray-7);
}

  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: var(--mantine-color-dark-1);
}

  .m_86a44da5[data-disabled],
  .m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
      background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
      background-color: var(--mantine-color-dark-6);
  }
}

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}

  .m_4081bf90:where([data-grow]) > * {
      flex-grow: 1;
      max-width: var(--group-child-width);
    }

.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: var(--mantine-font-weight-regular);
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-inline-end 100ms;
}

.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}

.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001;
  }

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-inline-start: auto;
}

.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0;
  }

.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);

  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));

  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);

  --input-cursor: text;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);

  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));

  --input-right-section-size: var(
    --input-right-section-width,
    calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))
  );

  --input-size: var(--input-height);

  --section-y: calc(0.0625rem * var(--mantine-scale));
  --left-section-start: calc(0.0625rem * var(--mantine-scale));
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);

  --right-section-end: calc(0.0625rem * var(--mantine-scale));
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}

  .m_6c018570[data-variant='unstyled'] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0;
  }

  .m_6c018570[data-pointer] {
    --input-cursor: pointer;
  }

  .m_6c018570[data-with-bottom-section] {
    --input-bottom-section-height: calc(1.75rem * var(--mantine-scale));
  }

  .m_6c018570[data-multiline] {
    --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
    --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
    --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
    --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
    --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));

    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
  }

  .m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size);
  }

  .m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size);
  }

  .m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
      }

  .m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
      }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-gray-4);
      --input-bg: var(--mantine-color-white);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-gray-1);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
      --input-bd: var(--mantine-color-dark-4);
      --input-bg: var(--mantine-color-dark-6);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
      --input-bd: transparent;
      --input-bg: var(--mantine-color-dark-5);
      --input-bd-focus: var(--mantine-primary-color-filled);
    }

  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
      --input-bd: transparent;
      --input-bg: transparent;
      --input-bd-focus: transparent;
    }

  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-error);
    }

  [data-mantine-color-scheme] .m_6c018570[data-error] {

    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error);
}

  [data-mantine-color-scheme] .m_6c018570[data-success]:not([data-variant='unstyled']) {
      --input-bd: var(--mantine-color-success);
    }

  [data-mantine-color-scheme] .m_6c018570[data-success] {

    --input-section-color: var(--mantine-color-success);
}

  :where([dir="rtl"]) .m_6c018570 {
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

  .m_6c018570[dir='ltr'] {
    --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
    --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
  }

.m_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align, start);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}

/* Used as data attribute in Textarea component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden;
  }

/* Used as data attribute in JsonInput component, does not have associated prop on the Input component */

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --_input-fz: calc(var(--input-fz) - calc(0.125rem * var(--mantine-scale)));
  }

.m_8fb7ebe7:focus,
  .m_8fb7ebe7:focus-within {
    outline: none;
    --input-bd: var(--input-bd-focus);
  }

.m_6c018570[data-error] .m_8fb7ebe7:focus, .m_6c018570[data-error] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-error);
    }

.m_6c018570[data-success] .m_8fb7ebe7:focus, .m_6c018570[data-success] .m_8fb7ebe7:focus-within {
      --input-bd: var(--mantine-color-success);
    }

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_8fb7ebe7::-webkit-inner-spin-button,
  .m_8fb7ebe7::-webkit-outer-spin-button,
  .m_8fb7ebe7::-webkit-search-decoration,
  .m_8fb7ebe7::-webkit-search-cancel-button,
  .m_8fb7ebe7::-webkit-search-results-button,
  .m_8fb7ebe7::-webkit-search-results-decoration {
    appearance: none;
  }

.m_8fb7ebe7[type='number'] {
    -moz-appearance: textfield;
  }

.m_8fb7ebe7:disabled,
  .m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

/* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color);
  }

.m_8fb7ebe7[readonly] {
    caret-color: transparent;
  }

[data-with-bottom-section] .m_8fb7ebe7 {
    padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height));
  }

.m_93f4ed57 {
  position: absolute;
  bottom: calc(0.0625rem * var(--mantine-scale));
  left: calc(0.0625rem * var(--mantine-scale));
  right: calc(0.0625rem * var(--mantine-scale));
  height: var(--input-bottom-section-height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline: var(--input-padding);
  border-radius: 0 0 var(--input-radius) var(--input-radius);
  pointer-events: all;
  color: var(--mantine-color-dimmed);
  font-size: var(--input-fz, var(--mantine-font-size-sm));
}

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}

.m_82577fc2[data-position='right'] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius);
  }

.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(2.5625rem * var(--mantine-scale));
      }

.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(3.125rem * var(--mantine-scale));
      }

.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(3.75rem * var(--mantine-scale));
      }

.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(4.5rem * var(--mantine-scale));
      }

.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
        --section-size: calc(5.5625rem * var(--mantine-scale));
      }

.m_82577fc2[data-position='left'] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius);
  }

/* ----- Input.Placeholder ----- */
.m_88bacfd0 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
.m_6c018570[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

/* ----- Input.Wrapper ----- */
.m_46b77525 {
  line-height: var(--mantine-line-height);
}

.m_8fdc1311 {
  display: inline-block;
  font-weight: var(--mantine-font-weight-medium);
  overflow-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}

.m_8f816625,
.m_9d9d40e0,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_9d9d40e0 {
  color: var(--mantine-color-success);
  font-size: var(--input-success-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}

.m_8bffd616 {
  display: flex;
}

.m_96b553a6 {
  --transition-duration: 150ms;

  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  transition-property: transform, width, height;
  transition-timing-function: ease;
  transition-duration: 0ms;
}

  .m_96b553a6:where([data-initialized]) {
    transition-duration: var(--transition-duration);
  }

  .m_96b553a6:where([data-hidden]) {
    display: none;
  }

.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}

.m_df78851f {
  overflow-wrap: break-word;
}

.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  padding-top: calc(var(--mantine-spacing-xs) / 2);
}

.m_8fa820a0 {
  margin: 0;
  padding: 0;
  width: 100%;
}

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-bright);
}

.m_4ba585b8:where([data-chevron-position='left']) {
    flex-direction: row;
    padding-inline-start: 0;
  }

.m_4ba585b8:where(:disabled, [data-disabled]) {
    opacity: 0.4;
    cursor: not-allowed;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
        background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
        background-color: var(--mantine-color-dark-6);
  }
}

.m_df3ffa0f {
  color: inherit;
  font-weight: var(--mantine-font-weight-regular);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}

.m_3f35ae96:where([data-rotate]) {
    transform: rotate(180deg);
  }

.m_3f35ae96:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-inline-end: 0;
    margin-inline-start: var(--mantine-spacing-lg);
  }

:where([data-mantine-color-scheme='light']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-gray-3);
    --item-filled-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_9bd7b098 {
    --item-border-color: var(--mantine-color-dark-4);
    --item-filled-color: var(--mantine-color-dark-6);
}

.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}

.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}

.m_1f921b3b:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_1f921b3b:first-of-type {
    border-start-start-radius: var(--accordion-radius);
    border-start-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:first-of-type > [data-accordion-control] {
      border-start-start-radius: var(--accordion-radius);
      border-start-end-radius: var(--accordion-radius);
    }

.m_1f921b3b:last-of-type {
    border-end-start-radius: var(--accordion-radius);
    border-end-end-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-end-start-radius: var(--accordion-radius);
      border-end-end-radius: var(--accordion-radius);
    }

.m_1f921b3b + .m_1f921b3b {
    border-top: 0;
  }

.m_2cdf939a {
  border-radius: var(--accordion-radius);
}

.m_2cdf939a:where([data-active]) {
    background-color: var(--item-filled-color);
  }

.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition: background-color 150ms ease;
}

.m_9f59b069[data-active] {
    border-color: var(--item-border-color);
  }

:where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] {
      background-color: var(--mantine-color-dark-7);
}

.m_9f59b069 + .m_9f59b069 {
    margin-top: var(--mantine-spacing-md);
  }

.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}

.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-bold);
}

.m_6a03f287:where([data-with-close-button]) {
    padding-inline-end: var(--mantine-spacing-md);
  }

.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_667f2a6a {
  line-height: 1;
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: calc(0.0625rem * var(--mantine-scale));
}

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}

:where([data-mantine-color-scheme='light']) .m_7fa78076 {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_7fa78076 {
    color: var(--mantine-color-white);
}

.m_7fa78076:where([data-variant='filled']) {
    color: var(--alert-color);
  }

.m_7fa78076:where([data-variant='white']) {
    color: var(--mantine-color-black);
  }

.m_87f54839 {
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  color: var(--alert-color);
}

.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: var(--mantine-font-weight-regular);
  text-wrap: var(--text-text-wrap, var(--mantine-text-wrap));
  margin: 0;
  padding: 0;
}

  .m_b6d8b162:where([data-truncate]) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m_b6d8b162:where([data-truncate='start']) {
    direction: rtl;
    text-align: end;
  }

  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
      direction: ltr;
      text-align: start;
}

  .m_b6d8b162:where([data-variant='gradient']) {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .m_b6d8b162:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-clamp);
    -webkit-box-orient: vertical;
  }

  .m_b6d8b162:where([data-inherit]) {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
  }

  .m_b6d8b162:where([data-inline]) {
    line-height: 1;
  }

.m_849cf0da {
  color: var(--mantine-color-anchor);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='hover']):hover {
      text-decoration: underline;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='hover']):active {
      text-decoration: underline;
  }
}

  .m_849cf0da:where([data-underline='not-hover']) {
    text-decoration: underline;
  }

  @media (hover: hover) {

  .m_849cf0da:where([data-underline='not-hover']):hover {
      text-decoration: none;
  }
}

  @media (hover: none) {

  .m_849cf0da:where([data-underline='not-hover']):active {
      text-decoration: none;
  }
}

  .m_849cf0da:where([data-underline='always']) {
    text-decoration: underline;
  }

  .m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      text-decoration: none;
    }

  .m_849cf0da:where([data-line-clamp]) {
    display: -webkit-box;
  }

.m_48204f9b {
  width: var(--slider-size);
  height: var(--slider-size);
  position: relative;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

  .m_48204f9b:focus-within {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

  .m_48204f9b {

  --slider-size: calc(3.75rem * var(--mantine-scale));
  --thumb-size: calc(var(--slider-size) / 5);
}

  :where([data-mantine-color-scheme='light']) .m_48204f9b {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
    background-color: var(--mantine-color-dark-5);
}

.m_bb9cdbad {
  position: absolute;
  inset: calc(0.0625rem * var(--mantine-scale));
  border-radius: var(--slider-size);
  pointer-events: none;
}

.m_481dd586 {
  width: calc(0.125rem * var(--mantine-scale));
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  transform: rotate(var(--angle));
}

.m_481dd586::before {
    content: '';
    position: absolute;
    top: calc(var(--thumb-size) / 3);
    left: calc(0.03125rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    height: calc(var(--thumb-size) / 1.5);
    transform: translate(-50%, -50%);
  }

:where([data-mantine-color-scheme='light']) .m_481dd586::before {
      background-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
      background-color: var(--mantine-color-dark-3);
}

.m_481dd586[data-label]::after {
    min-width: calc(1.125rem * var(--mantine-scale));
    text-align: center;
    content: attr(data-label);
    position: absolute;
    top: calc(-1.5rem * var(--mantine-scale));
    left: calc(-0.4375rem * var(--mantine-scale));
    transform: rotate(calc(360deg - var(--angle)));
    font-size: var(--mantine-font-size-xs);
  }

.m_bc02ba3d {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1.5px);
  inset-inline-end: 0;
  height: 100%;
  width: calc(0.1875rem * var(--mantine-scale));
  outline: none;
  pointer-events: none;
}

.m_bc02ba3d::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
    width: calc(0.1875rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
      background-color: var(--mantine-color-dark-1);
}

.m_bb8e875b {
  font-size: var(--mantine-font-size-xs);
}

.m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms !important;
  }
  .m_89ab340[data-disabled] {
    --app-shell-header-offset: 0rem !important;
    --app-shell-navbar-offset: 0rem !important;
    --app-shell-aside-offset: 0rem !important;
    --app-shell-footer-offset: 0rem !important;
  }
  .m_89ab340[data-mode='static'] {
    display: grid;
    grid-template-columns: var(--app-shell-navbar-width, 0) 1fr var(--app-shell-aside-width, 0);
    grid-template-rows: auto 1fr auto;
    position: relative;
    height: 100%;
    overflow: auto;
  }
  [data-mantine-color-scheme='light'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89ab340 {
    --app-shell-border-color: var(--mantine-color-dark-4);
}

.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}

.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem)
  );
  background-color: var(--mantine-color-body);
  transition-property: transform, top, height;
}

:where([data-mode='static']) .m_45252eee, :where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-navbar-position, fixed);
    grid-row: var(--app-shell-navbar-grid-row, auto);
    height: 100%;
  }

:where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

:where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: 1 / -1;
    height: 100%;
  }

.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property: transform, top, height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}

:where([data-mode='static']) .m_45252eee {
    grid-column: var(--app-shell-navbar-grid-column, auto);
    display: var(--app-shell-navbar-display, flex);
  }

:where([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

.m_45252eee:where([data-with-border]) {
    border-inline-end: 1px solid var(--app-shell-border-color);
  }

.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}

:where([data-mode='static']) .m_9cdde9a {
    position: var(--app-shell-aside-position, fixed);
    grid-column: var(--app-shell-aside-grid-column, auto);
    grid-row: var(--app-shell-aside-grid-row, auto);
    display: var(--app-shell-aside-display, flex);
  }

:where([dir="rtl"]) .m_9cdde9a {
    transform: var(--app-shell-aside-transform-rtl);
}

.m_9cdde9a:where([data-with-border]) {
    border-inline-start: 1px solid var(--app-shell-border-color);
  }

:where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
    grid-row: 1 / -1;
  }

:where([data-scroll-locked]) .m_9cdde9a {
    visibility: var(--app-shell-aside-scroll-locked-visibility);
  }

.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}

:where([data-mode='static']) .m_8983817 {
    padding-inline-start: var(--app-shell-padding);
    padding-inline-end: var(--app-shell-padding);
    padding-top: var(--app-shell-padding);
    padding-bottom: var(--app-shell-padding);
    min-height: auto;
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    grid-row: var(--app-shell-main-grid-row, 2);
  }

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property: transform, margin-inline-start, margin-inline-end;
  background-color: var(--mantine-color-body);
}

:where([data-mode='static']) .m_3b16f56b, :where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-header-position, fixed);
    grid-column: var(--app-shell-header-grid-column, auto);
  }

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    margin-inline-start: var(--app-shell-navbar-offset, 0rem);
    margin-inline-end: var(--app-shell-aside-offset, 0rem);
  }

:where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
    margin-inline-start: 0rem;
    margin-inline-end: 0rem;
  }

.m_3b16f56b {
  top: 0;
  height: var(--app-shell-header-height);
  background-color: var(--mantine-color-body);
  transform: var(--app-shell-header-transform);
  z-index: var(--app-shell-header-z-index);
}

:where([data-mode='static']) .m_3b16f56b {
    grid-row: var(--app-shell-header-grid-row, auto);
  }

.m_3b16f56b:where([data-with-border]) {
    border-bottom: 1px solid var(--app-shell-border-color);
  }

.m_3840c879 {
  bottom: 0;
  height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  transform: var(--app-shell-footer-transform);
  z-index: var(--app-shell-footer-z-index);
}

:where([data-mode='static']) .m_3840c879 {
    position: var(--app-shell-footer-position, fixed);
    grid-column: var(--app-shell-footer-grid-column, auto);
    grid-row: var(--app-shell-footer-grid-row, auto);
  }

:where([data-mode='static'][data-layout='alt']) .m_3840c879 {
    grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
  }

.m_3840c879:where([data-with-border]) {
    border-top: 1px solid var(--app-shell-border-color);
  }

.m_6dcfc7c7 {
  flex-grow: 0;
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1;
  }

.m_71ac47fc {
  --ar-ratio: 1;
  max-width: 100%;
}

  .m_71ac47fc > :where(*:not(style)) {
    aspect-ratio: var(--ar-ratio);
    width: 100%;
  }

  .m_71ac47fc > :where(img, video) {
    object-fit: cover;
  }

.m_88b62a41 {
  --combobox-padding: calc(0.25rem * var(--mantine-scale));
  padding: var(--combobox-padding);
}

  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
      max-width: calc(100% + var(--combobox-padding));
    }

  .m_88b62a41[data-composed] {
    padding-inline-end: 0;
  }

  .m_88b62a41[data-hidden] {
    display: none;
  }

  .m_88b62a41[data-floating-height='viewport']:not([data-hidden]) {
    --combobox-floating-options-max-height: calc(
      var(--combobox-floating-max-height, 100vh) - var(--combobox-padding) * 2
    );
    max-height: var(--combobox-floating-max-height, none);
    overflow: hidden;
  }

/* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --combobox-option-padding: var(--combobox-option-padding-sm);
}

.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  overflow-wrap: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: 0.35;
  }

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7);
  }
}

.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}

:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_985517d8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_985517d8 {
    background-color: var(--mantine-color-dark-7);
}

.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}

.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}

:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: calc(0.0625rem * var(--mantine-scale));
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}

.m_858f94bd {
  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none;
  }

.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: var(--mantine-font-weight-medium);
  position: relative;
  display: flex;
  align-items: center;
}

.m_2bb2e9e5::after {
    content: '';
    flex: 1;
    inset-inline: 0;
    height: calc(0.0625rem * var(--mantine-scale));
    margin-inline-start: var(--mantine-spacing-xs);
  }

:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: var(--mantine-color-dark-4);
}

.m_2bb2e9e5:only-child {
    display: none;
  }

/* ------- Combobox.Chevron ------- */
.m_2943220b {
  --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
  --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
  --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
  --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
  --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
}
:where([data-mantine-color-scheme='light']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6));
}
:where([data-mantine-color-scheme='dark']) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3));
}
.m_2943220b {

  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
  color: var(--_combobox-chevron-color);
}
.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error));
  }

/* ------- OptionsDropdown ------- */
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: calc(0.5rem * var(--mantine-scale));
}
.m_390b5f4:where([data-reverse]) {
    justify-content: space-between;
  }

.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1;
  }

.m_a530ee0a {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}

.m_5f75b09e {
  --label-lh-xs: calc(1rem * var(--mantine-scale));
  --label-lh-sm: calc(1.25rem * var(--mantine-scale));
  --label-lh-md: calc(1.5rem * var(--mantine-scale));
  --label-lh-lg: calc(1.875rem * var(--mantine-scale));
  --label-lh-xl: calc(2.25rem * var(--mantine-scale));
  --label-lh: var(--label-lh-sm);
}

  .m_5f75b09e[data-label-position='left'] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0;
  }

  .m_5f75b09e[data-label-position='right'] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm);
  }

.m_5f6e695e {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}

.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);

  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}

fieldset:disabled .m_d3ea56bb,
  .m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed;
  }

.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

fieldset:disabled .m_8ee546b8,
  .m_8ee546b8:where([data-disabled]) {
    color: var(--mantine-color-disabled-color);
  }

.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
  cursor: default;
}

.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}

.m_26775b0a {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_26775b0a :where(*) {
    cursor: inherit;
  }

  .m_26775b0a:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_26775b0a:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_5e5256ee {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

  .m_5e5256ee:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

  .m_5e5256ee:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

  .m_5e5256ee {

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_5e5256ee {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_5e5256ee {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_5e5256ee[data-indeterminate],
  .m_5e5256ee[data-checked] {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

  .m_5e5256ee[data-indeterminate] > .m_1b1c543a, .m_5e5256ee[data-checked] > .m_1b1c543a {
      opacity: 1;
      transform: none;
      color: var(--checkbox-icon-color);
    }

  .m_5e5256ee[data-disabled] {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

  [data-mantine-color-scheme='light'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-gray-5);
}

  [data-mantine-color-scheme='dark'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: var(--mantine-color-dark-3);
}

.m_76e20374[data-indeterminate]:not([data-disabled]),
  .m_76e20374[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_1b1c543a {
  display: block;
  width: 60%;
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_bf2d988c {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));

  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
}

  .m_bf2d988c:where([data-variant='filled']) {
    --checkbox-icon-color: var(--mantine-color-white);
  }

  .m_bf2d988c:where([data-variant='outline']) {
    --checkbox-icon-color: var(--checkbox-color);
  }

.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}

.m_26062bec:where([data-label-position='left']) {
    order: 2;
  }

.m_26063560 {
  appearance: none;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_26063560 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_26063560 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_26063560:where([data-with-error-styles][data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_26063560[data-indeterminate],
  .m_26063560:checked {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
  }

.m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 {
      opacity: 1;
      transform: none;
    }

.m_26063560:disabled {
    cursor: not-allowed;
    border-color: var(--mantine-color-disabled-border);
    background-color: var(--mantine-color-disabled);
  }

.m_26063560:disabled + .m_bf295423 {
      color: var(--mantine-color-disabled-color);
    }

.m_215c4542 + .m_bf295423 {
    color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled),
  .m_215c4542:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color);
  }

.m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
      color: var(--checkbox-icon-color);
      opacity: 1;
      transform: none;
    }

.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

/* Avatar.Group root element */
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);

  display: flex;
  padding-inline-start: var(--ag-spacing);
}

/* Avatar root element */
.m_f85678b6 {
  --avatar-size-xs: calc(1rem * var(--mantine-scale));
  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));

  --avatar-size: var(--avatar-size-md);
  --avatar-radius: calc(62.5rem * var(--mantine-scale));
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);

  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
    margin-inline-start: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

.m_11f8ac07 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.m_104cd71f {
  font-weight: var(--mantine-font-weight-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}

.m_104cd71f > [data-avatar-placeholder-icon] {
    width: 70%;
    height: 70%;
  }

.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}

.m_347db0ec {
  --badge-height-xs: calc(1rem * var(--mantine-scale));
  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
  --badge-height-md: calc(1.25rem * var(--mantine-scale));
  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
  --badge-height-xl: calc(2rem * var(--mantine-scale));

  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
  --badge-fz-xl: calc(1rem * var(--mantine-scale));

  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));

  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: calc(62.5rem * var(--mantine-scale));
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
  --badge-bd: var(--badge-border-width) solid transparent;

  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: var(--mantine-font-weight-bold);
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}

  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
    grid-template-columns: auto 1fr;
  }

  .m_347db0ec:where([data-with-right-section]) {
    grid-template-columns: 1fr auto;
  }

  .m_347db0ec:where(
    [data-with-left-section][data-with-right-section],
    [data-variant='dot'][data-with-right-section]
  ) {
    grid-template-columns: auto 1fr auto;
  }

  .m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%;
  }

  .m_347db0ec:where([data-circle]) {
    padding-inline: calc(0.125rem * var(--mantine-scale));
    display: flex;
    width: var(--badge-height);
  }

.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}

:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white);
}

.m_fbd81e3d::before {
    content: '';
    display: block;
    width: var(--badge-dot-size);
    height: var(--badge-dot-size);
    border-radius: var(--badge-dot-size);
    background-color: var(--badge-dot-color);
    margin-inline-end: var(--badge-dot-size);
  }

.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}

.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);

  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}

.m_91fdda9b:where([data-position='left']) {
    margin-inline-end: var(--badge-section-margin);
  }

.m_91fdda9b:where([data-position='right']) {
    margin-inline-start: var(--badge-section-margin);
  }

.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);

  position: relative;
  margin: 0;
  text-wrap: var(--bq-text-wrap, var(--mantine-text-wrap));
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
    background-color: var(--bq-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
    background-color: var(--bq-bg-dark);
}

.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);

  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}

.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}

.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: var(--mantine-color-dark-2);
}

.m_fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));

  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}

  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
    --burger-color: var(--mantine-color-white);
}

.m_d4fb9cad {
  position: relative;
  user-select: none;
}

.m_d4fb9cad,
  .m_d4fb9cad::before,
  .m_d4fb9cad::after {
    display: block;
    width: var(--burger-size);
    height: var(--burger-line-size);
    background-color: var(--burger-color);
    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transition-property: background-color, transform;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    inset-inline-start: 0;
  }

.m_d4fb9cad::before {
    top: calc(var(--burger-size) / -3);
  }

.m_d4fb9cad::after {
    top: calc(var(--burger-size) / 3);
  }

.m_d4fb9cad[data-opened] {
    background-color: transparent;
  }

.m_d4fb9cad[data-opened]::before {
      transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
    }

.m_d4fb9cad[data-opened]::after {
      transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
    }

.m_77c9d27d {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));

  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));

  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);

  user-select: none;
  font-weight: var(--mantine-font-weight-medium);
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}

  .m_77c9d27d:where([data-block]) {
    display: block;
    width: 100%;
  }

  .m_77c9d27d:where([data-with-left-section]) {
    padding-inline-start: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where([data-with-right-section]) {
    padding-inline-end: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transform: none;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
  }

  .m_77c9d27d::before {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: calc(-0.0625rem * var(--mantine-scale));
    border-radius: var(--button-radius, var(--mantine-radius-default));
    transform: translateY(-100%);
    opacity: 0;
    filter: blur(12px);
    transition:
      transform 150ms ease,
      opacity 100ms ease;
  }

  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
      background-color: rgba(255, 255, 255, 0.15);
}

  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
      background-color: rgba(0, 0, 0, 0.15);
}

  .m_77c9d27d:where([data-loading]) {
    cursor: not-allowed;
    transform: none;
  }

  .m_77c9d27d:where([data-loading])::before {
      transform: translateY(0);
      opacity: 1;
    }

  .m_77c9d27d:where([data-loading]) .m_80f1301b {
      opacity: 0;
      transform: translateY(100%);
    }

  @media (hover: hover) {
    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

  @media (hover: none) {
    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
      background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
      color: var(--button-hover-color, var(--button-color));
    }
}

.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition:
    transform 150ms ease,
    opacity 100ms ease;
}

.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.m_811560b9:where([data-loading]) {
    opacity: 0.2;
  }

.m_a74036a {
  display: flex;
  align-items: center;
}

.m_a74036a:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}

.m_80d6d844 {
  --button-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}

.m_80d6d844 :where(.m_77c9d27d):focus {
      position: relative;
      z-index: 1;
    }

.m_80d6d844[data-orientation='horizontal'] {
    flex-direction: row;
  }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] {
    flex-direction: column;
  }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2);
      }

.m_70be2a01 {
  --section-height-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-md: calc(2.625rem * var(--mantine-scale));
  --section-height-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-xl: calc(3.75rem * var(--mantine-scale));

  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));

  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --section-padding-x-xl: calc(2rem * var(--mantine-scale));

  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));

  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);

  font-weight: var(--mantine-font-weight-medium);
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);

  position: relative;
  overflow: hidden;
  display: flex;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

  .m_e615b15f:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

  .m_e615b15f:where([data-orientation='vertical']) {
    flex-direction: column;
  }

  :where([data-mantine-color-scheme='light']) .m_e615b15f {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_e615b15f {
    background-color: var(--mantine-color-dark-6);
}

.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}

:where([data-mantine-color-scheme='light']) .m_599a2148 {
    --border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_599a2148 {
    --border-color: var(--mantine-color-dark-4);
}

.m_599a2148:where([data-orientation='vertical']):first-child {
      margin-top: calc(var(--card-padding) * -1);
      border-top: none !important;
    }

.m_599a2148:where([data-orientation='vertical']):last-child {
      margin-bottom: calc(var(--card-padding) * -1);
      border-bottom: none !important;
    }

.m_599a2148:where([data-orientation='vertical'])[data-inherit-padding] {
      padding-inline: var(--card-padding);
    }

.m_599a2148:where([data-orientation='vertical'])[data-with-border] {
      border-top: 1px solid var(--border-color);
      border-bottom: 1px solid var(--border-color);
    }

.m_599a2148:where([data-orientation='vertical']) + .m_599a2148:where([data-orientation='vertical']) {
      border-top: none !important;
    }

.m_599a2148:where([data-orientation='horizontal']) {
    margin-block: calc(var(--card-padding) * -1);
    margin-inline: 0;
  }

.m_599a2148:where([data-orientation='horizontal']):first-child {
      margin-inline-start: calc(var(--card-padding) * -1);
      border-inline-start: none !important;
    }

.m_599a2148:where([data-orientation='horizontal']):last-child {
      margin-inline-end: calc(var(--card-padding) * -1);
      border-inline-end: none !important;
    }

.m_599a2148:where([data-orientation='horizontal'])[data-inherit-padding] {
      padding-block: var(--card-padding);
    }

.m_599a2148:where([data-orientation='horizontal'])[data-with-border] {
      border-inline-start: 1px solid var(--border-color);
      border-inline-end: 1px solid var(--border-color);
    }

.m_599a2148:where([data-orientation='horizontal']) + .m_599a2148:where([data-orientation='horizontal']) {
      border-inline-start: none !important;
    }

.m_9a782f2c {
  --cascader-column-width: calc(12.5rem * var(--mantine-scale));

  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.m_4c5a03a5 {
  display: flex;
  flex-direction: column;
  width: var(--cascader-column-width);
  min-width: var(--cascader-column-width);
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color, var(--mantine-color-default-border));
}

/* Keep the border width reserved so revealing the next column does not shift the layout */

.m_4c5a03a5:where([data-last]) {
    border-inline-end-color: transparent;
  }

.m_7f3ac6d2 {
  flex: 1;
  padding: var(--combobox-padding);
}

.m_6b93b90 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding-inline: calc(var(--combobox-padding) / 2);
  color: var(--mantine-color-dimmed);
  cursor: pointer;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color, var(--mantine-color-default-border));
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_6b93b90:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_6b93b90:hover {
      background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_6b93b90:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_6b93b90:active {
      background-color: var(--mantine-color-dark-7);
  }
}

.m_6b93b90 > svg {
    width: 0.9em;
    height: 0.9em;
    transform: rotate(90deg);
  }

/* Round the corners that sit against the rounded dropdown edge so the hover background
     does not overflow the dropdown corners */

.m_6b93b90:where([data-position='start']) {
    border-start-start-radius: var(--popover-radius, var(--mantine-radius-default));
    border-end-start-radius: var(--popover-radius, var(--mantine-radius-default));
  }

/* The divider on the left is provided by the previous column, so this control has none */

.m_6b93b90:where([data-position='end']) {
    border-inline-end-color: transparent;
    border-start-end-radius: var(--popover-radius, var(--mantine-radius-default));
    border-end-end-radius: var(--popover-radius, var(--mantine-radius-default));
  }

.m_6b93b90:where([data-position='end']) > svg {
      transform: rotate(-90deg);
    }

:where([dir="rtl"]) .m_6b93b90 > svg {
      transform: rotate(-90deg);
    }

:where([dir="rtl"]) .m_6b93b90:where([data-position='end']) > svg {
      transform: rotate(90deg);
    }

.m_791f687a {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
  width: 100%;
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--combobox-option-radius, var(--mantine-radius-default));
  color: var(--mantine-color-text);
  cursor: pointer;
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_791f687a:hover:where(:not([data-disabled], [data-active])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_791f687a:hover:where(:not([data-disabled], [data-active])) {
        background-color: var(--mantine-color-dark-7);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_791f687a:active:where(:not([data-disabled], [data-active])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_791f687a:active:where(:not([data-disabled], [data-active])) {
        background-color: var(--mantine-color-dark-7);
  }
}

/* Selected options in the ancestor columns (the navigation trail) */

:where([data-mantine-color-scheme='light']) .m_791f687a:where([data-in-path]) {
      background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_791f687a:where([data-in-path]) {
      background-color: var(--mantine-color-dark-6);
}

/* Option in the column that is currently being navigated */

.m_791f687a:where([data-active]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
  }

@media (hover: hover) {

  .m_791f687a:where([data-active]):hover {
      background-color: var(--mantine-primary-color-filled-hover);
  }
}

@media (hover: none) {

  .m_791f687a:where([data-active]):active {
      background-color: var(--mantine-primary-color-filled-hover);
  }
}

.m_791f687a:where([data-disabled]) {
    color: var(--mantine-color-dimmed);
    cursor: not-allowed;
    opacity: 0.5;
  }

.m_452a61d {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
  width: 100%;
}

.m_aecd629a {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_92054c13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  min-width: 0.9em;
  height: 0.9em;
  color: var(--mantine-color-dimmed);
  transform: rotate(-90deg);
}

:where([data-active]) .m_92054c13 {
    color: inherit;
  }

:where([dir="rtl"]) .m_92054c13 {
    transform: rotate(90deg);
}

.m_ae51c8ae {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
  opacity: 0.4;
}

:where([data-active]) .m_ae51c8ae,
  :where([data-combobox-selected]) .m_ae51c8ae {
    opacity: 1;
  }

.m_97ff10a8 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  white-space: nowrap;
}

.m_4451eb3a {
  display: flex;
  align-items: center;
  justify-content: center;
}

  .m_4451eb3a:where([data-inline]) {
    display: inline-flex;
  }

.m_f59ffda3 {
  --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
  --chip-size-sm: calc(1.75rem * var(--mantine-scale));
  --chip-size-md: calc(2rem * var(--mantine-scale));
  --chip-size-lg: calc(2.25rem * var(--mantine-scale));
  --chip-size-xl: calc(2.5rem * var(--mantine-scale));

  --chip-icon-size-xs: calc(0.5625rem * var(--mantine-scale));
  --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
  --chip-icon-size-md: calc(0.875rem * var(--mantine-scale));
  --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
  --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));

  --chip-padding-xs: calc(1rem * var(--mantine-scale));
  --chip-padding-sm: calc(1.25rem * var(--mantine-scale));
  --chip-padding-md: calc(1.5rem * var(--mantine-scale));
  --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
  --chip-padding-xl: calc(2rem * var(--mantine-scale));

  --chip-checked-padding-xs: calc(0.5125rem * var(--mantine-scale));
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));

  --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --chip-spacing-md: calc(1rem * var(--mantine-scale));
  --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));

  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}

.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.m_be049a53:where([data-checked]) {
    padding-inline: var(--chip-checked-padding);
  }

.m_be049a53:where([data-disabled]) {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    border: 1px solid var(--mantine-color-dark-4);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_3904c1af:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    border: var(--chip-bd);
  }

@media (hover: hover) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-gray-2);
  }

    :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) {
    --chip-icon-color: var(--chip-color);
    color: var(--chip-color);
    background-color: var(--chip-bg);
  }

@media (hover: hover) {

  .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
      background-color: var(--chip-hover);
  }
}

@media (hover: none) {

  .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
      background-color: var(--chip-hover);
  }
}

.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}

.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}

.m_bde07329:focus-visible + .m_be049a53 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

  :where([data-mantine-color-scheme='light']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-gray-0));
}

  :where([data-mantine-color-scheme='dark']) .m_b183c0a2 {
    background-color: var(--code-bg, var(--mantine-color-dark-6));
}

  .m_b183c0a2[data-block] {
    padding: var(--mantine-spacing-xs);
  }

.m_de3d2490 {
  --cs-size: calc(1.75rem * var(--mantine-scale));
  --cs-radius: calc(62.5rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}

  [data-mantine-color-scheme='light'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-gray-3);
    --alpha-overlay-bg: var(--mantine-color-white);
}

  [data-mantine-color-scheme='dark'] .m_de3d2490 {
    --alpha-overlay-color: var(--mantine-color-dark-4);
    --alpha-overlay-bg: var(--mantine-color-dark-7);
}

.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}

.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset,
    rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}

.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * var(--mantine-scale)),
    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
    calc(-0.25rem * var(--mantine-scale)) 0;
  background-image:
    linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
    linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
}

.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_fee9c77 {
  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
  --cp-width-md: calc(15rem * var(--mantine-scale));
  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
  --cp-width-xl: calc(20rem * var(--mantine-scale));

  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));

  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));

  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);

  width: var(--cp-width);
  padding: calc(0.0625rem * var(--mantine-scale));
}

  .m_fee9c77:where([data-full-width]) {
    width: 100%;
  }

.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}

.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}

.m_3283bb96 {
  flex: 1;
}

.m_3283bb96:not(:only-child) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}

.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-inline: calc(-0.125rem * var(--mantine-scale));
  display: flex;
  flex-wrap: wrap;
}

.m_5711e686:only-child {
    margin-top: 0;
  }

.m_202a296e {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));

  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}

.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}

.m_d856d47d {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));

  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: calc(0.375rem * var(--mantine-scale));
  }

.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled);
      }

:where([data-mantine-color-scheme='light']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_d856d47d {
    --slider-checkers: var(--mantine-color-dark-4);
}

.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}

.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}

.m_66a028b5 {
  --ci-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --ci-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --ci-button-size-md: calc(1.75rem * var(--mantine-scale));
  --ci-button-size-lg: calc(2rem * var(--mantine-scale));
  --ci-button-size-xl: calc(2.5rem * var(--mantine-scale));
  --ci-button-size: var(--ci-button-size-sm);

  width: var(--ci-button-size);
  height: var(--ci-button-size);
  min-width: var(--ci-button-size);
  min-height: var(--ci-button-size);
}

.m_c5ccdcab {
  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
  --ci-preview-size: var(--ci-preview-size-sm);
}

.m_5ece2cd7 {
  padding: calc(0.5rem * var(--mantine-scale));
}

.m_7485cace {
  --container-size-xs: calc(33.75rem * var(--mantine-scale));
  --container-size-sm: calc(45rem * var(--mantine-scale));
  --container-size-md: calc(60rem * var(--mantine-scale));
  --container-size-lg: calc(71.25rem * var(--mantine-scale));
  --container-size-xl: calc(82.5rem * var(--mantine-scale));
  --container-size: var(--container-size-md);
}

  .m_7485cace:where([data-strategy='block']) {
    max-width: var(--container-size);
    padding-inline: var(--mantine-spacing-md);
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
      max-width: 100%;
    }

  .m_7485cace:where([data-strategy='grid']) {
    display: grid;
    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
    margin-inline: auto;
  }

  .m_7485cace:where([data-strategy='grid']) > * {
      grid-column: 2;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
      grid-column: 1 / -1;
    }

  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
        max-width: var(--container-size);
        margin-inline: auto;
      }

.m_f84d0407 {
  --data-list-fz: var(--mantine-font-size-sm);
  --data-list-lh: var(--mantine-line-height-sm);
  --data-list-gap: var(--mantine-spacing-sm);
  --data-list-label-width: calc(7.5rem * var(--mantine-scale));

  display: flex;
  flex-direction: column;
  gap: var(--data-list-gap);
  font-size: var(--data-list-fz);
  line-height: var(--data-list-lh);
  margin: 0;
  padding: 0;
}

  .m_f84d0407:where([data-with-divider]) {
    gap: 0;
  }

.m_f848fe38 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: var(--mantine-spacing-xs);
}

.m_f84d0407:where([data-orientation='vertical']) > .m_f848fe38 {
  flex-direction: column;
  gap: 0;
}

.m_c791b39c {
  color: var(--mantine-color-dimmed);
  font-size: var(--data-list-fz);
  line-height: var(--data-list-lh);
  min-width: var(--data-list-label-width);
  margin: 0;
}

.m_f84d0407:where([data-orientation='vertical']) .m_c791b39c {
  min-width: 100%;
}

.m_c81ec619 {
  font-size: var(--data-list-fz);
  line-height: var(--data-list-lh);
  margin: 0;
}

.m_f84d0407:where([data-with-divider]) > .m_f848fe38:where(:not(:first-of-type)) {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);
  padding-top: var(--data-list-gap);
  margin-top: var(--data-list-gap);
}

.m_e2125a27 {
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
  --dialog-size-lg: calc(25rem * var(--mantine-scale));
  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
  --dialog-size: var(--dialog-size-md);

  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * var(--mantine-scale));
}

.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}

.m_3eebeb36 {
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
  --divider-size-md: calc(0.1875rem * var(--mantine-scale));
  --divider-size-lg: calc(0.25rem * var(--mantine-scale));
  --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
  --divider-size: var(--divider-size-xs);
}

  :where([data-mantine-color-scheme='light']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_3eebeb36 {
    --divider-color: var(--mantine-color-dark-4);
}

  .m_3eebeb36:where([data-orientation='horizontal']) {
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

  .m_3eebeb36:where([data-orientation='vertical']) {
    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    height: auto;
    align-self: stretch;
  }

  .m_3eebeb36:where([data-with-label]) {
    border: 0;
  }

.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

.m_9e365f20:where([data-position='left'])::before {
    display: none;
  }

.m_9e365f20:where([data-position='right'])::after {
    display: none;
  }

.m_9e365f20::before {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_f11b401e {
  --drawer-size-xs: calc(20rem * var(--mantine-scale));
  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}

.m_5a7c2c9 {
  z-index: 1000;
}

.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}

.m_b8a05bbd[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}

.m_7ffcadab {
  --empty-state-indicator-size-xs: calc(2rem * var(--mantine-scale));
  --empty-state-indicator-size-sm: calc(2.5rem * var(--mantine-scale));
  --empty-state-indicator-size-md: calc(3rem * var(--mantine-scale));
  --empty-state-indicator-size-lg: calc(3.75rem * var(--mantine-scale));
  --empty-state-indicator-size-xl: calc(4.5rem * var(--mantine-scale));

  --empty-state-gap-xs: calc(0.375rem * var(--mantine-scale));
  --empty-state-gap-sm: calc(0.5rem * var(--mantine-scale));
  --empty-state-gap-md: calc(0.625rem * var(--mantine-scale));
  --empty-state-gap-lg: calc(0.75rem * var(--mantine-scale));
  --empty-state-gap-xl: calc(1rem * var(--mantine-scale));

  --empty-state-title-fz-xs: var(--mantine-font-size-sm);
  --empty-state-title-fz-sm: var(--mantine-font-size-md);
  --empty-state-title-fz-md: var(--mantine-font-size-lg);
  --empty-state-title-fz-lg: var(--mantine-font-size-xl);
  --empty-state-title-fz-xl: calc(var(--mantine-font-size-xl) * 1.2);

  --empty-state-description-fz-xs: var(--mantine-font-size-xs);
  --empty-state-description-fz-sm: var(--mantine-font-size-sm);
  --empty-state-description-fz-md: var(--mantine-font-size-sm);
  --empty-state-description-fz-lg: var(--mantine-font-size-md);
  --empty-state-description-fz-xl: var(--mantine-font-size-lg);

  display: flex;
  gap: var(--empty-state-gap, var(--empty-state-gap-md));
}

  .m_7ffcadab[data-align='center'] {
    flex-direction: column;
    align-items: center;
  }

  .m_7ffcadab[data-align='left'] {
    flex-direction: row;
    align-items: flex-start;
  }

  .m_7ffcadab[data-align='right'] {
    flex-direction: row-reverse;
    align-items: flex-start;
  }

.m_7ff5666b {
  display: flex;
  flex-direction: column;
  gap: var(--empty-state-gap, var(--empty-state-gap-md));
  min-width: 0;
}

[data-align='center'] > .m_7ff5666b {
    align-items: center;
    text-align: center;
  }

[data-align='left'] > .m_7ff5666b {
    align-items: flex-start;
    text-align: left;
  }

[data-align='right'] > .m_7ff5666b {
    align-items: flex-end;
    text-align: right;
  }

.m_866226e6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--empty-state-indicator-color, var(--mantine-color-dimmed));
  font-size: var(--empty-state-indicator-size, var(--empty-state-indicator-size-md));
  line-height: 1;
}

.m_866226e6 > svg {
    width: 1em;
    height: 1em;
  }

[data-mantine-color-scheme='light'] .m_866226e6[data-with-background] {
      --empty-state-indicator-default-bg: var(--mantine-color-gray-1);
}

[data-mantine-color-scheme='dark'] .m_866226e6[data-with-background] {
      --empty-state-indicator-default-bg: var(--mantine-color-dark-6);
}

.m_866226e6[data-with-background] {

    width: 2em;
    height: 2em;
    border-radius: calc(62.5rem * var(--mantine-scale));
    background-color: var(--empty-state-indicator-bg, var(--empty-state-indicator-default-bg));
}

.m_7fb28eaf {
  font-size: var(--empty-state-title-fz, var(--empty-state-title-fz-md));
  font-weight: 600;
  line-height: 1.3;
  color: var(--mantine-color-bright);
  margin: 0;
  text-wrap: balance;
}

.m_5f111313 {
  font-size: var(--empty-state-description-fz, var(--empty-state-description-fz-md));
  line-height: 1.55;
  color: var(--mantine-color-dimmed);
  margin: 0;
  max-width: 32rem;
  text-wrap: pretty;
}

.m_65f4fb94 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--mantine-spacing-sm);
}

.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.m_84c9523a {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_84c9523a {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_84c9523a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
}

.m_ef274e49 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_ef274e49 {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_ef274e49 {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}

.m_df020499 {
  position: fixed;
  z-index: var(--floating-window-z-index);
  width: var(--floating-window-width, auto);
  height: var(--floating-window-height, auto);
}

.m_8478a6da {
  container: mantine-grid / inline-size;
}

.m_410352e9 {
  --grid-overflow: visible;
  --grid-column-gap: var(--grid-gap);
  --grid-row-gap: var(--grid-gap);

  overflow: var(--grid-overflow);
}

.m_dee7bd2f {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  gap: var(--grid-row-gap) var(--grid-column-gap);
}

.m_96bdd299 {
  --col-flex-grow: 0;
  --col-offset: 0rem;

  flex-shrink: 0;
  order: var(--col-order);
  flex-basis: var(--col-flex-basis);
  width: var(--col-width);
  max-width: var(--col-max-width);
  flex-grow: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  align-self: var(--col-align-self);
}

.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}

  :where([data-mantine-color-scheme='light']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-light);
}

  :where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 {
    background-color: var(--mark-bg-dark);
}

.m_9e117634 {
  display: block;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}

@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}

.m_e5262200 {
  --indicator-size: calc(0.625rem * var(--mantine-scale));
  --indicator-color: var(--mantine-primary-color-filled);

  position: relative;
  display: block;
}

.m_e5262200:where([data-inline]) {
    display: inline-block;
  }

.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

.m_760d1fb1::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--indicator-color);
    border-radius: var(--indicator-radius, 1000rem);
    z-index: -1;
  }

.m_760d1fb1:where([data-with-label]) {
    padding-inline: calc(var(--mantine-spacing-xs) / 2);
  }

.m_760d1fb1:where([data-with-border]) {
    border: 2px solid var(--mantine-color-body);
  }

.m_760d1fb1[data-processing]::before {
      animation: m_885901b1 1000ms linear infinite;
    }

.m_dc6f14e2 {
  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
  --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
  --kbd-fz-lg: calc(1rem * var(--mantine-scale));
  --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
  --kbd-fz: var(--kbd-fz-sm);

  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: var(--mantine-font-weight-bold);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  unicode-bidi: embed;
  text-align: center;
  padding: 0.12em 0.45em;
}

  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-7);
    background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-6);
}

.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  --list-marker-gap: var(--mantine-spacing-lg);

  list-style-position: outside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-inline-start: var(--list-marker-gap);
}

  .m_abbac491[data-type='none'] {
    --list-marker-gap: 0;
  }

  .m_abbac491:where([data-with-padding]) {
    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
  }

.m_abb6bec2 {
  white-space: normal;
  line-height: var(--list-lh);
}

.m_abb6bec2:where([data-with-icon]) {
    list-style: none;
  }

.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
      --li-direction: row;
      --li-align: center;
    }

.m_abb6bec2:where(:not(:first-of-type)) {
    margin-top: var(--list-spacing, 0);
  }

.m_abb6bec2:where([data-centered]) {
    line-height: 1;
  }

.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}

.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}

.m_df587f17 {
  z-index: var(--lo-z-index);
}

@keyframes m_55dc625a {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(
      calc(
        -100% / var(--marquee-repeat, 4) - var(--marquee-gap, var(--mantine-spacing-md)) /
          var(--marquee-repeat, 4)
      )
    );
  }
}

@keyframes m_cdef532c {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(
      calc(
        -100% / var(--marquee-repeat, 4) - var(--marquee-gap, var(--mantine-spacing-md)) /
          var(--marquee-repeat, 4)
      )
    );
  }
}

.m_7dc7d3cd {
  --_fade-color: var(--marquee-fade-color, var(--mantine-color-body));
  --_fade-size: var(--marquee-fade-size, 5%);

  position: relative;
  overflow: hidden;
  display: flex;
  max-height: 100%;
  max-width: 100%;

  /* Fade edges using pseudo-elements */

  /* Horizontal fade edges */

  /* Vertical fade edges */
}

.m_7dc7d3cd:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_7dc7d3cd:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_7dc7d3cd[data-fade-edges]::before,
  .m_7dc7d3cd[data-fade-edges]::after {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
  }

.m_7dc7d3cd[data-orientation='horizontal'][data-fade-edges]::before,
  .m_7dc7d3cd[data-orientation='horizontal'][data-fade-edges]::after {
    top: 0;
    bottom: 0;
    width: var(--_fade-size);
  }

.m_7dc7d3cd[data-orientation='horizontal'][data-fade-edges]::before {
    left: 0;
    background: linear-gradient(to right, var(--_fade-color), transparent);
  }

.m_7dc7d3cd[data-orientation='horizontal'][data-fade-edges]::after {
    right: 0;
    background: linear-gradient(to left, var(--_fade-color), transparent);
  }

.m_7dc7d3cd[data-orientation='vertical'][data-fade-edges]::before,
  .m_7dc7d3cd[data-orientation='vertical'][data-fade-edges]::after {
    left: 0;
    right: 0;
    height: var(--_fade-size);
  }

.m_7dc7d3cd[data-orientation='vertical'][data-fade-edges]::before {
    top: 0;
    background: linear-gradient(to bottom, var(--_fade-color), transparent);
  }

.m_7dc7d3cd[data-orientation='vertical'][data-fade-edges]::after {
    bottom: 0;
    background: linear-gradient(to top, var(--_fade-color), transparent);
  }

.m_1f9675ae {
  display: flex;
  gap: var(--marquee-gap, var(--mantine-spacing-md));
  animation-duration: var(--marquee-duration, 40000ms);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.m_7dc7d3cd[data-orientation='horizontal'] > .m_1f9675ae {
    flex-direction: row;
    animation-name: m_55dc625a;
  }

.m_7dc7d3cd[data-orientation='vertical'] > .m_1f9675ae {
    flex-direction: column;
    animation-name: m_cdef532c;
  }

.m_7dc7d3cd[data-reverse] > .m_1f9675ae {
    animation-direction: reverse;
  }

.m_7dc7d3cd[data-pause-on-hover]:hover > .m_1f9675ae {
    animation-play-state: paused;
  }

.m_3a9900f4 {
  display: flex;
  flex-shrink: 0;
  gap: var(--marquee-gap, var(--mantine-spacing-md));
}

.m_7dc7d3cd[data-orientation='horizontal'] .m_3a9900f4 {
    flex-direction: row;
  }

.m_7dc7d3cd[data-orientation='vertical'] .m_3a9900f4 {
    flex-direction: column;
  }

.m_dc9b7c9f {
  padding: calc(0.25rem * var(--mantine-scale));
}

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: var(--mantine-font-weight-medium);
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

.m_efdf90cb {
  margin-top: calc(0.25rem * var(--mantine-scale));
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_efdf90cb {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_efdf90cb {
    border-color: var(--mantine-color-dark-4);
}

.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}

.m_99ac2aa1:where([data-disabled], :disabled) {
    color: var(--mantine-color-disabled-color);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus, [data-menu-active]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_99ac2aa1:where([data-sub-menu-item]) {
    padding-inline-end: calc(0.3125rem * var(--mantine-scale));
  }

.m_ef8769b6 {
  --menu-search-padding: var(--popover-padding, 4px);

  margin-inline: calc(var(--menu-search-padding) * -1);
  margin-top: calc(var(--menu-search-padding) * -1);
  width: calc(100% + var(--menu-search-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--menu-search-padding);
}

:where([data-mantine-color-scheme='light']) .m_ef8769b6, :where([data-mantine-color-scheme='light']) .m_ef8769b6:focus {
      border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_ef8769b6, :where([data-mantine-color-scheme='dark']) .m_ef8769b6:focus {
      border-color: var(--mantine-color-dark-4);
}

:where([data-mantine-color-scheme='light']) .m_ef8769b6 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_ef8769b6 {
    background-color: var(--mantine-color-dark-7);
}

.m_5476e0d3 {
  flex: 1;
}

.m_8395186e {
  width: calc(0.75rem * var(--mantine-scale));
  height: calc(0.75rem * var(--mantine-scale));
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: calc(0.5rem * var(--mantine-scale));
}

.m_8b75e504 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.m_8b75e504:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_b85b0bed {
  transform: rotate(-90deg);
}

:where([dir="rtl"]) .m_b85b0bed {
    transform: rotate(90deg);
}

.m_de2654db {
  display: flex;
  align-items: center;
}

.m_f08a2b4a {
  font-size: var(--mantine-font-size-sm);
  line-height: 1;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-default);
  color: var(--mantine-color-text);
  background-color: transparent;
  user-select: none;
  cursor: pointer;
}

.m_f08a2b4a:where([data-disabled], :disabled) {
    color: var(--mantine-color-disabled-color);
    opacity: 0.6;
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_f08a2b4a:where(:hover, :focus-visible, [data-expanded]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_f08a2b4a:where(:hover, :focus-visible, [data-expanded]):where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
}

.m_9df02822 {
  --modal-size-xs: calc(20rem * var(--mantine-scale));
  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
  --modal-size-md: calc(27.5rem * var(--mantine-scale));
  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
  --modal-size: var(--modal-size-md);

  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}

  .m_9df02822[data-full-screen] {
    --modal-border-radius: 0 !important;
  }

  .m_9df02822[data-full-screen] .m_54c44539 {
      --modal-content-flex: 0 0 100%;
      --modal-content-max-height: auto;
      --modal-content-height: 100dvh;
    }

  .m_9df02822[data-full-screen] .m_1f958f16 {
      --modal-inner-y-offset: 0;
      --modal-inner-x-offset: 0;
    }

  .m_9df02822[data-centered] .m_1f958f16 {
      --modal-inner-align: center;
    }

.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}

.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}

.m_54c44539[data-full-screen] {
    border-radius: 0;
  }

.m_54c44539[data-hidden] {
    opacity: 0 !important;
    pointer-events: none;
  }

.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}

.m_7cda1cd6 {
  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
  --pill-fz-lg: calc(1rem * var(--mantine-scale));
  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));

  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
  --pill-height-xl: calc(2rem * var(--mantine-scale));

  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);

  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
  position: relative;
}

  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-dark-0);
}

  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
    color: var(--mantine-color-black);
}

  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-inline-end: 0;
  }

  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

  .m_7cda1cd6:where([draggable='true']) {
    cursor: grab;
  }

  .m_7cda1cd6:where([draggable='true']):focus-visible {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

  .m_7cda1cd6:where([data-dragging]) {
    opacity: 0.4;
    cursor: grabbing;
  }

  .m_7cda1cd6:where([data-drag-over='before'])::before,
  .m_7cda1cd6:where([data-drag-over='after'])::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(0.125rem * var(--mantine-scale));
    background-color: var(--mantine-primary-color-filled);
    pointer-events: none;
    z-index: 1;
  }

  .m_7cda1cd6:where([data-drag-over='before'])::before {
    inset-inline-start: calc(-0.25rem * var(--mantine-scale));
  }

  .m_7cda1cd6:where([data-drag-over='after'])::after {
    inset-inline-end: calc(-0.25rem * var(--mantine-scale));
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
      background-color: var(--mantine-color-disabled);
    }

.m_1e0e6180 {
  cursor: inherit;
  display: block;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}

.m_7cda1cd6[data-disabled] > .m_ae386778,
  .m_ae386778:disabled {
    display: none;
    background-color: transparent;
    width: 0.8em;
    min-width: 0.8em;
    padding: 0;
    cursor: not-allowed;
  }

.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
      display: none;
    }

.m_ae386778 > svg {
    pointer-events: none;
  }

.m_1dcfd90b {
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
  --pg-gap: var(--pg-gap-sm);

  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

  .m_45c4369d::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: calc(0.0625rem * var(--mantine-scale));
    width: calc(0.0625rem * var(--mantine-scale));
    top: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: 0;
  }

  .m_45c4369d:focus {
    outline: none;
  }

  .m_45c4369d:where([data-type='auto']:focus) {
    height: 1.6em;
    visibility: visible;
    opacity: 1;
    position: static;
  }

  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
    cursor: pointer;
  }

  .m_45c4369d:where([data-disabled], :disabled) {
    cursor: not-allowed;
  }

.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);

  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}

  @media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: var(--mantine-color-dark-6);
  }
}

  @media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_f0824112:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: var(--mantine-color-dark-6);
  }
}

  .m_f0824112:where([data-disabled]) {
    opacity: 0.4;
    pointer-events: none;
  }

  .m_f0824112:where([data-active], [aria-current='page']) {
    background-color: var(--nl-bg);
    color: var(--nl-color);
  }

  @media (hover: hover) {

  .m_f0824112:where([data-active], [aria-current='page']):hover {
      background-color: var(--nl-hover);
  }
}

  @media (hover: none) {

  .m_f0824112:where([data-active], [aria-current='page']):active {
      background-color: var(--nl-hover);
  }
}

  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
      --description-opacity: 0.9;
      --description-color: var(--nl-color);
    }

.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}

.m_690090b5 > svg {
    display: block;
  }

.m_690090b5:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}

.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_f07af9d2:where([data-no-wrap]) {
    white-space: nowrap;
  }

.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-no-wrap]) .m_57492dcc {
    white-space: nowrap;
  }

.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}

.m_1fd8a00b {
  transform: rotate(-90deg);
}

.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);

  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: calc(1.375rem * var(--mantine-scale));
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}

  .m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(0.375rem * var(--mantine-scale));
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    inset-inline-start: calc(0.25rem * var(--mantine-scale));
    border-radius: var(--notification-radius);
    background-color: var(--notification-color);
  }

  :where([data-mantine-color-scheme='light']) .m_a513464 {
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: var(--mantine-color-dark-6);
}

  .m_a513464:where([data-with-icon])::before {
      display: none;
    }

  :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: var(--mantine-font-weight-medium);
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_3feedf16 {
    color: var(--mantine-color-white);
}

.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a {
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: var(--mantine-color-dark-2);
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover {
      background-color: var(--mantine-color-dark-8);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_919a4d88:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: var(--mantine-color-dark-8);
  }
}

.m_e2f5cd4e {
  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
}

.m_95e17d22 {
  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
  --ni-chevron-size: var(--ni-chevron-size-sm);

  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}

.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));

  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}

.m_80b4b171:where(:disabled) {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.6;
    color: var(--mantine-color-disabled-color);
  }

.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
    color: var(--mantine-color-error);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:hover {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: var(--mantine-color-dark-4);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_80b4b171:active {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-end-end-radius: var(--control-radius);
  }

.m_f62ab2af {
  display: flex;
  flex-wrap: wrap;
  contain: layout style;
  gap: var(--ol-gap, var(--mantine-spacing-xs));
}

.m_4addd315 {
  --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
  --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
  --pagination-control-size-md: calc(2rem * var(--mantine-scale));
  --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
  --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));

  --pagination-control-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --pagination-control-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --pagination-control-size-input-md: calc(2.625rem * var(--mantine-scale));
  --pagination-control-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --pagination-control-size-input-xl: calc(3.75rem * var(--mantine-scale));

  --pagination-control-size: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

  .m_4addd315:where([data-layout='responsive']) {
    container-type: inline-size;
  }

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}

.m_326d024a:where([data-with-padding]) {
    padding: calc(var(--pagination-control-size) / 4);
  }

.m_326d024a:where(:disabled, [data-disabled]) {
    cursor: not-allowed;
    opacity: 0.4;
  }

:where([data-mantine-color-scheme='light']) .m_326d024a {
    border-color: var(--mantine-color-gray-4);
    background-color: var(--mantine-color-white);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-gray-0);
      }
}

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_326d024a:where([data-active]) {
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-bg);
    color: var(--pagination-active-color, var(--mantine-color-white));
  }

@media (hover: hover) {

  .m_326d024a:where([data-active]):hover {
      background-color: var(--pagination-active-bg);
  }
}

@media (hover: none) {

  .m_326d024a:where([data-active]):active {
      background-color: var(--pagination-active-bg);
  }
}

.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.m_105fdbed {
  display: flex;
  gap: inherit;
  align-items: center;
}

@container (width <= 400px) {

.m_105fdbed {
    display: none
}
  }

.m_10817321 {
  display: none;
  align-items: center;
  justify-content: center;
  height: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  white-space: nowrap;
}

@container (width <= 400px) {

.m_10817321 {
    display: flex
}
  }

.m_f61ca620 {
  --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
  --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
  --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
  --psi-button-size-lg: calc(2rem * var(--mantine-scale));
  --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));

  --psi-icon-size-xs: calc(1rem * var(--mantine-scale));
  --psi-icon-size-sm: calc(1.25rem * var(--mantine-scale));
  --psi-icon-size-md: calc(1.375rem * var(--mantine-scale));
  --psi-icon-size-lg: calc(1.5rem * var(--mantine-scale));
  --psi-icon-size-xl: calc(1.75rem * var(--mantine-scale));

  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}

.m_ccf8da4c {
  position: relative;
  overflow: hidden;
}

.m_f2d85dd2 {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}

.m_ccf8da4c[data-disabled] .m_f2d85dd2,
  .m_f2d85dd2:disabled {
    cursor: not-allowed;
  }

.m_f2d85dd2::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.m_f2d85dd2::-ms-reveal {
    display: none;
  }

.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}

.m_b1072d44:disabled {
    display: none;
  }

.m_f1cb205a {
  --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
  --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
  --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
  --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
  --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
  --pin-input-size: var(--pin-input-size-sm);
}

.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}

@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}

@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 calc(2.5rem * var(--mantine-scale));
  }
}

.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);

  --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
  --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
  --progress-size-md: calc(0.5rem * var(--mantine-scale));
  --progress-size-lg: calc(0.75rem * var(--mantine-scale));
  --progress-size-xl: calc(1rem * var(--mantine-scale));

  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

:where([data-mantine-color-scheme='light']) .m_db6d6462 {
    background-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: var(--mantine-color-dark-4);
}

.m_db6d6462:where([data-orientation='vertical']) {
    height: auto;
    width: var(--progress-size);
    flex-direction: column-reverse;
  }

.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-size);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width var(--progress-transition-duration, 100ms) ease;
}

.m_2242eb65:where([data-striped]) {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }

.m_2242eb65:where([data-animated]) {
    animation: m_81a374bd 1s linear infinite;
  }

.m_2242eb65:where(:last-of-type) {
    border-radius: 0;
    border-start-end-radius: var(--progress-radius);
    border-end-end-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-start-start-radius: var(--progress-radius);
    border-end-start-radius: var(--progress-radius);
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
    width: 100%;
    height: var(--progress-section-size);
    transition: height var(--progress-transition-duration, 100ms) ease;
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
      background-image: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
      );
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
      animation: m_e0fb7a86 1s linear infinite;
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
      border-radius: 0;
      border-start-start-radius: var(--progress-radius);
      border-start-end-radius: var(--progress-radius);
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
      border-radius: 0;
      border-end-start-radius: var(--progress-radius);
      border-end-end-radius: var(--progress-radius);
    }

.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: calc(0.25rem * var(--mantine-scale));
}

.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
    writing-mode: vertical-rl;
  }

.m_9dc8ae12 {
  --card-radius: var(--mantine-radius-default);

  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}

  .m_9dc8ae12 :where(*) {
    cursor: inherit;
  }

  .m_9dc8ae12:where([data-with-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  }

  :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
      border-color: var(--mantine-color-dark-4);
}

.m_717d7ff6 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));

  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-size: var(--radio-size-sm);
  --radio-color: var(--mantine-primary-color-filled);
  --radio-icon-color: var(--mantine-color-white);

  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--radio-size);
  min-width: var(--radio-size);
  height: var(--radio-size);
  min-height: var(--radio-size);
  border-radius: var(--radio-radius, 10000px);
  transition:
    border-color 100ms ease,
    background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

  :where([data-mantine-color-scheme='light']) .m_717d7ff6 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_717d7ff6 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  .m_717d7ff6[data-checked] {
    background-color: var(--radio-color);
    border-color: var(--radio-color);
  }

  .m_717d7ff6[data-checked] > .m_3e4da632 {
      opacity: 1;
      transform: none;
      color: var(--radio-icon-color);
    }

  .m_717d7ff6[data-disabled] {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

  .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
      color: var(--mantine-color-disabled-color);
    }

.m_2980836c[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 {
      color: var(--radio-color);
      opacity: 1;
      transform: none;
    }

.m_3e4da632 {
  display: block;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition:
    transform 100ms ease,
    opacity 100ms ease;
}

.m_f3f1af94 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-size: var(--radio-size-sm);

  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}

.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}

.m_89c4f5e4:where([data-label-position='left']) {
    order: 2;
  }

.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  translate: -50% -50%;
  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
  transition:
    opacity 100ms ease,
    transform 200ms ease;
  pointer-events: none;
  width: var(--radio-icon-size);
  height: var(--radio-icon-size);
  position: absolute;
  top: 50%;
  left: 50%;
}

.m_8a3dbb89 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

.m_8a3dbb89:checked {
    background-color: var(--radio-color, var(--mantine-primary-color-filled));
    border-color: var(--radio-color, var(--mantine-primary-color-filled));
  }

.m_8a3dbb89:checked + .m_f3ed6b2b {
      --radio-icon-opacity: 1;
      --radio-icon-transform: scale(1);
    }

.m_8a3dbb89:disabled {
    cursor: not-allowed;
    background-color: var(--mantine-color-disabled);
    border-color: var(--mantine-color-disabled-border);
  }

.m_8a3dbb89:disabled + .m_f3ed6b2b {
      --radio-icon-color: var(--mantine-color-disabled-color);
    }

.m_8a3dbb89:where([data-with-error-styles][data-error]) {
    border-color: var(--mantine-color-error);
  }

.m_1bfe9d39 + .m_f3ed6b2b {
    --radio-icon-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
      --radio-icon-color: var(--radio-color);
      --radio-icon-opacity: 1;
      --radio-icon-transform: none;
    }

.m_f8d312f2 {
  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
  --rating-size-md: calc(1.25rem * var(--mantine-scale));
  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
  --rating-size-xl: calc(2rem * var(--mantine-scale));

  display: flex;
  width: max-content;
}

  .m_f8d312f2:where(:has(input:disabled)) {
    pointer-events: none;
  }

.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}

.m_61734bb7:where([data-active]) {
    z-index: 1;
    transform: scale(1.1);
  }

.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}

:where([data-mantine-color-scheme='light']) .m_5662a89a {
    fill: var(--mantine-color-gray-3);
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: var(--mantine-color-dark-3);
    stroke: var(--mantine-color-dark-3);
}

.m_5662a89a:where([data-filled]) {
    fill: var(--rating-color);
    stroke: var(--rating-color);
  }

.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}

.m_211007ba:focus-visible + label {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}

.m_21342ee4:where([data-read-only]) {
    cursor: default;
  }

.m_21342ee4:where(:last-of-type) {
    position: relative;
  }

.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}

.m_47dd3981 {
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
}

  .m_47dd3981[data-tabular-numbers] {
    font-variant-numeric: tabular-nums;
  }

.m_b301d46e {
  display: inline-block;
  width: 1ch;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  transition:
    width var(--rn-duration) var(--rn-timing-function),
    opacity var(--rn-duration) var(--rn-timing-function);
}

.m_b301d46e[data-empty] {
    width: 0;
    opacity: 0;
  }

.m_8ae40964 {
  display: flex;
  flex-direction: column;
  animation: m_18d73873 var(--rn-duration) var(--rn-timing-function);
}

.m_8ae40964 > span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1em;
  }

.m_47d64bf5 {
  display: inline-block;
  overflow: hidden;
  white-space: pre;
  transition: opacity var(--rn-duration) var(--rn-timing-function);
}

.m_47d64bf5[data-empty] {
    width: 0;
    opacity: 0;
  }

@keyframes m_18d73873 {
  from {
    transform: var(--rn-roll-from);
  }

  to {
    transform: var(--rn-roll-to);
  }
}

.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}

  :where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: var(--tooltip-color, var(--mantine-color-white));
}

  :where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: var(--tooltip-color, var(--mantine-color-black));
}

  .m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

  .m_1b3c8819:where([data-fixed]) {
    position: fixed;
  }

  .m_1b3c8819:where([data-interactive]) {
    pointer-events: auto;
  }

.m_f898399f {
  background-color: inherit;
  border: 0;
  z-index: 1;
}

.m_b32e4812 {
  position: relative;
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  --rp-transition-duration: 0ms;
}

.m_d43b5134 {
  width: var(--rp-size);
  height: var(--rp-size);
  min-width: var(--rp-size);
  min-height: var(--rp-size);
  transform: rotate(calc(var(--rp-start-angle, 270deg) - 360deg));
}

.m_b1ca1fbf {
  stroke: var(--curve-color, var(--rp-curve-root-color));
  transition:
    stroke-dashoffset var(--rp-transition-duration) ease,
    stroke-dasharray var(--rp-transition-duration) ease,
    stroke var(--rp-transition-duration);
}

[data-mantine-color-scheme='light'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
    --rp-curve-root-color: var(--mantine-color-dark-4);
}

.m_b23f9dc4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline: var(--rp-label-offset);
}

.m_bc8f275 {
  --scroller-control-size: calc(3.125rem * var(--mantine-scale));
  --scroller-background-color: var(--mantine-color-body);

  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.m_ee44dece {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  user-select: none;
}

.m_ee44dece::-webkit-scrollbar {
    display: none;
  }

.m_ee44dece[data-draggable] {
    cursor: grab;
  }

.m_53e4f606 {
  display: inline-flex;
  white-space: nowrap;
}

.m_47754fc8 {
  width: var(--scroller-control-size);
  height: var(--scroller-control-size);
}

.m_53e526ea {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--scroller-control-size);
  z-index: 1;
  color: var(--mantine-color-dimmed);
  opacity: 1;
  pointer-events: auto;
  transition:
    opacity 200ms ease,
    color 150ms ease;
}

.m_53e526ea:hover {
    color: var(--mantine-color-text);
  }

.m_53e526ea:where([data-position='start']) {
    inset-inline-start: 0;
    background: linear-gradient(to right, var(--scroller-background-color) 40%, transparent);
    justify-content: flex-start;
  }

.m_53e526ea:where([data-position='start']) .m_47754fc8 {
      transform: rotate(90deg);
    }

.m_53e526ea:where([data-position='end']) {
    inset-inline-end: 0;
    background: linear-gradient(to left, var(--scroller-background-color) 40%, transparent);
    justify-content: flex-end;
  }

.m_53e526ea:where([data-position='end']) .m_47754fc8 {
      transform: rotate(-90deg);
    }

.m_53e526ea:where([data-hidden]) {
    opacity: 0;
    pointer-events: none;
  }

.m_cf365364 {
  --sc-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.625rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));

  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);

  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * var(--mantine-scale));
}

  .m_cf365364:where([data-full-width]) {
    display: flex;
  }

  .m_cf365364:where([data-orientation='vertical']) {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) {
      width: auto;
    }

  :where([data-mantine-color-scheme='light']) .m_cf365364 {
    background-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_cf365364 {
    background-color: var(--mantine-color-dark-8);
}

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: max(
    calc(var(--sc-radius, var(--mantine-radius-default)) - 4px),
    calc(var(--sc-radius, var(--mantine-radius-default)) / 4)
  );
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: var(--sc-shadow, none);
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: var(--mantine-font-weight-medium);
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
  font-size: var(--sc-font-size);
  padding: var(--sc-padding);
  transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
  cursor: pointer;

  /* outline is controlled by .input */
  outline: var(--segmented-control-outline, none);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: var(--mantine-color-dark-1);
}

.m_1738fcb2:where([data-read-only]) {
    cursor: default;
  }

fieldset:disabled .m_1738fcb2,
  .m_1738fcb2:where([data-disabled]) {
    cursor: not-allowed;
    color: var(--mantine-color-disabled-color);
  }

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: var(--sc-label-color, var(--mantine-color-white));
}

.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
        display: none;
      }

.m_1738fcb2:where([data-active])::before {
      content: '';
      inset: 0;
      z-index: 0;
      position: absolute;
      border-radius: calc(var(--sc-radius, var(--mantine-radius-default)) - 4px);
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5));
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
        color: var(--mantine-color-white);
  }
}

@media (hover: hover) {

  fieldset:disabled .m_1738fcb2:hover {
      color: var(--mantine-color-disabled-color) !important;
  }
}

@media (hover: none) {

  fieldset:disabled .m_1738fcb2:active {
      color: var(--mantine-color-disabled-color) !important;
  }
}

.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

.m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
      }

.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}

.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    background-color: var(--separator-color);
    width: calc(0.0625rem * var(--mantine-scale));
    transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
  }

.m_69686b9b[data-orientation='vertical']::before {
      top: 0;
      inset-inline: 0;
      bottom: auto;
      height: calc(0.0625rem * var(--mantine-scale));
      width: auto;
    }

:where([data-mantine-color-scheme='light']) .m_69686b9b {
    --separator-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_69686b9b {
    --separator-color: var(--mantine-color-dark-4);
}

.m_69686b9b:first-of-type::before {
      --separator-color: transparent;
    }

[data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
          --separator-color: transparent;
        }

.m_78882f40 {
  position: relative;
  z-index: 2;
}

.m_fa528724 {
  --scp-filled-segment-color: var(--mantine-primary-color-filled);
  --scp-transition-duration: 0ms;
  --scp-thickness: calc(0.75rem * var(--mantine-scale));
}

  :where([data-mantine-color-scheme='light']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-gray-2);
}

  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
    --scp-empty-segment-color: var(--mantine-color-dark-4);
}

  .m_fa528724 {

  position: relative;
  width: fit-content;
}

.m_62e9e7e2 {
  display: block;
  transform: var(--scp-rotation);
  overflow: hidden;
}

.m_c573fb6f {
  transition:
    stroke-dashoffset var(--scp-transition-duration) ease,
    stroke-dasharray var(--scp-transition-duration) ease,
    stroke-opacity var(--scp-transition-duration) ease,
    stroke var(--scp-transition-duration);
}

.m_4fa340f2 {
  position: absolute;
  margin: 0;
  padding: 0;
  inset-inline: 0;
  text-align: center;
  z-index: 1;
}

.m_4fa340f2:where([data-position='bottom']) {
    bottom: 0;
    padding-inline: calc(var(--scp-thickness) * 2);
  }

.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
      bottom: auto;
      top: 0;
    }

.m_4fa340f2:where([data-position='center']) {
    top: 50%;
    transform: translateY(-50%);
    padding-inline: calc(var(--scp-thickness) * 3);
  }

.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  grid-auto-rows: var(--sg-auto-rows, auto);
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

.m_2415a157[data-auto-cols='auto-fill'] {
  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
}

.m_2415a157[data-auto-cols='auto-fit'] {
  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.m_18320242:where([data-animate])::after {
    animation: m_299c329c 1500ms linear infinite;
  }

.m_18320242:where([data-visible]) {
    overflow: hidden;
  }

.m_18320242:where([data-visible])::before {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      inset: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: var(--mantine-color-dark-4);
}

.m_dd36362e {
  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
  --slider-size-md: calc(0.5rem * var(--mantine-scale));
  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
  --slider-size-xl: calc(0.75rem * var(--mantine-scale));

  --slider-size: var(--slider-size-md);
  --slider-radius: calc(62.5rem * var(--mantine-scale));
  --slider-color: var(--mantine-primary-color-filled);
  --slider-track-disabled-bg: var(--mantine-color-disabled);

  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}

  [data-mantine-color-scheme='light'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
}

  .m_dd36362e[data-orientation='vertical'] {
    width: calc(var(--slider-size) * 2);
    height: calc(12.5rem * var(--mantine-scale));
    padding-inline: 0;
    padding-block: var(--slider-size);
  }

.m_c9357328 {
  position: absolute;
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: var(--mantine-color-gray-9);
}

:where([data-mantine-color-scheme='dark']) .m_c9357328 {
    background-color: var(--mantine-color-dark-4);
}

:where(.m_dd36362e[data-orientation='vertical']) .m_c9357328 {
    top: auto;
    inset-inline-start: calc(100% + 8px);
  }

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * var(--mantine-scale)) solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition:
    box-shadow 100ms ease,
    transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * var(--mantine-scale));
  left: var(--slider-thumb-offset);
}

:where([dir="rtl"]) .m_c9a9a60a {
    left: auto;
    right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}

fieldset:disabled .m_c9a9a60a,
  .m_c9a9a60a:where([data-disabled]) {
    display: none;
  }

.m_c9a9a60a:where([data-dragging]) {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: var(--mantine-shadow-sm);
  }

:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
    color: var(--slider-color);
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: var(--mantine-color-white);
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
    left: 50%;
    top: auto;
    right: auto;
    bottom: var(--slider-thumb-offset);
    transform: translate(-50%, 50%);
  }

:where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a:where([data-dragging]) {
      transform: translate(-50%, 50%) scale(1.05);
    }

:where([dir="rtl"]) :where(.m_dd36362e[data-orientation='vertical']) .m_c9a9a60a {
      left: 50%;
      right: auto;
}

.m_a8645c2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(var(--slider-size) * 2);
  cursor: pointer;
}

fieldset:disabled .m_a8645c2,
  .m_a8645c2:where([data-disabled]) {
    cursor: not-allowed;
  }

:where(.m_dd36362e[data-orientation='vertical']) .m_a8645c2 {
    flex-direction: column;
    width: calc(var(--slider-size) * 2);
    height: 100%;
  }

.m_c9ade57f {
  position: relative;
  width: 100%;
  height: var(--slider-size);
}

.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
    --track-bg: var(--slider-color);
  }

fieldset:disabled .m_c9ade57f:where([data-inverted]),
  .m_c9ade57f:where([data-inverted][data-disabled]) {
    --track-bg: var(--slider-track-disabled-bg);
  }

.m_c9ade57f::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius);
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f {
    width: var(--slider-size);
    height: 100%;
  }

:where(.m_dd36362e[data-orientation='vertical']) .m_c9ade57f::before {
      inset-inline: 0;
      top: calc(var(--slider-size) * -1);
      bottom: calc(var(--slider-size) * -1);
    }

.m_38aeed47 {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: var(--slider-color);
  border-radius: var(--slider-radius);
  width: var(--slider-bar-width);
  inset-inline-start: var(--slider-bar-offset);
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg);
  }

fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
  .m_38aeed47:where([data-disabled]:not([data-inverted])) {
    background-color: var(--mantine-color-disabled-color);
  }

:where(.m_dd36362e[data-orientation='vertical']) .m_38aeed47 {
    top: auto;
    bottom: var(--slider-bar-offset);
    inset-inline-start: 0;
    width: 100%;
    height: var(--slider-bar-width);
  }

.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

:where(.m_dd36362e[data-orientation='vertical']) .m_b7b0423a {
    inset-inline-start: 0;
    top: auto;
    bottom: calc(var(--mark-offset) + var(--slider-size) / 2);
    height: 0;
    width: 0;
  }

.m_dd33bc19 {
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: var(--mantine-color-dark-4);
}

.m_dd33bc19:where([data-filled]) {
    border-color: var(--slider-color);
  }

.m_dd33bc19:where([data-filled]):where([data-disabled]) {
      border-color: var(--mantine-color-disabled-border);
    }

.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

:where([dir="rtl"]) .m_68c77a5b {
    transform: translate(calc(50% - var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
    color: var(--mantine-color-dark-2);
}

:where(.m_dd36362e[data-orientation='vertical']) .m_68c77a5b {
    transform: translate(
      calc(var(--slider-size) + var(--mantine-spacing-xs) / 2),
      calc(-50% - var(--slider-size) / 2)
    );
  }

.m_19e66008 {
  display: flex;
}

  .m_19e66008:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

  .m_19e66008:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_19e5428e {
  flex-grow: 0;
  flex-shrink: 1;
  overflow: auto;
}

.m_27f81bce {
  flex: 0 0 var(--splitter-line-size, calc(0.125rem * var(--mantine-scale)));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  touch-action: none;
  outline: none;
  background-color: var(--splitter-handle-color, var(--mantine-color-body));
}

.m_27f81bce:where([data-orientation='horizontal']) {
    cursor: col-resize;
  }

.m_27f81bce:where([data-orientation='vertical']) {
    cursor: row-resize;
  }

.m_22feb770 {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(62.5rem * var(--mantine-scale));
  color: var(--mantine-color-dimmed);
  transition: color 100ms ease;
}

:where([data-mantine-color-scheme='light']) .m_22feb770 {
    background-color: var(--mantine-color-white);
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_22feb770 {
    background-color: var(--mantine-color-dark-6);
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
}

.m_22feb770:where([data-orientation='horizontal']) {
    width: calc(0.75rem * var(--mantine-scale));
    height: calc(3.75rem * var(--mantine-scale));
  }

.m_22feb770:where([data-orientation='vertical']) {
    width: calc(3.75rem * var(--mantine-scale));
    height: calc(0.75rem * var(--mantine-scale));
  }

.m_22feb770 > svg {
    width: 100%;
    height: 100%;
  }

.m_27f81bce:focus-visible .m_22feb770 {
    box-shadow: 0 0 0 calc(0.125rem * var(--mantine-scale)) var(--mantine-primary-color-filled);
  }

.m_559cce2d {
  position: relative;
}

  .m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: calc(1.5rem * var(--mantine-scale));
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: calc(1.5rem * var(--mantine-scale));
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}

.m_cbb4ea7e {
  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));

  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: calc(62.5rem * var(--mantine-scale));
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
}

  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-gray-2);
}

  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
    --stepper-outline-color: var(--mantine-color-dark-5);
}

.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m_aaf89d0b:where([data-wrap]) {
    flex-wrap: wrap;
    gap: var(--mantine-spacing-md) 0;
  }

.m_aaf89d0b:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

.m_aaf89d0b:where([data-orientation='horizontal']) {
    flex-direction: row;
  }

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

.m_cbb57068:where([data-icon-position='right']) {
    flex-direction: row-reverse;
  }

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}

.m_833edb7e:where(:first-of-type) {
    margin-top: 0;
  }

.m_833edb7e:where(:last-of-type) {
    min-height: auto;
  }

.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
      display: none;
    }

.m_818e70b {
  position: relative;
}

.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}

.m_6496b3f3:where([data-active]) {
    border-color: var(--stepper-color);
  }

.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}

:where([data-mantine-color-scheme='light']) .m_1959ad01 {
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
    color: var(--mantine-color-dark-1);
}

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_8faaac38 {
  display: flex;
}

.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

.m_1956aa2a {
  display: flex;
  flex-direction: column;
}

.m_1956aa2a:where([data-icon-position='left']) {
    margin-inline-start: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: end;
    margin-inline-end: var(--mantine-spacing-sm);
  }

.m_12051f6c {
  font-weight: var(--mantine-font-weight-medium);
  font-size: var(--stepper-fz);
  line-height: 1;
}

.m_164eea74 {
  margin-top: calc(var(--stepper-spacing) / 3);
  margin-bottom: calc(var(--stepper-spacing) / 3);
  font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));
  line-height: 1;
  color: var(--mantine-color-dimmed);
}

.m_5f93f3bb {
  --switch-height-xs: calc(1rem * var(--mantine-scale));
  --switch-height-sm: calc(1.25rem * var(--mantine-scale));
  --switch-height-md: calc(1.5rem * var(--mantine-scale));
  --switch-height-lg: calc(1.875rem * var(--mantine-scale));
  --switch-height-xl: calc(2.25rem * var(--mantine-scale));

  --switch-width-xs: calc(2rem * var(--mantine-scale));
  --switch-width-sm: calc(2.375rem * var(--mantine-scale));
  --switch-width-md: calc(2.875rem * var(--mantine-scale));
  --switch-width-lg: calc(3.5rem * var(--mantine-scale));
  --switch-width-xl: calc(4.5rem * var(--mantine-scale));

  --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale));
  --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale));
  --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
  --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
  --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));

  --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale));
  --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
  --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
  --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
  --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));

  --switch-track-label-padding-xs: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.21875rem * var(--mantine-scale));

  --switch-height: var(--switch-height-sm);
  --switch-width: var(--switch-width-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
  --switch-label-font-size: var(--switch-label-font-size-sm);
  --switch-track-label-padding: var(--switch-track-label-padding-sm);
  --switch-radius: calc(62.5rem * var(--mantine-scale));
  --switch-color: var(--mantine-primary-color-filled);
  --switch-disabled-color: var(--mantine-color-disabled);

  position: relative;
}

.m_926b4011 {
  /* Hide the input visually without removing it from the accessibility tree or obscuring it in the DOM */
  height: 100%;
  width: 100%;
  opacity: 0;

  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition:
    background-color 150ms ease,
    border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: var(--mantine-font-weight-medium);
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}

.m_9307d992:where([data-without-labels]) {
    width: var(--switch-width);
  }

.m_926b4011:focus-visible + .m_9307d992 {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_926b4011:checked + .m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-text-color: var(--mantine-color-white);
  }

.m_926b4011:disabled + .m_9307d992,
  .m_926b4011[data-disabled] + .m_9307d992 {
    --switch-bg: var(--switch-disabled-color);
    --switch-cursor: not-allowed;
  }

[data-mantine-color-scheme='light'] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-5);
    --switch-text-color: var(--mantine-color-dark-1);
}

.m_9307d992[data-label-position='left'] {
    --switch-order: 2;
  }

.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}

.m_93039a1d:where([data-with-thumb-indicator])::before {
    content: '';
    width: 40%;
    height: 40%;
    background-color: var(--switch-bg);
    position: absolute;
    border-radius: var(--switch-radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.m_93039a1d > * {
    margin: auto;
  }

.m_926b4011:checked + * > .m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
  }

.m_926b4011:disabled + * > .m_93039a1d,
  .m_926b4011[data-disabled] + * > .m_93039a1d {
    --switch-thumb-bg: var(--switch-thumb-bg-disabled);
  }

[data-mantine-color-scheme='light'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme='dark'] .m_93039a1d {
    --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}

.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-inline-start: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-gray-1);
    --table-striped-color: var(--mantine-color-gray-0);
    --table-border-color: var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
    --table-hover-color: var(--mantine-color-dark-5);
    --table-striped-color: var(--mantine-color-dark-6);
    --table-border-color: var(--mantine-color-dark-4);
}

  .m_b23fa0ef:where([data-with-table-border]) {
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

  .m_b23fa0ef:where([data-tabular-nums]) {
    font-variant-numeric: tabular-nums;
  }

  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: var(--mantine-font-weight-medium);
  }

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: start;
}

.m_4e7aa4fd {
  border-bottom: none;
  background-color: transparent;
}

@media (hover: hover) {
    .m_4e7aa4fd:hover:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

@media (hover: none) {
    .m_4e7aa4fd:active:where([data-hover]) {
      background-color: var(--tr-hover-bg);
    }
}

.m_4e7aa4fd:where([data-with-row-border]) {
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}

.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
    border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
      border-bottom: none;
    }

.m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) {
      background-color: var(--table-striped-color);
    }

.m_b2404537 > :where(tr)[data-hover] {
      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
    }

.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
  }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
      position: sticky;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

/* border-collapse: collapse drops borders on position: sticky cells —
       the tr's border-bottom scrolls away with the row, so redraw it with
       box-shadow on the (sticky) th. The tr's border-bottom is suppressed
       here so the two don't stack into a double line. */

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) {
      border-bottom: none;
    }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4fd[data-with-row-border]) :where(.m_4e7aa4f3) {
      box-shadow: inset 0 -1px 0 var(--table-border-color);
    }

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]) {
      border-inline-start: none;
      border-inline-end: none;
    }

/* Single pseudo-element per internal boundary, centered on the boundary
       (-0.5px) to align with the body's border-collapse line. */

.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3[data-with-column-border]:not(:first-child))::before {
      content: '';
      position: absolute;
      inset-block: 0;
      inset-inline-start: calc(-0.03125rem * var(--mantine-scale));
      width: calc(0.0625rem * var(--mantine-scale));
      background-color: var(--table-border-color);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  z-index: 4;
  border-top: none;
}

:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: calc(-0.03125rem * var(--mantine-scale));
  width: 100%;
  height: calc(0.0625rem * var(--mantine-scale));
  background-color: var(--table-border-color);
  z-index: 5;
}

:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
  border-top: none;
}

.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}

.m_9e5a3ac7:where([data-side='top']) {
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: var(--mantine-spacing-xs);
  }

.m_a100c15 {
  overflow-x: var(--table-overflow);
}

.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}

.m_bcaa9990 {
  display: flex;
  flex-direction: column;
  --toc-depth-offset: 0.8em;
}

.m_375a65ef {
  display: block;
  padding: 0.3em 0.8em;
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: var(--toc-radius, var(--mantine-radius-default));
  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: var(--mantine-color-dark-5);
  }
}

.m_375a65ef:where([data-active]) {
    background-color: var(--toc-bg);
    color: var(--toc-color);
  }

[data-mantine-color-scheme='light'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .m_89d60db1 {
    --tab-border-color: var(--mantine-color-dark-4);
}
  .m_89d60db1 {

  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);

  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;

  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;

  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}

  .m_89d60db1[data-inverted] {
    --tabs-list-line-bottom: unset;
    --tabs-list-line-top: 0;
    --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
    --tab-border-width: var(--tabs-list-border-width) 0 0 0;
  }

  .m_89d60db1[data-inverted] .m_576c9d4::before {
      top: 0;
      bottom: unset;
    }

  .m_89d60db1[data-orientation='vertical'] {
    --tabs-list-line-start: unset;
    --tabs-list-line-end: 0;
    --tabs-list-line-top: 0;
    --tabs-list-line-bottom: 0;
    --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
    --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
    --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
    --tabs-list-direction: column;
    --tabs-panel-grow: 1;
    --tabs-display: flex;
  }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}

  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
      --tabs-flex-direction: row-reverse;
      --tabs-list-line-start: 0;
      --tabs-list-line-end: unset;
      --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
      --tab-border-width: 0 0 0 var(--tabs-list-border-width);
      --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
    }

  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}

  .m_89d60db1[data-variant='default'] {
    --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

  .m_89d60db1[data-variant='outline'] {
    --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
  }

  .m_89d60db1[data-variant='pills'] {
    --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
  }

  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-gray-0);
}

  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
      --tab-hover-color: var(--mantine-color-dark-6);
}

.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
}

.m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
    flex: 1;
  }

.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}

.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
}

.m_4ec4dce6:where(:disabled, [data-disabled]) {
    opacity: 0.5;
    cursor: not-allowed;
  }

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

.m_fc420b1f {
  display: flex;
  align-items: center;
  justify-content: center;
}

.m_fc420b1f:where([data-position='left']:not(:only-child)) {
    margin-inline-end: var(--mantine-spacing-xs);
  }

.m_fc420b1f:where([data-position='right']:not(:only-child)) {
    margin-inline-start: var(--mantine-spacing-xs);
  }

.m_42bbd1ae {
  flex: 1;
  text-align: center;
}

/*************************************** default variant ***************************************/
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
    content: '';
    position: absolute;
    border: 1px solid var(--tab-border-color);
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color);
  }

@media (hover: hover) {
    .m_539e827b:hover {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:hover:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: none) {
    .m_539e827b:active {
    background-color: var(--tab-hover-color);
    }

    .m_539e827b:active:where(:not([data-active])) {
      border-color: var(--tab-border-color);
    }
}

@media (hover: hover) {
    .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
      background-color: transparent;
    }
}

@media (hover: none) {
    .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
      background-color: transparent;
    }
}

/*************************************** outline variant ***************************************/
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
    content: '';
    position: absolute;
    border-color: var(--tab-border-color);
    border-width: var(--tabs-list-border-size);
    border-style: solid;
    bottom: var(--tabs-list-line-bottom);
    inset-inline-start: var(--tabs-list-line-start);
    inset-inline-end: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-inline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;

  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}

.m_b59ab47c:where([data-active])::before {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      inset-inline-start: var(--tab-before-start, calc(-0.0625rem * var(--mantine-scale)));
      inset-inline-end: var(--tab-before-end, auto);
      top: var(--tab-before-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      inset-inline-end: var(--tab-after-end, calc(-0.0625rem * var(--mantine-scale)));
      inset-inline-start: var(--tab-after-start, auto);
      top: var(--tab-after-top, auto);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active]) {

    border-top-color: var(--tab-border-top-color);
    border-bottom-color: var(--tab-border-bottom-color);
    border-inline-start-color: var(--tab-border-inline-start-color);
    border-inline-end-color: var(--tab-border-inline-end-color);

    --tab-border-top-color: var(--tab-border-color);
    --tab-border-inline-start-color: var(--tab-border-color);
    --tab-border-inline-end-color: var(--tab-border-color);
    --tab-border-bottom-color: var(--mantine-color-body);
}

.m_b59ab47c:where([data-active])[data-inverted] {
      --tab-border-bottom-color: var(--tab-border-color);
      --tab-border-top-color: var(--mantine-color-body);

      --tab-before-bottom: auto;
      --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
      --tab-after-bottom: auto;
      --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-end: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-start: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-start: auto;
        --tab-after-end: calc(-0.0625rem * var(--mantine-scale));
      }

.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);

        --tab-before-start: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-end: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-end: auto;
        --tab-after-start: calc(-0.0625rem * var(--mantine-scale));
      }

/*************************************** pills variant ***************************************/
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);

  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {
    .m_c3381914:not([data-disabled]):hover {
      --tab-bg: var(--tab-hover-color);
    }
}
@media (hover: none) {
    .m_c3381914:not([data-disabled]):active {
      --tab-bg: var(--tab-hover-color);
    }
}
.m_c3381914[data-active][data-active] {
    --tab-bg: var(--tabs-color);
    --tab-color: var(--tabs-text-color, var(--mantine-color-white));
  }
@media (hover: hover) {
    .m_c3381914[data-active][data-active]:hover {
      --tab-bg: var(--tabs-color);
    }
}
@media (hover: none) {
    .m_c3381914[data-active][data-active]:active {
      --tab-bg: var(--tabs-color);
    }
}

.m_7341320d {
  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
  --ti-size-md: calc(1.75rem * var(--mantine-scale));
  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
  --ti-size: var(--ti-size-md);

  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;

  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}

.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
  --tl-line-width: calc(0.25rem * var(--mantine-scale));
  --tl-radius: calc(62.5rem * var(--mantine-scale));
  --tl-color: var(--mantine-primary-color-filled);
}

  .m_43657ece:where(:not([data-opposite])):where([data-align='left']) {
      padding-inline-start: var(--offset);
    }

  .m_43657ece:where(:not([data-opposite])):where([data-align='right']) {
      padding-inline-end: var(--offset);
    }

.m_2ebe8099 {
  font-weight: var(--mantine-font-weight-medium);
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}

.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);

  position: relative;
  color: var(--mantine-color-text);
}

.m_436178ff::before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    inset-inline-start: var(--timeline-line-start, 0);
    inset-inline-end: var(--timeline-line-end, 0);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-inline-start: var(--item-border);
    display: var(--timeline-line-display, none);
  }

.m_43657ece:where(:not([data-opposite]))[data-align='left'] .m_436178ff::before {
      --timeline-line-start: calc(var(--tl-line-width) * -1);
      --timeline-line-end: auto;
    }

.m_43657ece:where(:not([data-opposite]))[data-align='right'] .m_436178ff::before {
      --timeline-line-start: auto;
      --timeline-line-end: calc(var(--tl-line-width) * -1);
    }

.m_43657ece:where([data-opposite]) .m_436178ff::before {
      --timeline-line-start: calc(50% - var(--tl-line-width) / 2);
      --timeline-line-end: auto;
    }

.m_43657ece:where(:not([data-opposite])):where([data-align='left']) .m_436178ff {
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where(:not([data-opposite])):where([data-align='right']) .m_436178ff {
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_43657ece:where([data-opposite]) .m_436178ff {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

:where([data-mantine-color-scheme='light']) .m_436178ff {
    --item-border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_436178ff {
    --item-border-color: var(--mantine-color-dark-4);
}

.m_436178ff:where([data-line-active])::before {
      border-color: var(--tli-color, var(--tl-color));
    }

.m_436178ff:where(:not(:last-of-type)) {
    --timeline-line-display: block;
  }

.m_436178ff:where(:not(:first-of-type)) {
    margin-top: var(--mantine-spacing-xl);
  }

.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}

:where([data-mantine-color-scheme='light']) .m_8affcee1 {
    border-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1 {
    border-color: var(--mantine-color-dark-4);
}

.m_43657ece:where(:not([data-opposite])):where([data-align='left']) .m_8affcee1 {
    inset-inline-start: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    inset-inline-end: auto;
  }

.m_43657ece:where(:not([data-opposite])):where([data-align='right']) .m_8affcee1 {
    inset-inline-start: auto;
    inset-inline-end: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

.m_43657ece:where([data-opposite]) .m_8affcee1 {
    position: relative;
    inset-inline-start: unset;
    inset-inline-end: unset;
    grid-column: 2;
    grid-row: 1;
  }

.m_8affcee1:where([data-with-child]) {
    border-width: var(--tl-line-width);
  }

:where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: var(--mantine-color-white);
    color: var(--tl-icon-color, var(--mantine-color-white));
  }

.m_8affcee1:where([data-active]):where([data-with-child]) {
      background-color: var(--tli-color, var(--tl-color));
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where(:not([data-opposite])):where([data-align='left']) .m_540e8f41 {
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where(:not([data-opposite])):where([data-align='right']) .m_540e8f41 {
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_43657ece:where([data-opposite]):where([data-align='left']) .m_540e8f41 {
    grid-column: 3;
    grid-row: 1;
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where([data-opposite]):where([data-align='right']) .m_540e8f41 {
    grid-column: 1;
    grid-row: 1;
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_43657ece:where([data-opposite]):where([data-align='left']) .m_436178ff:where([data-alternate]) .m_540e8f41 {
    grid-column: 1;
    padding-inline-start: 0;
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_43657ece:where([data-opposite]):where([data-align='right']) .m_436178ff:where([data-alternate]) .m_540e8f41 {
    grid-column: 3;
    padding-inline-end: 0;
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where([data-align='left']) .m_f3ba506 {
    grid-column: 1;
    grid-row: 1;
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_43657ece:where([data-align='right']) .m_f3ba506 {
    grid-column: 3;
    grid-row: 1;
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where([data-align='left']) .m_436178ff:where([data-alternate]) .m_f3ba506 {
    grid-column: 3;
    padding-inline-end: 0;
    padding-inline-start: var(--offset);
    text-align: start;
  }

.m_43657ece:where([data-align='right']) .m_436178ff:where([data-alternate]) .m_f3ba506 {
    grid-column: 1;
    padding-inline-start: 0;
    padding-inline-end: var(--offset);
    text-align: end;
  }

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}

  .m_8a5d1357:where([data-line-clamp]) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-line-clamp);
    -webkit-box-orient: vertical;
  }

:where([data-tree-root]) {
  --level-offset: var(--mantine-spacing-lg);
  --tree-line-width: calc(0.0625rem * var(--mantine-scale));
  --tree-line-color: var(--mantine-color-default-border);
}

.m_f698e191 {
  margin: 0;
  padding: 0;
  user-select: none;
}

.m_75f3ecf {
  margin: 0;
  padding: 0;
}

.m_f6970eb1 {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
}

.m_f6970eb1:focus-visible > .m_dc283425, .m_f6970eb1[data-focus-ring]:focus > .m_dc283425 {
      outline: 2px solid var(--mantine-primary-color-filled);
      outline-offset: calc(0.125rem * var(--mantine-scale));
    }

.m_dc283425 {
  position: relative;
  padding-inline-start: var(--label-offset);
}

:where([data-mantine-color-scheme='light']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_dc283425:where([data-selected]) {
      background-color: var(--mantine-color-dark-5);
}

.m_dc283425:where([data-dragging]) {
    opacity: 0.4;
  }

.m_dc283425:where([data-drag-over='before'])::before {
    content: '';
    position: absolute;
    top: calc(-0.0625rem * var(--mantine-scale));
    inset-inline-start: var(--label-offset, 0);
    inset-inline-end: 0;
    height: calc(0.125rem * var(--mantine-scale));
    background-color: var(--mantine-primary-color-filled);
    pointer-events: none;
    z-index: 1;
  }

.m_dc283425:where([data-drag-over='after'])::after {
    content: '';
    position: absolute;
    bottom: calc(-0.0625rem * var(--mantine-scale));
    inset-inline-start: var(--label-offset, 0);
    inset-inline-end: 0;
    height: calc(0.125rem * var(--mantine-scale));
    background-color: var(--mantine-primary-color-filled);
    pointer-events: none;
    z-index: 1;
  }

.m_dc283425:where([data-drag-over='inside']) {
    background-color: var(--mantine-primary-color-light);
  }

:where([data-with-lines]) .m_f6970eb1 {
    position: relative;
  }

/* Horizontal connector at the node's own level — applies to both nested and flat layouts */

:where([data-with-lines]) .m_f6970eb1:not([data-level='1'])::before {
    content: '';
    position: absolute;
    top: calc(0.75rem * var(--mantine-scale));
    inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
    width: calc(var(--level-offset) / 2);
    height: 0;
    border-top: var(--tree-line-width) solid var(--tree-line-color);
    pointer-events: none;
    z-index: 1;
  }

/* Vertical line for nested layout (regular Tree): the line spans the parent <li>'s
     full height — including descendants — so ancestor columns stay continuous. */

:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
      width: 0;
      border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
      pointer-events: none;
      z-index: 1;
    }

:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1:last-child::after {
      bottom: auto;
      height: calc(0.75rem * var(--mantine-scale));
    }

:where([data-with-lines]) .m_f6970eb1:where([data-dragging])::before,
    :where([data-with-lines]) .m_f6970eb1:where([data-dragging])::after {
      display: none;
    }

:where([data-with-lines]) .m_f6970eb1:where([data-dragging]) .m_c03b303c {
      display: none;
    }

/* Vertical line markers rendered as DOM children by `FlatTreeNode` for flat layouts
   (e.g. virtualized trees) where ::after on a single node can't span ancestor rows.
   Each marker is positioned at column `--flat-line-column` and is only visible
   inside a `[data-with-lines]` tree. */
.m_c03b303c {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  inset-inline-start: calc((var(--flat-line-column) - 1.5) * var(--level-offset));
  border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
  pointer-events: none;
  z-index: 1;
  display: none;
}

:where([data-with-lines]) .m_c03b303c {
  display: block;
}

.m_bf7448d9 {
  bottom: auto;
  height: calc(0.75rem * var(--mantine-scale));
}

.m_529d33e8 {
  --ts-level-offset: calc(1.25rem * var(--mantine-scale));
  --ts-line-width: calc(0.0625rem * var(--mantine-scale));
  --ts-line-color: var(--mantine-color-default-border);
  --ts-option-padding-y: calc(0.25rem * var(--mantine-scale));
  --ts-option-padding-x: calc(0.5rem * var(--mantine-scale));
}

.m_28bb748 {
  display: flex;
  align-items: center;
  gap: calc(0.375rem * var(--mantine-scale));
  position: relative;
  padding: var(--ts-option-padding-y) var(--ts-option-padding-x);
  padding-inline-start: var(--ts-option-padding-x);
}

.m_aa3e3f86 {
  display: flex;
  align-items: center;
  justify-content: center;
  --_ts-expand-icon-size: calc(1.45 * var(--combobox-option-fz, var(--mantine-font-size-sm)));
  width: var(--_ts-expand-icon-size);
  min-width: var(--_ts-expand-icon-size);
  height: var(--_ts-expand-icon-size);
  border-radius: var(--mantine-radius-sm);
  cursor: pointer;
  color: var(--mantine-color-dimmed);
  transform: rotate(-90deg);
}

:where([data-combobox-selected]) .m_aa3e3f86 {
    color: var(--mantine-color-white);
  }

:where([dir="rtl"]) .m_aa3e3f86 {
    transform: rotate(90deg);
}

.m_aa3e3f86:where([data-expanded]) {
    transform: rotate(0deg);
  }

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_aa3e3f86:hover {
      background-color: var(--mantine-color-gray-1);
  }

    :where([data-mantine-color-scheme='dark']) .m_aa3e3f86:hover {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_aa3e3f86:active {
      background-color: var(--mantine-color-gray-1);
  }

    :where([data-mantine-color-scheme='dark']) .m_aa3e3f86:active {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_eaa4cdee {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
  margin-inline-start: auto;
}

:where([data-combobox-selected]) .m_eaa4cdee {
    opacity: 1;
  }

.m_ffe3a9c1 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tree lines */
.m_57207d5d {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}

.m_41b9db0b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}

.m_41b9db0b:where([data-last]) {
    bottom: auto;
    height: 50%;
  }

.m_1246e79 {
  position: absolute;
  top: 50%;
  height: 0;
  border-top: var(--ts-line-width) solid var(--ts-line-color);
  pointer-events: none;
}

.m_d08caa0 :first-child {
    margin-top: 0;
  }
  .m_d08caa0 :last-child {
    margin-bottom: 0;
  }
  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: var(--mantine-font-family-headings);
  }
  .m_d08caa0 :where(h1) {
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h1-font-size);
    line-height: var(--mantine-h1-line-height);
    font-weight: var(--mantine-h1-font-weight);
  }
  .m_d08caa0 :where(h2) {
    margin-top: var(--mantine-spacing-xl);
    font-size: var(--mantine-h2-font-size);
    line-height: var(--mantine-h2-line-height);
    font-weight: var(--mantine-h2-font-weight);
  }
  .m_d08caa0 :where(h3) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: var(--mantine-h3-font-weight);
  }
  .m_d08caa0 :where(h4) {
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h4-font-size);
    line-height: var(--mantine-h4-line-height);
    font-weight: var(--mantine-h4-font-weight);
  }
  .m_d08caa0 :where(h5) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h5-font-size);
    line-height: var(--mantine-h5-line-height);
    font-weight: var(--mantine-h5-font-weight);
  }
  .m_d08caa0 :where(h6) {
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: var(--mantine-h6-font-size);
    line-height: var(--mantine-h6-line-height);
    font-weight: var(--mantine-h6-font-weight);
  }
  .m_d08caa0 :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs);
  }
  .m_d08caa0 :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
      background-color: var(--mantine-color-yellow-5);
      color: var(--mantine-color-black);
}
  .m_d08caa0 :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none;
  }
  @media (hover: hover) {
    .m_d08caa0 :where(a):hover {
      text-decoration: underline;
    }
}
  @media (hover: none) {
    .m_d08caa0 :where(a):active {
      text-decoration: underline;
    }
}
  .m_d08caa0 :where(hr) {
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
      border-color: var(--mantine-color-dark-3);
}
  .m_d08caa0 :where(pre) {
    padding: var(--mantine-spacing-xs);
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: var(--mantine-spacing-md);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
    border-radius: var(--mantine-radius-sm);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
      background-color: var(--mantine-color-dark-8);
}
  .m_d08caa0 :where(pre) :where(code) {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      color: inherit;
      border: 0;
    }
  .m_d08caa0 :where(kbd) {
    --kbd-fz: calc(0.75rem * var(--mantine-scale));
    --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));

    font-family: var(--mantine-font-family-monospace);
    line-height: var(--mantine-line-height);
    font-weight: var(--mantine-font-weight-bold);
    padding: var(--kbd-padding);
    font-size: var(--kbd-fz);
    border-radius: var(--mantine-radius-sm);
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-gray-3);
      color: var(--mantine-color-gray-7);
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
      border-color: var(--mantine-color-dark-3);
      color: var(--mantine-color-dark-0);
      background-color: var(--mantine-color-dark-5);
}
  .m_d08caa0 :where(code) {
    line-height: var(--mantine-line-height);
    padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    border-radius: var(--mantine-radius-sm);
    font-family: var(--mantine-font-family-monospace);
    font-size: var(--mantine-font-size-xs);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-black);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
}
  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start: var(--mantine-spacing-xl);
    list-style-position: outside;
  }
  .m_d08caa0 :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
      --table-border-color: var(--mantine-color-dark-4);
}
  .m_d08caa0 :where(table) :where(caption) {
      margin-top: var(--mantine-spacing-xs);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }
  .m_d08caa0 :where(table) :where(th) {
      text-align: start;
      font-weight: bold;
      font-size: var(--mantine-font-size-sm);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }
  .m_d08caa0 :where(table) :where(thead th) {
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(tfoot th) {
      border-top: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(td) {
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
      font-size: var(--mantine-font-size-sm);
    }
  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }
  .m_d08caa0 :where(blockquote) {
    font-size: var(--mantine-font-size-lg);
    line-height: var(--mantine-line-height);
    margin: var(--mantine-spacing-md) 0;
    border-radius: var(--mantine-radius-sm);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
      background-color: var(--mantine-color-dark-8);
}
.m_e4d36c9b {
  min-width: calc(12.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-body);
  box-shadow: var(--mantine-shadow-md);
  border-radius: var(--mantine-radius-default);
}

  :where([data-mantine-color-scheme='light']) .m_e4d36c9b {
    border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_e4d36c9b {
    border: 1px solid var(--mantine-color-dark-4);
}

.m_7f4bcb19 {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-md);
  font-weight: var(--mantine-font-weight-medium);
  color: var(--mantine-color-bright);
}

.m_3de554dd {
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  padding-top: 0;
}

.m_e4d36c9b:where([data-type='radial']) :where(.m_3de554dd) {
    padding-top: var(--mantine-spacing-sm);
  }

.m_b30369b5 {
  width: calc(0.75rem * var(--mantine-scale));
  height: calc(0.75rem * var(--mantine-scale));
  min-width: calc(0.75rem * var(--mantine-scale));
  min-height: calc(0.75rem * var(--mantine-scale));
}

.m_3de8964e {
  font-size: var(--mantine-font-size-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m_3de8964e:where(.m_3de8964e + .m_3de8964e) {
    margin-top: calc(var(--mantine-spacing-sm) / 2);
  }

.m_3de8964e[data-type='scatter'] .m_b30369b5 {
    display: none;
  }

.m_50186d10 {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-sm);
  margin-inline-end: var(--mantine-spacing-xl);
}

.m_501dadf9 {
  color: var(--mantine-color-text);
  font-size: var(--mantine-font-size-sm);
}

.m_50192318 {
  color: var(--mantine-color-bright);
}

.m_847eaf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

  .m_847eaf:where([data-centered]) {
    justify-content: center;
  }

  .m_847eaf:where([data-position='top']) {
    padding-bottom: var(--mantine-spacing-md);
  }

  .m_847eaf:where([data-position='bottom']) {
    padding-top: var(--mantine-spacing-md);
  }

.m_17da7e62 {
  display: flex;
  align-items: center;
  gap: calc(0.4375rem * var(--mantine-scale));
  padding: 7px var(--mantine-spacing-xs);
  border-radius: var(--mantine-radius-default);
  line-height: 1;
}

@media (hover: hover) {
    :where([data-mantine-color-scheme='light']) .m_17da7e62:where(:hover) {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_17da7e62:where(:hover) {
      background-color: var(--mantine-color-dark-5);
  }
}

@media (hover: none) {
    :where([data-mantine-color-scheme='light']) .m_17da7e62:where(:active) {
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_17da7e62:where(:active) {
      background-color: var(--mantine-color-dark-5);
  }
}

.m_17da7e62[data-without-color] .m_6e236e21 {
    display: none;
  }

.m_8ff56c0d {
  font-size: var(--mantine-font-size-sm);
  margin: 0;
  padding: 0;
}

.m_a50f3e58 {
  display: block;
  width: 100%;

  --chart-bar-label-color: var(--mantine-color-dimmed);
}

  .m_a50f3e58 svg {
    overflow: visible;
    outline: 0;
  }

  :where([data-mantine-color-scheme='light']) .m_a50f3e58 {
    --chart-grid-color: rgba(173, 181, 189, 0.6);
    --chart-cursor-fill: rgba(173, 181, 189, 0.15);
}

  :where([data-mantine-color-scheme='dark']) .m_a50f3e58 {
    --chart-cursor-fill: rgba(105, 105, 105, 0.15);
    --chart-grid-color: rgba(105, 105, 105, 0.6);
}

  .m_a50f3e58 :where(text) {
    font-family: var(--mantine-font-family);
    color: var(--chart-text-color, var(--mantine-color-dimmed));
  }

.m_af9188cb {
  height: 100%;
  width: 100%;
}

.m_a50a48bc {
  stroke: var(--chart-grid-color);
}

.m_a507a517 {
  color: var(--chart-grid-color);
}

.m_2293801d {
  color: var(--chart-text-color, var(--mantine-color-dimmed));
}

.m_92b296cd {
  min-width: calc(12.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-body);
  box-shadow: var(--mantine-shadow-md);
  border-radius: var(--mantine-radius-default);
  padding: var(--mantine-spacing-sm);
}

:where([data-mantine-color-scheme='light']) .m_92b296cd {
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_92b296cd {
    border: 1px solid var(--mantine-color-dark-4);
}

.m_f9458cfe svg {
    outline: 0;
  }

.m_a410e613 {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}

  .m_a410e613 :where(*) {
    outline: 0;
  }

  .m_a410e613 :where(.recharts-surface) {
    overflow: visible;
  }

.m_ddb0bfe3 {
  fill: var(--mantine-color-text);
  font-size: var(--mantine-font-size-sm);
}

.m_cd8943fd {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}

  .m_cd8943fd :where(*) {
    outline: 0;
  }

  .m_cd8943fd :where(.recharts-surface) {
    overflow: visible;
  }

:where([data-mantine-color-scheme='light']) .m_1f271cf7 {
    --chart-grid-color: rgba(173, 181, 189, 0.6);
    --chart-text-color: var(--mantine-color-gray-7);
}
  :where([data-mantine-color-scheme='dark']) .m_1f271cf7 {
    --chart-grid-color: rgba(105, 105, 105, 0.6);
    --chart-text-color: var(--mantine-color-dark-1);
}

  .m_1f271cf7 :where(text) {
    font-size: var(--mantine-font-size-xs);
    fill: var(--chart-text-color, var(--mantine-color-dimmed));
    user-select: none;
  }

  .m_1f271cf7 :where(svg) {
    outline: 0;
  }

.m_cf06f58c {
  height: 100%;
  width: 100%;
}

:where([data-mantine-color-scheme='light']) .m_cd2bd9e5 {
    --chart-empty-background: var(--mantine-color-gray-1);
    --chart-cursor-color: var(--mantine-color-gray-4);
}
  :where([data-mantine-color-scheme='dark']) .m_cd2bd9e5 {
    --chart-empty-background: var(--mantine-color-dark-6);
    --chart-cursor-color: var(--mantine-color-dark-4);
}

  .m_cd2bd9e5 :where(svg) {
    outline: 0;
  }

.m_6bcc3420 {
  padding: var(--mantine-spacing-md);
  box-shadow: var(--mantine-shadow-md);
  min-width: calc(12.5rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

:where([data-mantine-color-scheme='light']) .m_6bcc3420 {
    border: 1px solid var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_6bcc3420 {
    border: 1px solid var(--mantine-color-dark-4);
}

.m_80d531e7 {
  min-height: var(--chart-size, auto);
  height: var(--chart-size, auto);
  width: var(--chart-size, auto);
  min-width: var(--chart-size, auto);
}

  .m_80d531e7 :where(*) {
    outline: 0;
  }

.m_2ef228c3 {
  display: block;
  width: fit-content;
}

  :where([data-mantine-color-scheme='light']) .m_2ef228c3 {
    --heatmap-level-1: rgba(81, 207, 102, 0.3);
    --heatmap-level-2: rgba(64, 192, 87, 0.45);
    --heatmap-level-3: rgba(55, 178, 77, 0.75);
    --heatmap-level-4: rgba(43, 138, 62, 1);
    --heatmap-empty-rect-bg: var(--mantine-color-gray-2);
}

  :where([data-mantine-color-scheme='dark']) .m_2ef228c3 {
    --heatmap-level-1: rgba(43, 138, 62, 0.3);
    --heatmap-level-2: rgba(47, 158, 68, 0.45);
    --heatmap-level-3: rgba(55, 178, 77, 0.75);
    --heatmap-level-4: rgba(81, 207, 102, 1);
    --heatmap-empty-rect-bg: var(--mantine-color-dark-5);
}

.m_2ef201c5 {
  stroke-width: calc(0.0625rem * var(--mantine-scale));
}

.m_2ef201c5:where([data-empty]) {
    fill: var(--heatmap-empty-rect-bg);
  }

.m_7e977775,
.m_c4b68f8d,
.m_75b4f3e6 {
  cursor: default;
  user-select: none;
  fill: var(--mantine-color-dimmed);
}

.m_da847eb2:where([data-empty]) {
    fill: var(--heatmap-empty-rect-bg);
  }

.m_1ea785b1 {
  display: flex;
  flex-direction: column;
  gap: var(--bars-list-gap);
  width: 100%;
}

.m_294011ec {
  display: flex;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-medium);
  padding-bottom: var(--bars-list-gap);
}

.m_9de42164 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
}

.m_6f89abf0 {
  display: flex;
  align-items: center;
  min-width: var(--bars-list-min-bar-size);
  height: var(--bars-list-bar-height);
  padding: 0 var(--mantine-spacing-sm);
  font-size: var(--mantine-font-size-sm);
  font-weight: 500;
  color: var(--mantine-color-white);
  border-radius: var(--mantine-radius-sm);
  transition: width 300ms ease;
}

:where([data-mantine-color-scheme='light']) .m_6f89abf0 {
    background-color: var(--mantine-primary-color-filled);
}

:where([data-mantine-color-scheme='dark']) .m_6f89abf0 {
    background-color: var(--mantine-primary-color-filled);
}

.m_7016be6d {
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--mantine-font-weight-medium);
  white-space: nowrap;
  color: var(--mantine-color-text);
}

.m_3c064071 {
  min-height: var(--chart-height, auto);
}

  .m_3c064071 :where(*) {
    outline: 0;
  }

.m_b42d2970 {
  min-height: var(--chart-height, auto);
}

  .m_b42d2970 :where(*) {
    outline: 0;
  }

  :where([data-mantine-color-scheme='light']) .m_b42d2970 {
    --chart-link-color: var(--mantine-color-gray-1);
}

  :where([data-mantine-color-scheme='dark']) .m_b42d2970 {
    --chart-link-color: var(--mantine-color-dark-5);
}
.m_d46a4834 {
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) dashed;
  color: var(--mantine-color-text);
  padding: var(--mantine-spacing-md);
  border-radius: var(--dropzone-radius);
  cursor: pointer;
  user-select: none;
  transition:
    background-color 100ms ease,
    border-color 100ms ease;
}

  .m_d46a4834:where([data-loading]),
  .m_d46a4834:where(:not([data-activate-on-click])) {
    cursor: default;
  }

  :where([data-mantine-color-scheme='light']) .m_d46a4834 {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_d46a4834 {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-4);
}

  @media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
        background-color: var(--mantine-color-dark-5);
  }
}

  @media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
        background-color: var(--mantine-color-gray-0);
  }

      :where([data-mantine-color-scheme='dark']) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
        background-color: var(--mantine-color-dark-5);
  }
}

  .m_d46a4834:where([data-accept]) {
    background-color: var(--dropzone-accept-bg);
    border-color: var(--dropzone-accept-bg);
    color: var(--dropzone-accept-color);
  }

  .m_d46a4834:where([data-reject]) {
    background-color: var(--dropzone-reject-bg);
    border-color: var(--dropzone-reject-bg);
    color: var(--dropzone-reject-color);
  }

.m_b85f7144 {
  pointer-events: none;
  user-select: none;
}

.m_b85f7144:where([data-enable-pointer-events]) {
    pointer-events: all;
  }

.m_96f6e9ad {
  position: fixed;
  inset: 0;
  background-color: var(--mantine-color-body);
  display: flex;
  flex-direction: column;
  padding: var(--mantine-spacing-xs);
  transition: opacity 100ms ease;
}

.m_96f6e9ad .m_7946116d {
    flex: 1;
  }
.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

.m_5ed0edd0 + .m_5ed0edd0 {
    margin-top: var(--mantine-spacing-md);
  }
.m_d2b315db[data-scrollable] {
    --spotlight-content-height: 100%;
  }

.m_3cd250e0 {
  overflow: hidden;
  height: var(--spotlight-content-height, auto);
  max-height: var(--spotlight-max-height);
}

.m_d2abce9b {
  display: flex;
  flex-direction: column;
  height: var(--spotlight-content-height, auto);
}

.m_f366a061 {
  border: 0;
  background-color: transparent;
}

.m_6e463822 {
  /* Used in child ScrollArea */
  --spotlight-actions-list-padding: calc(0.25rem * var(--mantine-scale));

  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  flex: 1;
  padding: var(--spotlight-actions-list-padding);
  max-height: calc(100vh - 15rem);
  margin-inline-end: calc(var(--spotlight-actions-list-padding) * -1);
  width: 100%;
}

:where([data-mantine-color-scheme='light']) .m_6e463822 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_6e463822 {
    border-color: var(--mantine-color-dark-4);
}

.m_d49bb8ef {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 7px var(--mantine-spacing-md);
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  text-align: start;
}

@media (hover: hover) {
      :where([data-mantine-color-scheme='light']) .m_d49bb8ef:where(:not([data-selected])):hover {
        background-color: var(--mantine-color-gray-0);
    }

      :where([data-mantine-color-scheme='dark']) .m_d49bb8ef:where(:not([data-selected])):hover {
        background-color: var(--mantine-color-dark-6);
    }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_d49bb8ef:where(:not([data-selected])):active {
        background-color: var(--mantine-color-gray-0);
    }

      :where([data-mantine-color-scheme='dark']) .m_d49bb8ef:where(:not([data-selected])):active {
        background-color: var(--mantine-color-dark-6);
    }
}

.m_d49bb8ef:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
    --action-description-color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
    --action-description-opacity: 0.7;
  }

.m_3d475731 {
  flex: 1;
}

.m_832642f6 {
  opacity: 1;
  color: inherit;
}

.m_832642f6:where([data-dimmed]) {
    opacity: var(--action-description-opacity, 1);
    color: var(--action-description-color, var(--mantine-color-dimmed));
  }

.m_832642f6:where([data-position='left']) {
    margin-inline-end: var(--mantine-spacing-md);
  }

.m_832642f6:where([data-position='right']) {
    margin-inline-start: var(--mantine-spacing-md);
  }

.m_832642f6 > svg {
    display: block;
  }

.m_6c2a1345 {
  display: block;
}

.m_a6d9d78d {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--action-description-opacity, 1);
  color: var(--action-description-color, var(--mantine-color-dimmed));
}

.m_82f78f74 {
  color: var(--mantine-color-dimmed);
  padding: var(--mantine-spacing-md);
  text-align: center;
}

.m_ddcaf054 {
  padding: var(--mantine-spacing-xs) calc(var(--mantine-spacing-md) + calc(0.25rem * var(--mantine-scale)));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}

:where([data-mantine-color-scheme='light']) .m_ddcaf054 {
    border-color: var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_ddcaf054 {
    border-color: var(--mantine-color-dark-4);
}

.m_5a3e5f7b {
  display: flex;
  flex-direction: column;
  margin-top: var(--mantine-spacing-md);
}

.m_5a3e5f7b::before {
    content: var(--spotlight-label);
    text-transform: uppercase;
    font-size: var(--mantine-font-size-xs);
    font-weight: var(--mantine-font-weight-bold);
    color: var(--mantine-color-dimmed);
    padding-inline-start: var(--mantine-spacing-md);
  }

.m_5a3e5f7b:empty {
    display: none;
  }
:root {
  --separator-border: rgba(128, 128, 128, 0.35);
  --sash-hover-transition-duration: 0.1s;
}

.allotment-module_splitView__L-yRc {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_sashContainer__fzwJF > .allotment-module_sash__QA-2t {
  pointer-events: auto;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.allotment-module_splitView__L-yRc > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  overflow: hidden;
  position: absolute;
  white-space: initial;
}

.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8 > .allotment-module_splitViewContainer__rQnVa > .allotment-module_splitViewView__MGZ6O {
  height: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  background-color: var(--separator-border);
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 5;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 1px;
  width: 100%;
}

.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8
  > .allotment-module_splitViewContainer__rQnVa
  > .allotment-module_splitViewView__MGZ6O:not(:first-child)::before {
  height: 100%;
  width: 1px;
}

:root {
  --focus-border: #007fd4;
  --sash-size: 8px;
  --sash-hover-size: 4px;
}

.sash-module_sash__K-9lB {
  position: absolute;
  z-index: 35;
  touch-action: none;
  pointer-events: auto;
  text-align: initial;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  pointer-events: none;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs {
  cursor: col-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp {
  cursor: e-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD {
  cursor: w-resize;
}

.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw {
  cursor: row-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp {
  cursor: s-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD {
  cursor: n-resize;
}

.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx {
  cursor: default !important;
  pointer-events: none !important;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs {
  cursor: ew-resize;
  top: 0;
  width: var(--sash-size);
  height: 100%;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--sash-size);
}

.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx) > .sash-module_orthogonal-drag-handle__Yii2- {
  content: " ";
  height: calc(var(--sash-size) * 2);
  width: calc(var(--sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  cursor: nwse-resize;
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,
.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)
  > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  cursor: nesw-resize;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  left: calc(var(--sash-size) * -0.5);
  top: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  left: calc(var(--sash-size) * -0.5);
  bottom: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk {
  top: calc(var(--sash-size) * -0.5);
  left: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw > .sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R {
  top: calc(var(--sash-size) * -0.5);
  right: calc(var(--sash-size) * -1);
}

.sash-module_sash__K-9lB:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color var(--sash-hover-transition-duration) ease-out;
  background: transparent;
}

.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before {
  width: var(--sash-hover-size);
  left: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before {
  height: var(--sash-hover-size);
  top: calc(50% - (var(--sash-hover-size) / 2));
}

.sash-module_sash__K-9lB.sash-module_hover__80W6I:before,
.sash-module_sash__K-9lB.sash-module_active__bJspD:before {
  background: var(--focus-border);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

:root {
  --screen-header-height: 72px;
  /* Phone-only bottom tab bar (MobileTabBar). SidebarLayout reserves this much
     space at the foot of the content column on narrow viewports so the fixed
     bar never covers the page. */
  --mobile-tabbar-height: 56px;
  /* The display cutout / home-indicator insets, named once. `env()` only reports
     a non-zero value when the document opts in with `viewport-fit=cover` (see
     index.html), and it reads 0 in every desktop browser, so a layout may use
     these unconditionally. Installed standalone there is no browser chrome to
     absorb the cutout, which is why the shell pads by them rather than trusting
     the platform. */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  /* Full foot the bar occupies, including the iOS home-indicator inset — the
     fabric assistant panel fills the screen minus exactly this so the bar stays
     reachable while the panel is up. */
  --mobile-tabbar-foot: calc(var(--mobile-tabbar-height) + var(--safe-bottom));

  /* What the nav dock takes off the window, per edge. Zero on all four while it
     floats, and declared here so a layout padding by them resolves whether the
     dock is mounted or not; held open, the dock overwrites the single edge it
     sits on. */
  --nav-dock-inset-top: 0px;
  --nav-dock-inset-right: 0px;
  --nav-dock-inset-bottom: 0px;
  --nav-dock-inset-left: 0px;

  /* Card geometry. Every floating card on the canvas — the page card, the
     collapsible panel expanded, and its collapsed slim rail — is the SAME card,
     so its radius and the gutter between cards are set once here rather than
     restated per module. The gutter is what makes two neighbouring cards read as
     one 8px seam: each card pads/margins by half-and-half, and ConsolePanel
     subtracts it when reserving inset so the overlap doesn't double up. */
  --app-card-radius: 8px;
  --app-card-gutter: 8px;

  /* Collapsed-panel widths. The flat rail carries an expand button plus a glyph;
     the floating slim rail is just the grab strip, so it can be much thinner. */
  --panel-rail-width: 44px;
  --panel-slim-rail-width: 26px;
  /* ...unless it has to hold a real button (CollapsiblePanel's `topAction`). */
  --panel-slim-rail-width-wide: 40px;

  /* Published by LowCreditBanner; the dock reserves nothing of its own. */
  --app-credit-banner-height: 0px;

  /* Which assistant the chat dock is bound to. Org and project reuse contract
     colours; deployment needs its own because green/amber/red are the status
     vocabulary and blue and violet are taken. */
  --app-agent-org: var(--app-accent);
  --app-agent-project: var(--app-violet);
  --app-agent-deployment: #0e7490;
}

/* The page body gutter. The OSS console declares this at `:root` as well, and
   which of the two lands last depends on CSS-module injection order — doubled
   up so it out-specifies that one rather than racing it. */
:root:root {
  --console-body-gutter: var(--mantine-spacing-lg);
}

[data-mantine-color-scheme='dark'] {
  --app-agent-deployment: #22d3ee;
}

/* The dock strip is fixed to the window edges, so a side or top dock starts
   over the full-width banner unless its top edge is pushed past it. */
html [data-testid='nav-dock'][data-axis='y'],
html [data-testid='nav-dock'][data-side='top'] {
  top: var(--app-credit-banner-height);
}

/*
 * Disabled-input override — keep our --app-input-bg instead of Mantine's gray.
 * Loaded after @mantine/core/styles.css so same-specificity (0,1,1) wins.
 */
.mantine-Input-input[data-disabled] {
  background: var(--app-panel-bg);
  background-color: var(--app-panel-bg);
  opacity: 0.5;
  cursor: not-allowed;
}

/*
 * Mono accent mode lives in contexts/AccentModeProvider.tsx (MONO_VARS), not here.
 *
 * This file used to carry a second, contradictory implementation under
 * html[data-accent-mode='mono']. Nothing ever set that attribute, so ~150 lines
 * — including a comment congratulating itself for closing a leak — had never
 * applied in a browser. Worse, its policy was wrong: it neutralised the accent
 * family, but accent means state/selection/current (see the colour contract),
 * so removing it would have deleted the state signal rather than decoration.
 * One implementation, and it is the one that runs.
 */
/*
 * The console's handwriting: every icon stroke laid down as stitches rather
 * than ink. Imported from the "Nav Icons — Fabric Set v3" design and applied
 * platform-wide, the same shape as the accent mode — one attribute on <html>
 * (see contexts/StitchProvider), one global override, nothing threaded through
 * a component.
 *
 * WHAT IT REACHES. `.lucide` is on every lucide icon in the app, and
 * `.pf-stitch` is the opt-in Fabric's own marks carry. Charts, the cytoscape
 * graph, the logo and every other SVG in the console have neither, so data
 * viz keeps its own line quality — which is the point of naming the icons
 * rather than matching `svg`.
 *
 * WHAT IT DELIBERATELY DOES NOT SET. Only the dash pattern is global. Weight is
 * exposed as `--pf-stitch-weight` for stylesheets that already drive
 * stroke-width from a custom property to compose with (the dock scales stroke
 * with tile size, and would be undone by a fixed width here); everywhere else
 * an icon keeps the weight its author chose, since ~60 call sites pass a
 * deliberate `strokeWidth` and a blanket override would flatten all of them.
 * Dashed strokes do read a touch lighter there — that is the trade, and it is
 * the right way round.
 *
 * Dash lengths are in the icons' 24-unit viewBox, so they hold their proportion
 * at every rendered size.
 */

html[data-stitch='chain'] :is(.lucide, .pf-stitch),
.pf-stitch-sample[data-stitch='chain'] :is(svg, .pf-stitch) {
  --pf-stitch-weight: 1.05;
  stroke-dasharray: 2.3 1.35;
}

/* Pure round beads. Too loose for the smallest icons, which is why it is a
   choice and not the default. */
html[data-stitch='knit'] :is(.lucide, .pf-stitch),
.pf-stitch-sample[data-stitch='knit'] :is(svg, .pf-stitch) {
  --pf-stitch-weight: 1.58;
  stroke-dasharray: 0.01 3.15;
  stroke-linecap: round;
}

/* `solid` sets nothing at all: the icons as drawn. */

/*
 * The appearance menu's preview. It carries its own treatment rather than
 * inheriting the document's, so the three options are told apart by their line
 * and not by their label — and the numbers above stay defined once.
 */
.pf-stitch-sample {
  display: inline-flex;
}

.pf-stitch-sample svg {
  width: 15px;
  height: 15px;
  stroke-width: calc(2 * var(--pf-stitch-weight, 1));
  fill: transparent;
}

/*
 * The nav dock strip is `position: fixed; inset-inline: 0`, so pinned it spans
 * the window rather than the app — which puts it under the navigation tutorial
 * rail, a sibling of the app in the root row. `body` lifts this over the
 * package's own rule without touching its vertical variants, whose
 * `inset-inline: auto` is more specific still.
 */
body [class*='dockStrip'] {
  inset-inline-end: var(--tutorial-dock-width, 0px);
}
._root_1g4lq_1 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 9px;
  border: 0.5px solid var(--app-border, var(--mantine-color-default-border));
  background: var(--app-panel-bg, var(--mantine-color-body));
}

._item_1g4lq_11 {
  display: inline-flex;
  align-items: center;
  height: 27px;
  padding: 0 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--app-text-faint, var(--mantine-color-dimmed));
  cursor: pointer;
  transition:
    background-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease;
}

._item_1g4lq_11:hover {
  color: var(--app-text, var(--mantine-color-text));
  background: var(--app-panel-bg-strong, var(--mantine-color-default-hover));
}

._itemActive_1g4lq_32 {
  color: var(--switch-active-fg, var(--mantine-color-primary-light-color));
  background: var(--switch-active-bg, var(--mantine-color-primary-light));
  box-shadow: inset 0 0 0 1px var(--switch-active-border, transparent);
}

._item_1g4lq_11._itemActive_1g4lq_32:hover {
  color: var(--switch-active-fg, var(--mantine-color-primary-light-color));
  background: var(--switch-active-bg, var(--mantine-color-primary-light));
}

._icon_1g4lq_43 {
  flex: 0 0 15px;
}

._label_1g4lq_47 {
  display: grid;
  grid-template-columns: 0fr;
  opacity: 0;
  transition:
    grid-template-columns 200ms ease-out,
    opacity 160ms ease-out,
    margin-left 200ms ease-out;
}

._labelInner_1g4lq_57 {
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
}

._itemActive_1g4lq_32 ._label_1g4lq_47 {
  grid-template-columns: 1fr;
  opacity: 1;
  margin-left: 6px;
}

._showAllLabels_1g4lq_70 ._label_1g4lq_47 {
  grid-template-columns: 1fr;
  opacity: 1;
  margin-left: 6px;
}

/* Icon-less options: no leading gap before the label. */
._item_1g4lq_11:not(:has(._icon_1g4lq_43)) ._label_1g4lq_47 {
  margin-left: 0;
}
/* The card language, defined once.
 *
 * Several surfaces are the same card and used to say so several times: the page
 * card, the collapsible panel expanded, and that panel collapsed to a strip.
 * They drifted — the strip's inner grab target was rounded 11px against the
 * card's 12px — which is what happens when a shared look is three copies. They
 * `composes:` from here now, so the card exists in one place.
 *
 * --app-border is transparent in some themes; depth is carried by the surface
 * ladder plus the shadow, not by the hairline.
 */._cardChrome_16m07_12 {
  background: var(--app-panel-bg-raised);
  border: 1px solid var(--app-border);
  border-radius: var(--app-card-radius);
  box-shadow: var(--app-shadow-panel);
}

/* ── Chrome-scoped tokens ── */

/* The gutter between a screen's outer surface and its content.
 *
 * One declaration per chrome mode, read by every layout, because the layouts
 * used to each answer this for themselves and disagreed — one padded `xl`, one
 * `md`, one not at all, so "does the content touch the card edge?" depended on
 * which layout a screen happened to use. See ConsoleChromeContext: this is the
 * same host/self question `useListSurfaceClass` answers for the border.
 *
 * Standalone the screen sits directly on the app background and carries the
 * page's own gutter. Embedded, the host's page card is already inset from that
 * edge, so the same `xl` again would read as a wide empty margin. */
:root {
  --console-body-gutter: var(--mantine-spacing-xl);
}

._chromeHost_cum8j_18 {
  --console-body-gutter: var(--mantine-spacing-md);
}

/* An edge panel is its OWN card, so it renders under `self` chrome — but a card
   is not a page, and `self` also carries the page gutter. At 32px a side inside
   a 450px column that is a seventh of the panel spent on nothing, twice over.
   This is the gutter the panel's own header and body bar already sit on, so a
   panel is inset by one number rather than three. */
._chromePanel_cum8j_27 {
  --panel-gutter: 18px;
  --console-body-gutter: var(--panel-gutter);
}

/* ── Layout primitives ── */

._flexColumn_cum8j_34 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._flexRow_cum8j_40 {
  display: flex;
  height: 100%;
}

._flexGrow_cum8j_45 {
  flex: 1;
  min-width: 0;
}

._overflowAuto_cum8j_50 {
  overflow: auto;
}

._overflowHidden_cum8j_54 {
  overflow: hidden;
}

._noShrink_cum8j_58 {
  flex-shrink: 0;
}

/* ── List-Detail layout ── */

._listDetailContainer_cum8j_64 {
  display: flex;
  height: 100%;
}

._listPane_cum8j_69 {
  display: flex;
  flex-direction: column;
}

._listPaneFlex_cum8j_74 {
  flex: 1;
}

._listPaneFixed_cum8j_79 {
}

._detailPane_cum8j_83 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

._detailDrawerPane_cum8j_89 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-height: 0;
  overflow: hidden;
  transition:
    width 180ms ease,
    min-width 180ms ease,
    opacity 180ms ease;
}

/* ── Grid header (column headings row) ── */

._gridHeader_cum8j_103 {
  padding: 10px 16px;
  border-bottom: 1px solid var(--app-border);
  background: var(--app-surface);
  flex-shrink: 0;
  column-gap: 12px;
}

._gridHeaderLabel_cum8j_111 {
  letter-spacing: normal;
}

/* ── List item (selectable row) ── */

._listItem_cum8j_117 {
  width: 100%;
  cursor: pointer;
  transition: all 0.15s;
  border-left: 2px solid transparent;
}

._listItem_cum8j_117[data-active='true'] {
  border-left-color: var(--app-violet);
  background: var(--app-surface-violet);
}

._listItemPadded_cum8j_129 {
  padding: 10px 16px;
  border-bottom: 1px solid var(--app-border);
  align-items: center;
  column-gap: 12px;
}

/* ── Detail panel ── */

._detailHeader_cum8j_139 {
  padding: 14px 16px;
  border-bottom: 1px solid var(--app-border);
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._detailBody_cum8j_148 {
  flex: 1;
  padding: 16px;
}

/* ── Meta row (label: value) ── */

._metaRow_cum8j_155 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid var(--app-border);
}

._metaRowLabel_cum8j_163 {
  flex-shrink: 0;
  padding-top: 1px;
}

._metaRowContent_cum8j_168 {
  flex: 1;
  min-width: 0;
}

/* ── Section label ── */

._sectionLabel_cum8j_175 {
  letter-spacing: 0.1em;
  padding: 12px 0 6px;
}

/* ── Collapsible pane rail ── */

/* Width/opacity transition for the collapsing side panes. Kept in a class (not
   inline) so the reduced-motion guard below can switch it off. */
._paneCollapseTransition_cum8j_184 {
  transition:
    width 180ms ease,
    min-width 180ms ease,
    opacity 180ms ease;
}

/* Slim rail shown in place of a collapsed pane: an always-visible affordance
   (icon + vertical label) so the panes never collapse to an unexplained void. */
._paneStub_cum8j_193 {
  background: var(--app-surface, var(--mantine-color-body));
  border: 1px solid var(--app-border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 100%;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  color: var(--app-text-dim, var(--mantine-color-dimmed));
  transition:
    background 120ms ease,
    color 120ms ease;
}

._paneStub_cum8j_193:hover {
  background: var(--app-surface-interactive, rgba(128, 128, 128, 0.08));
  color: var(--mantine-color-bright);
}

._paneStub_cum8j_193:focus-visible {
  outline: 2px solid var(--app-accent, var(--mantine-primary-color-filled));
  outline-offset: -2px;
}

/* The same rail as a PANEL of its own (ConsoleListPanel): the card around it
   already draws the surface, so the stub carries only the hit area — keeping its
   own border and radius would read as a card inside a card. */
._paneStubFlush_cum8j_224 {
  background: transparent;
  border: none;
  border-radius: 0;
}

._paneStubLabel_cum8j_231 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 11px;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

/* ── Knowledge navigator ── */

/* A row in the knowledge drawer — a section header or a note. A button rather
   than a styled box: the drawer is the only way to reach a note, so it has to be
   reachable by keyboard, and hover has to say "clickable" before the pointer
   changes shape. Depth indentation is set inline; everything else lives here so
   the hover and focus rings match the rest of the console. */
._knowledgeRow_cum8j_246 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 5px 10px;
  border-radius: 6px;
  text-align: left;
  transition: background 120ms ease;
}

._knowledgeRow_cum8j_246:hover {
  background: var(--app-surface-interactive, rgba(128, 128, 128, 0.1));
}

._knowledgeRow_cum8j_246[data-selected] {
  background: var(--mantine-color-default-hover);
}

._knowledgeRow_cum8j_246:focus-visible {
  outline: 2px solid var(--app-accent, var(--mantine-primary-color-filled));
  outline-offset: -2px;
}

/* Rendered markdown, wherever it comes from — a note, a README, an agent's
   reply. Mantine's Typography styles prose but leaves a fenced block as a run of
   inline `code` — one background box per line, ragged down the right — and a
   gherkin scenario or an install snippet has to read as one block. */

/* Headings at document scale. Typography hands every nested `h1..h6` the theme's
   heading font and sizes — 45px JetBrains Mono for an `h1` — which is right for
   the title of a page somebody designed and absurd for the third `###` in a note
   or the first line of a README.
   It has to be fixed here rather than by rendering the headings as `<Text size>`:
   Typography's rule is `.m_Typography :where(h1)`, and `:where()` contributes
   nothing, so that rule and Mantine's `.mantine-Text-root` tie on specificity and
   the later one in the bundle wins — which is Typography's. An element selector
   inside the module class outranks both, whatever the source order. */
._markdownBody_cum8j_284 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--mantine-font-family);
  margin-top: var(--mantine-spacing-lg);
  margin-bottom: 4px;
  line-height: 1.35;
}

/* Sized in `em` off the body rather than off the theme's size tokens: those run
   16 / 14 / 12px, which puts an `h3` BELOW the paragraph under it and leaves a
   whole document inside one and a half steps. A note is mostly structure, and
   the reader finds their place by size. */
._markdownBody_cum8j_284 h1 {
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: -0.01em;
}

._markdownBody_cum8j_284 h2 {
  font-size: 1.25em;
  font-weight: 650;
}

._markdownBody_cum8j_284 h3 {
  font-size: 1.1em;
  font-weight: 600;
}

._markdownBody_cum8j_284 :is(h4, h5, h6) {
  font-size: 1em;
  font-weight: 600;
}

/* More space above a heading than below it: the gap is what says the heading
   belongs to what follows. */
._markdownBody_cum8j_284 :is(h2, h3) {
  margin-top: 1.6em;
}
/* The console's primary colour is gray, so an anchor styled from the theme is
   the same colour as the sentence around it. The accent is what the rest of the
   console uses to say "this responds to you". */
._markdownBody_cum8j_284 a {
  color: var(--app-accent, var(--mantine-color-anchor));
  text-decoration: none;
}

._markdownBody_cum8j_284 a:hover {
  text-decoration: underline;
}

/* The light theme's accent is a mid cyan — right for a filled button, 3.4:1 as
   text on the page, which is a fail at prose size. Links in a document are read,
   not glanced at. */
html[data-mantine-color-scheme='light'] ._markdownBody_cum8j_284 a,
html[data-mantine-color-scheme='light'] ._resourceChip_cum8j_337[data-linked] {
  color: #0e7490;
}

/* The same accent for the links in a note's details table, which are the same
   graph edges shown as a list. */
._knowledgeLink_cum8j_343 {
  color: var(--app-accent, var(--mantine-color-anchor));
}

._markdownBody_cum8j_284 pre {
  background: var(--app-surface, var(--mantine-color-default));
  /* `--app-row-border` is transparent in the light theme, which leaves a white
     slab on a near-white page with no edge at all. The fallback is the edge. */
  border: 1px solid var(--app-border, rgba(128, 128, 128, 0.22));
  border-radius: 8px;
  padding: 12px 14px;
  overflow-x: auto;
}

._markdownBody_cum8j_284 pre code {
  background: transparent;
  padding: 0;
  /* Code is the thing on this page a developer will read character by
     character; it does not get the smallest type in the document. */
  font-size: var(--mantine-font-size-sm);
  line-height: 1.6;
}

/* A fence, as the console draws code everywhere else: highlighted, on the panel
   surface, with the copy control that makes a snippet something you can take. */
._markdownCode_cum8j_368 {
  margin: 0.9em 0;
  border: 1px solid var(--app-border, rgba(128, 128, 128, 0.22));
  border-radius: 8px;
  font-size: var(--mantine-font-size-sm);
}

/* ── Tables ──
   Typography styles a table as prose. A table in a note is a comparison the
   author chose to draw as a grid, so it is read column-wise: a sticky-weight
   header, rules between rows, and no vertical lines, which is the console's own
   table language. */
/* ── Scrolling regions ──
   A box whose content is allowed to be wider than it is: a table with more
   columns than the pane, a diagram at full size. The fade is the only thing that
   says so — a column that simply ends at the edge reads as the last column — and
   it is drawn on the side that still has content behind it, so a reader who has
   scrolled to the end sees a clean edge and knows they are done. */
._scrollRegion_cum8j_386 {
  overflow-x: auto;
}

._scrollRegion_cum8j_386[data-fade-end] {
  mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}

._scrollRegion_cum8j_386[data-fade-start] {
  mask-image: linear-gradient(to right, transparent, #000 24px);
}

._scrollRegion_cum8j_386[data-fade-start][data-fade-end] {
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 24px,
    #000 calc(100% - 24px),
    transparent
  );
}

._scrollRegion_cum8j_386:focus-visible {
  outline: 2px solid var(--app-accent, var(--mantine-primary-color-filled));
  outline-offset: 2px;
  border-radius: 4px;
}

._markdownTableScroll_cum8j_414 {
  margin: 0.9em 0;
}

._markdownBody_cum8j_284 table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--mantine-font-size-sm);
}

._markdownBody_cum8j_284 :is(th, td) {
  padding: 7px 12px;
  text-align: start;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid var(--app-border, rgba(128, 128, 128, 0.18));
}

._markdownBody_cum8j_284 th {
  font-weight: 600;
  /* 11px is the floor for uppercase, letter-spaced label text; the theme's `xs`
     lands under it once the console's root size is applied. */
  font-size: max(11px, var(--mantine-font-size-xs));
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--app-text-dim);
  white-space: nowrap;
}

._markdownBody_cum8j_284 tbody tr:last-child :is(th, td) {
  border-bottom: none;
}

._markdownBody_cum8j_284 tbody tr:hover {
  background: var(--app-panel-bg-soft, transparent);
}

/* ── Callouts (`> [!NOTE]`) ──
   The kind is the whole point of the syntax, so it is carried by colour AND a
   label: colour alone is not a distinction every reader can make. */
._markdownAlert_cum8j_454 {
  margin: 0.9em 0;
  padding: 10px 14px;
  /* One hairline the whole way round rather than a heavy rule down one side:
     three callouts in a row read as three panels instead of as one striped
     band, and the kind is carried by the label and the tint — which is where a
     reader looks — rather than by a bar in the margin.
     `border` in full also overwrites Typography's own blockquote rule, which
     would otherwise show through underneath in a colour that belongs to
     neither. */
  border: 1px solid var(--md-alert-border);
  border-radius: 6px;
  background: var(--md-alert-bg);
  font-style: normal;
  color: inherit;
}

._markdownAlert_cum8j_454 > :first-child {
  margin-top: 0;
}

._markdownAlert_cum8j_454 > :last-child {
  margin-bottom: 0;
}

._markdownAlertLabel_cum8j_479 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: max(11px, var(--mantine-font-size-xs));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--md-alert-label, var(--md-alert-color));
}

._markdownAlert_cum8j_454[data-alert='note'] {
  --md-alert-color: var(--app-blue, #2563eb);
  --md-alert-bg: var(--app-surface-info, rgba(37, 99, 235, 0.06));
  --md-alert-border: rgba(37, 99, 235, 0.28);
}

._markdownAlert_cum8j_454[data-alert='tip'] {
  --md-alert-color: var(--app-green, #16a34a);
  --md-alert-bg: var(--app-surface-success, rgba(22, 163, 74, 0.06));
  --md-alert-border: rgba(22, 163, 74, 0.28);
}

._markdownAlert_cum8j_454[data-alert='important'] {
  --md-alert-color: var(--app-violet, #7c3aed);
  --md-alert-bg: var(--app-surface-violet, rgba(124, 58, 237, 0.08));
  --md-alert-border: rgba(124, 58, 237, 0.3);
}

._markdownAlert_cum8j_454[data-alert='warning'] {
  --md-alert-color: var(--app-amber, #d97706);
  --md-alert-bg: var(--app-surface-warning, rgba(217, 119, 6, 0.06));
  --md-alert-border: rgba(217, 119, 6, 0.3);
}

._markdownAlert_cum8j_454[data-alert='caution'] {
  --md-alert-color: var(--app-red, #dc2626);
  --md-alert-bg: var(--app-surface-danger-soft, rgba(220, 38, 38, 0.06));
  --md-alert-border: rgba(220, 38, 38, 0.3);
}

/* The theme's status hues are tuned for badges and bars on a dark ground. In
   light they sit on a near-white panel as small uppercase text, where amber
   reaches 2.8:1 and green 3.0:1 — a contrast failure on the one word whose job
   is to say "warning". The label, and only the label, gets a darker shade. */
html[data-mantine-color-scheme='light'] ._markdownAlert_cum8j_454 {
  --md-alert-label: var(--md-alert-color);
}

html[data-mantine-color-scheme='light']
  ._markdownAlert_cum8j_454[data-alert='warning'] {
  --md-alert-label: #a16207;
}

html[data-mantine-color-scheme='light']
  ._markdownAlert_cum8j_454[data-alert='tip'] {
  --md-alert-label: #15803d;
}

html[data-mantine-color-scheme='light']
  ._markdownAlert_cum8j_454[data-alert='caution'] {
  --md-alert-label: #b91c1c;
}

/* ── Diagrams (```mermaid) ──
   A figure rather than a paragraph, so it is centred in the measure — until it
   is wider than the measure, at which point it scrolls at full size and starts
   from the left, where the reader starts. Fitting it to the column instead would
   keep the whole diagram on screen by scaling its labels to 5px, which is not
   the same as keeping it readable. */
._mermaidDiagram_cum8j_550 {
  margin: 1.2em 0;
  text-align: center;
}

/* Left-aligned once it scrolls: a centred diagram that overflows starts the
   reader in the middle of it. */
._mermaidDiagram_cum8j_550[data-scrollable] {
  text-align: start;
}

._mermaidDiagram_cum8j_550 svg {
  height: auto;
}

/* Mermaid sizes each renderer's labels from a different config key, and draws
   some of them as HTML inside a `foreignObject` where those keys never reach —
   an actor box comes out at 16px against a 14px paragraph. The scale is settled
   here instead, once, for every diagram type: a figure reads at or below the
   prose it illustrates, and only its title is allowed to be bigger. */
/* `!important` because mermaid writes these sizes as inline `style` attributes
   on the `<text>` elements it emits, from a different config key per renderer —
   an actor label comes out at 16px whatever `sequence.actorFontSize` says.
   Overriding a third-party's inline style is the one case the keyword is for. */
._mermaidDiagram_cum8j_550 :is(text, tspan, foreignObject div, foreignObject span) {
  font-size: 13px !important;
}

._mermaidDiagram_cum8j_550 :is(text._titleText_cum8j_578, ._titleText_cum8j_578) {
  font-size: 14px !important;
  font-weight: 600;
}

/* Roughly a small flowchart, held until the first draw measures the real one. */
._mermaidPending_cum8j_584 {
  min-height: 120px;
  border-radius: 8px;
  background: var(--app-panel-bg-soft, rgba(128, 128, 128, 0.06));
}

/* A fence shown as source: a diagram that did not parse, or a chart, which this
   renderer does not draw. Either way the source is the note's content, and the
   line above it says which of the two happened. */
._mermaidFallback_cum8j_593 {
  margin: 1.2em 0;
}

._mermaidFallbackLabel_cum8j_597 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: max(11px, var(--mantine-font-size-xs));
  color: var(--app-text-dim, #64748b);
}

/* ── Scenarios (```gherkin) ──
   A slice's acceptance criteria. Monospace for the step text, because the steps
   are meant to line up under each other and a proportional font breaks the
   column the keywords form; everything else about it is prose, not a code
   surface. */
._gherkinScroll_cum8j_611 {
  margin: 0.9em 0;
  border: 1px solid var(--app-border, rgba(128, 128, 128, 0.25));
  border-radius: 6px;
  background: var(--app-panel-bg-soft, rgba(128, 128, 128, 0.04));
}

._gherkin_cum8j_611 {
  padding: 10px 14px;
  font-family: var(--mantine-font-family-monospace);
  font-size: max(12px, calc(var(--mantine-font-size-sm) - 1px));
  line-height: 1.7;
}

._gherkinLine_cum8j_625 {
  display: flex;
  gap: 8px;
  /* Wraps as a hanging indent rather than under the keyword: a long Then that
     wraps to the keyword column reads as a second step. */
  white-space: pre-wrap;
}

/* `Scenario:` / `Feature:` head a block, so they sit clear of the steps under
   them. Not on the first line, which would leave a gap above the box. */
._gherkinLine_cum8j_625[data-heading] {
  font-weight: 600;
  margin-top: 0.6em;
}

._gherkinLine_cum8j_625[data-heading]:first-child {
  margin-top: 0;
}

/* A fixed column so Given/When/Then line up and the shape of the scenario —
   how many of each — is readable before a word of it is. `ch` because the
   text is monospace, and 6 is `Given` plus a space. */
._gherkinKeyword_cum8j_647 {
  flex: 0 0 auto;
  min-width: 6ch;
  font-weight: 600;
  color: var(--app-accent, #6366f1);
}

._gherkinLine_cum8j_625[data-heading] ._gherkinKeyword_cum8j_647 {
  color: inherit;
}

/* A quoted word in a step means a persona. Drawn as one so the answer to "who
   is acting?" is visible without reading the sentence — and so a first-person
   scenario, which the format rejects, is visibly a block with no personas in
   it. Padding without a border: several chips in one step should read as words
   with emphasis, not as a row of buttons. */
._gherkinPersona_cum8j_663 {
  padding: 0 4px;
  border-radius: 3px;
  background: var(--app-surface-info, rgba(99, 102, 241, 0.1));
  color: var(--app-accent, #6366f1);
  font-weight: 600;
}

html[data-mantine-color-scheme='light'] ._gherkinPersona_cum8j_663 {
  /* The accent is tuned for a dark ground; at chip size on near-white it lands
     under 4.5:1, and this is the one word in the step carrying who acts. */
  color: #4338ca;
}

/* ── Decisions (```decision) ──
   The three parts of a decision, each labelled, because they are read at
   different moments — what was chosen, what that closes off, and why. A card
   rather than a callout: a callout is an aside to the prose around it, and this
   is the note's actual answer. */
._decisionCard_cum8j_682 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 1em 0;
  padding: 12px 14px;
  border: 1px solid var(--app-border, rgba(128, 128, 128, 0.25));
  border-radius: 8px;
  background: var(--app-panel-bg-soft, rgba(128, 128, 128, 0.04));
}

._decisionRow_cum8j_693 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: start;
}

/* The icon sits on the label's line, not the row's box. */
._decisionRow_cum8j_693 > svg {
  margin-top: 2px;
  color: var(--decision-color);
}

._decisionRow_cum8j_693[data-part='chosen'] {
  --decision-color: var(--app-green, #16a34a);
}

._decisionRow_cum8j_693[data-part='rules-out'] {
  --decision-color: var(--app-red, #dc2626);
}

._decisionRow_cum8j_693[data-part='because'] {
  --decision-color: var(--app-text-dim, #64748b);
}

._decisionLabel_cum8j_718 {
  margin-bottom: 2px;
  font-size: max(11px, var(--mantine-font-size-xs));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--decision-color);
}

/* The card sits inside `.markdownBody`, which gives every `p`/`ul` a prose
   margin — three of those inside a 12px card is all gap and no content. */
._decisionCard_cum8j_682 :is(p, ul) {
  margin: 0;
}

._decisionCard_cum8j_682 ul {
  padding-inline-start: 1.1em;
}

html[data-mantine-color-scheme='light']
  ._decisionRow_cum8j_693[data-part='chosen'] {
  --decision-color: #15803d;
}

html[data-mantine-color-scheme='light']
  ._decisionRow_cum8j_693[data-part='rules-out'] {
  --decision-color: #b91c1c;
}

/* ── Resource chips (`func:createEntry`) ──
   The one kind of reference in a note that points OUT of the knowledge base and
   into the app, so it is drawn as an object rather than as prose: a kind icon,
   a monospace id, and a surface that separates it from the sentence carrying it.
   Inline-flex with a baseline shift so a chip mid-sentence does not push the
   line height around. */
._resourceChip_cum8j_337 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 5px;
  /* The base chip is the one that goes nowhere — a generated schema, a kind with
     no screen. It is a label: neutral ground, dimmed text, no border. The accent
     is what the console uses to mean "this responds to you", so spending it on
     an inert chip teaches the reader that a chip may or may not do anything. */
  background: rgba(128, 128, 128, 0.1);
  color: var(--app-text-dim, inherit);
  border: 1px solid transparent;
  font-family: var(--mantine-font-family-monospace);
  font-size: 0.85em;
  line-height: 1.45;
  /* 24px of hit area for a 17px chip, taken symmetrically out of the line box so
     the sentence carrying it keeps its rhythm. */
  padding-block: max(2px, calc((24px - 1.45em) / 2));
  vertical-align: baseline;
  text-decoration: none;
  white-space: nowrap;
}

._resourceChip_cum8j_337[data-linked] {
  background: var(--app-surface-accent, rgba(6, 182, 212, 0.12));
  color: var(--app-accent, inherit);
  border-color: var(--app-surface-accent, rgba(6, 182, 212, 0.25));
  cursor: pointer;
  transition:
    background 120ms ease,
    border-color 120ms ease;
}

._resourceChip_cum8j_337[data-linked]:hover {
  background: var(--app-surface-accent, rgba(128, 128, 128, 0.2));
  border-color: var(--app-accent, currentColor);
  text-decoration: none;
}

._resourceChip_cum8j_337[data-linked]:focus-visible {
  outline: 2px solid var(--app-accent, var(--mantine-primary-color-filled));
  outline-offset: 1px;
}

/* A chip standing alone — in a note's details, a row of resources — is a
   control: a box, a surface, something to click. The same chip inside a sentence
   is not; there it is a word the author chose, and boxing it stops the sentence
   dead every few words. Inline it keeps only what it needs to be a reference:
   the kind icon and the link colour. The invisible padding stays, because the
   tap target has to survive the box going away. */
._markdownBody_cum8j_284 :is(p, li, td, th, blockquote) a._resourceChip_cum8j_337 {
  background: none;
  border-color: transparent;
  padding-inline: 1px;
}

._markdownBody_cum8j_284 :is(p, li, td, th, blockquote) a._resourceChip_cum8j_337:hover {
  background: none;
  text-decoration: underline;
}

/* Elsewhere the chip is a surface of its own, and the document's
   underline-on-hover would draw a second line under the icon. */
._markdownBody_cum8j_284 a._resourceChip_cum8j_337:hover {
  text-decoration: none;
}

/* ── Task lists ──
   GFM renders `- [x]` as a disabled checkbox in a bulleted item; the bullet
   beside a checkbox is one marker too many. */
._markdownBody_cum8j_284 li:has(> input[type='checkbox']) {
  list-style: none;
  margin-inline-start: -1.1em;
}

._markdownBody_cum8j_284 input[type='checkbox'] {
  margin-inline-end: 6px;
  accent-color: var(--app-accent);
}

@media (prefers-reduced-motion: reduce) {
  ._paneCollapseTransition_cum8j_184,
  ._paneStub_cum8j_193,
  ._knowledgeRow_cum8j_246,
  ._detailDrawerPane_cum8j_89,
  ._listItem_cum8j_117 {
    transition: none;
  }
}

/* ── Empty state (centered placeholder) ── */

._emptyState_cum8j_846 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* ── Card surface ── */

._surfaceCard_cum8j_855 {
  background: var(--app-surface, var(--mantine-color-body));
  border: 1px solid var(--app-border);
  border-radius: 8px;
}

._tableLastRowBorder_cum8j_861 tbody tr:last-child td {
  border-bottom: 1px solid var(--mantine-color-default-border);
}

/* ── Data grid header ──
   The column strip is metadata, not a title bar: one small sentence-case label
   in the UI face, the same idiom the console uses for every other field name,
   quiet enough that the first row rather than the header is where the eye
   lands. Every table in the console wears this, so a column head never has to
   be dressed at the call site. */
._tableHead_cum8j_871 {
  background: transparent;
}

._tableHead_cum8j_871 th {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-xs);
  font-weight: 500;
  letter-spacing: normal;
  color: var(--app-text-dim);
  white-space: nowrap;
  user-select: none;
}

/* A head that outlives its rows: it has to paint the panel's own surface,
   or the rows scrolling under it show through. `--mantine-color-body` is the
   PAGE background and reads as a black band over the card — not that. */
._tableHeadSticky_cum8j_891 {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--app-surface, var(--mantine-color-body));
}

._listSurfaceCard_cum8j_899 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  /* Also sized for a BLOCK parent. Flex sizing alone left the surface at full
     content height wherever a page wrapped it in a plain `height: 100%` box,
     which moved the scroll to an ancestor and stranded the sticky column head
     on a box that never scrolls. */
  height: 100%;
  overflow: hidden;
}

._selectedRow_cum8j_913 {
  background: color-mix(
    in srgb,
    var(--mantine-primary-color-filled) 10%,
    transparent
  );
  box-shadow: inset 3px 0 0 var(--mantine-primary-color-filled);
}

._listSurfaceFramed_cum8j_922 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--mantine-radius-md);
}

._listSurfaceFramed_cum8j_922 > div,
._listSurfaceFramed_cum8j_922 > div > div,
._listSurfaceFramed_cum8j_922 table,
._listSurfaceFramed_cum8j_922 ._tableHeadSticky_cum8j_891 {
  background: inherit;
}

._listSurfaceFramed_cum8j_922 ._tableHead_cum8j_871 th {
  height: 44px;
  font-size: var(--mantine-font-size-sm);
  font-weight: 600;
}

._segmentedQuiet_cum8j_944 ._segmentedLabel_cum8j_944 {
  color: var(--mantine-color-dimmed);
}

._segmentedQuiet_cum8j_944 ._segmentedLabel_cum8j_944[data-active] {
  color: var(--mantine-color-text);
  font-weight: 600;
}

/* The same list surface with no chrome of its own, for a host that already put
   the screen in a page card (see ConsoleChromeContext) — there the surface IS
   that card's content, and keeping its border would read as a card in a card.
   Only the screen's outermost surface swaps to this: the panes inside a
   two-pane layout still need their borders to read as separate panes. */
._listSurfaceFlush_cum8j_958 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

/* ── Full-bleed pane body ──
   A list screen's page card is already a card: bordered, rounded, sitting on
   the app canvas. Insetting the list inside it by the page gutter and giving
   it a second border drew a card in a card with a moat between them, and the
   table — the thing the screen is for — got the smallest box on the screen.
   Here the body IS the card's content, so the gutter goes and the surfaces
   inside surrender their own chrome to the card that already has it. */
._flushBody_cum8j_974 {
  padding: 0;
}

._flushBody_cum8j_974 ._listSurfaceCard_cum8j_899 {
  border-width: 0;
  border-radius: 0;
}

/* Side by side the panes still have to read as separate panes. With no gutter
   left to separate them, the seam does it. */
._paneDock_cum8j_985 {
  border-left: 1px solid var(--app-border);
}

._paneDockEnd_cum8j_989 {
  border-right: 1px solid var(--app-border);
}

/* ── Badge variants ── */

._tagBadge_cum8j_995 {
  background: var(--app-surface-accent);
  border: 1px solid var(--app-border);
  color: var(--app-accent);
}

._serviceBadge_cum8j_1001 {
  background: var(--app-surface-violet);
  border: 1px solid var(--app-violet-border);
  color: var(--app-violet);
}

/* ── Clickable text ── */

._clickableText_cum8j_1009 {
  cursor: pointer;
}

._clickableText_cum8j_1009:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: -2px;
}

/* ── Split panel (two-column detail) ── */

._splitLeft_cum8j_1020 {
  flex: 1;
  overflow: auto;
  border-right: 1px solid var(--app-border);
  padding: 16px;
}

._splitRight_cum8j_1027 {
  flex: 1;
  min-width: 0;
  overflow: auto;
  padding: 16px;
}

/* ── Code-like input box ── */

._codeInputBox_cum8j_1036 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--app-input-bg);
  border: 1px solid var(--app-border);
  border-radius: 6px;
  padding: 7px 10px;
}

/* ── Subtle separator line ── */

._separator_cum8j_1048 {
  flex: 1;
  height: 1px;
  background: var(--app-border);
}

/* ── Group label row (type header in lists) ── */

._groupLabel_cum8j_1056 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px 4px;
}

/* ── Type dot indicator ── */

._typeDot_cum8j_1065 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ── Canvas drawer ── */

._drawerButton_cum8j_1074 {
  border-bottom: 1px solid var(--mantine-color-default-border);
  width: 100%;
  transition: background-color 0.15s;
}

._drawerIconBox_cum8j_1080 {
  color: var(--mantine-color-blue-6);
}

._centeredLoader_cum8j_1084 {
  display: flex;
  justify-content: center;
}

._chatMessageRight_cum8j_1089 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

._chatMessageLeft_cum8j_1095 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

._bodyCard_cum8j_1101 {
}
._mark_1f9c8_1 {
  width: 72px;
  height: 72px;
  object-fit: contain;
  animation: _breathe_1f9c8_1 1.8s ease-in-out infinite;
}

._invert_1f9c8_8 {
  filter: brightness(0) invert(1);
}

@keyframes _breathe_1f9c8_1 {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.94);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._mark_1f9c8_1 {
    animation: none;
  }
}
/* The card language, defined once.
 *
 * Several surfaces are the same card and used to say so several times: the page
 * card, the collapsible panel expanded, and that panel collapsed to a strip.
 * They drifted — the strip's inner grab target was rounded 11px against the
 * card's 12px — which is what happens when a shared look is three copies. They
 * `composes:` from here now, so the card exists in one place.
 *
 * --app-border is transparent in some themes; depth is carried by the surface
 * ladder plus the shadow, not by the hairline.
 */._cardChrome_16m07_12 {
  background: var(--app-panel-bg-raised);
  border: 1px solid var(--app-border);
  border-radius: var(--app-card-radius);
  box-shadow: var(--app-shadow-panel);
}
/* The general page shape: no fixed header anywhere. A page is ONE floating card
   on the app canvas — the ShellHeader bar as a top band, the page body below it
   inside the same card. Navigating between pages only swaps what's inside the
   card, so the shell feels like one fluid screen rather than page loads. */
._pageStack_rhbcc_5 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: var(--app-card-gutter);
}

._card_rhbcc_14 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._card_rhbcc_14:has([data-page-surface='cards']) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* A page that cards itself can end up INSIDE the card its shell already put it
   in. Flatten the inner one so it reads as that card's content instead of a
   second card with its own gutter, shadow and radius. */
._card_rhbcc_14 ._pageStack_rhbcc_5 {
  padding: 0;
}

._card_rhbcc_14 ._card_rhbcc_14 {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

/* On a phone the page card IS the screen. A card implies something beside or
   behind it, and on a phone there is nothing — the rail and the panel are both
   sheets — so the gutter, radius, border and shadow only inset the one thing on
   screen and cost it 16px of a 390px viewport. Full-bleed below the phone
   breakpoint, which is MOBILE_QUERY in lib/breakpoints.ts (CSS cannot import the
   constant; the two must be changed together). */
@media (max-width: 62em) {
  ._pageStack_rhbcc_5 {
    padding: 0;
  }

  ._card_rhbcc_14 {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
}

/* Header band: content-height, divided from the body by a hairline. */
._headerBand_rhbcc_62 {
  flex-shrink: 0;
  border-bottom: 1px solid var(--app-border);
  /* ShellHeader's hidden measurement row is `position: absolute; top: -99999px`
     at its NATURAL width (~480px) with nothing clipping it, so on a phone every
     page using this band was pushed into horizontal document scroll by a row the
     user can't even see. Own its containing block and clip it — an off-screen
     clipped box still measures, which is all that row is for. */
  position: relative;
  overflow: hidden;
}

/* ShellHeader renders its title/subtitle stack `nowrap` with an inline
   `flex-shrink: 0`, so a title longer than the card at 390px pushed the whole
   DOCUMENT into horizontal scroll. Let that one stack shrink and ellipsize
   instead — the child chain is spelled out so this never reaches a Stack inside
   a caller's `actions` node. */
._headerBand_rhbcc_62
  > .mantine-Paper-root
  > .mantine-Group-root
  > .mantine-Stack-root {
  min-width: 0;
  flex-shrink: 1 !important;
}

._headerBand_rhbcc_62
  > .mantine-Paper-root
  > .mantine-Group-root
  > .mantine-Stack-root
  > .mantine-Text-root {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Optional band between header and body. */
._extraBand_rhbcc_97 {
  flex-shrink: 0;
  border-bottom: 1px solid var(--app-border);
}

/* Panel header: ShellHeader pads by --console-body-gutter, and the bar is one of
   the few things inside a panel that resolves it BEFORE the panel retunes it
   (its Paper carries its own inline padding). Pull it onto the same gutter as
   the body under it — the end inset is half, because the close ActionIcon
   carries its own icon padding. Inline style props, hence !important. */
._panelHeader_rhbcc_107 .mantine-Paper-root {
  padding-inline: var(--panel-gutter) calc(var(--panel-gutter) / 2) !important;
}

/* Body: takes the rest and scrolls its own content. The card is height-bound to
   the viewport and clips (`overflow: hidden`), so without a scroller here any
   page taller than the card was simply cut off with no way to reach the rest.
   Pages that manage their own scrolling fill this box exactly and never trip
   it. */
._body_rhbcc_116 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* PageContainer sizes its body with an inline `flex: 1` plus `min-height: 0` —
   flex-basis 0 with the automatic min-content floor removed — so inside this
   scroller the box is clamped to the VIEWPORT height and taller content spills
   out of it. Its own `padding-bottom` (--console-body-gutter) then paints one
   viewport down from the top of the scroll rather than after the content, so any
   page long enough to scroll ends flush against the card's bottom edge.
   Restoring the automatic minimum gives a long page its real height and its
   closing gutter back, and costs the short ones nothing: `flex-grow` still fills
   the box, and a child that scrolls itself has an automatic minimum of zero.
   Inline style, hence !important. */
._body_rhbcc_116 > * {
  min-height: auto !important;
}

._canvasHeader_rhbcc_138 {
  margin-bottom: var(--app-card-gutter);
}

._pageRow_rhbcc_143 {
  flex: 1;
  min-height: 0;
  display: flex;
  gap: var(--app-card-gutter);
}

._pageRow_rhbcc_143 > ._card_rhbcc_14 {
  min-width: 0;
}

._panelSlot_rhbcc_154 {
  flex-shrink: 0;
  display: flex;
  gap: var(--app-card-gutter);
  align-items: stretch;
  min-height: 0;
}

._panelSlot_rhbcc_154:empty {
  display: none;
}

._panelSlot_rhbcc_154 > * {
  min-height: 0;
}

._panelSlot_rhbcc_154 ._pageStack_rhbcc_5 {
  padding: 0;
}


._hostedStack_rhbcc_175 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

._hostedRow_rhbcc_183 {
  padding: var(--console-body-gutter);
  gap: var(--mantine-spacing-md);
}

._hostedStack_rhbcc_175 > ._canvasHeader_rhbcc_138 {
  margin-bottom: 0;
}

._card_rhbcc_14 ._hostedCard_rhbcc_193 {
  background: var(--app-panel-bg-raised);
  border: 1px solid var(--app-border);
  border-radius: var(--app-card-radius);
  box-shadow: var(--app-shadow-panel);
}

._pageRow_rhbcc_143:has(> ._card_rhbcc_14 [data-page-surface='cards']) {
  gap: 0;
  padding-bottom: var(--console-body-gutter);
}

._pageRow_rhbcc_143:has(> ._card_rhbcc_14 [data-page-surface='cards']) > ._panelSlot_rhbcc_154 {
  padding-top: var(--console-body-gutter);
  padding-inline-end: var(--console-body-gutter);
}
.m_5cb1b9c8 {
  position: relative;
}

.m_e597c321 {
  position: relative;
  border-radius: var(--ch-radius, 0px);
  overflow: hidden;
}

:where([data-mantine-color-scheme='light']) .m_e597c321:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_e597c321:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-6);
}

.m_e597c321:where([data-with-border]):where([data-code-color-scheme='dark']) {
      border: 1px solid var(--mantine-color-dark-6);
    }

.m_e597c321:where([data-with-border]):where([data-code-color-scheme='light']) {
      border: 1px solid var(--mantine-color-gray-2);
    }

:where([data-mantine-color-scheme='light']) .m_e597c321 {
    --ch-background: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_e597c321 {
    --ch-background: var(--mantine-color-dark-8);
}

.m_dfe9c588 {
  border-radius: var(--ch-radius, var(--mantine-radius-sm));
  overflow: hidden;
  background-color: var(--ch-background);
  font-size: calc(0.8125rem * var(--mantine-scale));
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
}

:where([data-mantine-color-scheme='light']) .m_dfe9c588:where([data-with-border]) {
      border: 1px solid var(--mantine-color-gray-2);
}

:where([data-mantine-color-scheme='dark']) .m_dfe9c588:where([data-with-border]) {
      border: 1px solid var(--mantine-color-dark-6);
}

.m_dfe9c588:where([data-with-border]):where([data-code-color-scheme='dark']) {
      border: 1px solid var(--mantine-color-dark-6);
    }

.m_dfe9c588:where([data-with-border]):where([data-code-color-scheme='light']) {
      border: 1px solid var(--mantine-color-gray-2);
    }

:where([data-mantine-color-scheme='light']) .m_dfe9c588 {
    --ch-background: var(--mantine-color-gray-0);
}

:where([data-mantine-color-scheme='dark']) .m_dfe9c588 {
    --ch-background: var(--mantine-color-dark-8);
}

.m_2c47c4fd {
  --code-line-height: 1.7;

  display: block;
  margin: 0;
  flex: 1;
  min-width: 0;
}

.m_2c47c4fd[data-with-offset] .m_5caae6d3 {
    padding-top: calc(3.125rem * var(--mantine-scale));
  }

.m_5caae6d3 {
  display: block;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  background-color: var(--ch-background);
  font-size: calc(0.8125rem * var(--mantine-scale));
  line-height: var(--code-line-height, var(--mantine-line-height));
  font-family: var(--mantine-font-family-monospace);
  width: fit-content;
  min-width: 100%;
}

.m_5caae6d3:where([data-inline]) {
    display: inline-block;
    padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    background-color: var(--ch-background);
  }

.m_be7e9c9c {
  position: absolute;
  top: calc(0.5rem * var(--mantine-scale));
  right: calc(0.5rem * var(--mantine-scale));
  z-index: 1;
  background-color: var(--ch-background);
  border-bottom-left-radius: var(--mantine-radius-md);
}

.m_be7e9c9c:where([data-with-offset]) {
    top: calc(0.75rem * var(--mantine-scale));
  }

.m_d498bab7 {
  color: var(--mantine-color-text);
  opacity: 0.5;
}

@media (hover: hover) {

  .m_d498bab7:hover {
    color: var(--mantine-color-bright);
    opacity: 1;
  }
}

@media (hover: none) {

  .m_d498bab7:active {
    color: var(--mantine-color-bright);
    opacity: 1;
  }
}

.m_d498bab7:where([data-code-color-scheme='dark']) {
    color: var(--mantine-color-dark-0);
  }

@media (hover: hover) {

  .m_d498bab7:where([data-code-color-scheme='dark']):hover {
      color: var(--mantine-color-white);
  }
}

@media (hover: none) {

  .m_d498bab7:where([data-code-color-scheme='dark']):active {
      color: var(--mantine-color-white);
  }
}

.m_d498bab7:where([data-code-color-scheme='light']) {
    color: var(--mantine-color-black);
  }

@media (hover: hover) {

  .m_d498bab7:where([data-code-color-scheme='light']):hover {
      color: var(--mantine-color-black);
  }
}

@media (hover: none) {

  .m_d498bab7:where([data-code-color-scheme='light']):active {
      color: var(--mantine-color-black);
  }
}

.m_d498bab7 :where(svg) {
    width: calc(1.125rem * var(--mantine-scale));
    height: calc(1.125rem * var(--mantine-scale));
    display: block;
  }

.m_4c3d814c:where([data-code-color-scheme='light']) {
    background-color: var(--mantine-color-gray-9);
    color: var(--mantine-color-white);
  }

.m_4c3d814c:where([data-code-color-scheme='dark']) {
    background-color: var(--mantine-color-gray-2);
    color: var(--mantine-color-black);
  }

.m_9f507240 {
  --code-line-height: 1.7;

  display: flex;
  flex-direction: row;
}

.m_15f77410 {
  user-select: none;
  text-align: right;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-xs);
  padding-left: var(--mantine-spacing-md);
  font-family: var(--mantine-font-family-monospace);
  font-size: calc(0.8125rem * var(--mantine-scale));
  line-height: var(--code-line-height, var(--mantine-line-height));
  color: var(--mantine-color-dimmed);
  background-color: var(--ch-background);
  flex-shrink: 0;
}

.m_15f77410[data-with-offset] {
    padding-top: calc(3.125rem * var(--mantine-scale));
  }

.m_f744fd40[data-collapsed] {
    max-height: var(--ch-max-height, 180px);
    overflow: hidden;
    position: relative;
  }

.m_f744fd40[data-collapsed]::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: calc(5rem * var(--mantine-scale));
      pointer-events: none;
      background: linear-gradient(
        0deg,
        var(--ch-background) 0%,
        var(--ch-background) 25%,
        transparent 100%
      );
      z-index: 1;
    }

.m_c9378bc2 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-anchor);
  width: 100%;
  text-align: center;
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  white-space: nowrap;
}

.m_c9378bc2[data-hidden] {
    display: none;
  }

.m_c9378bc2:where([data-code-color-scheme='dark']) {
    color: var(--mantine-primary-color-5);
  }

.m_c9378bc2:where([data-code-color-scheme='light']) {
    color: var(--mantine-primary-color-6);
  }

.m_5cac2e62 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  gap: calc(0.4375rem * var(--mantine-scale));
  padding: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
  font-family: var(--mantine-font-family-monospace);
  font-weight: var(--mantine-font-weight-bold);
  line-height: 1;
  user-select: none;
  cursor: pointer;
  opacity: 0.8;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  white-space: nowrap;
  margin: 0;
  border-radius: var(--mantine-radius-default);
}

.m_5cac2e62:where([data-active]) {
    opacity: 1;
  }

:where([data-mantine-color-scheme='light']) .m_5cac2e62 {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-8);
}

:where([data-mantine-color-scheme='light']) .m_5cac2e62:where([data-active]) {
      background-color: var(--mantine-color-white);
      color: var(--mantine-color-black);
    }

:where([data-mantine-color-scheme='dark']) .m_5cac2e62 {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='dark']) .m_5cac2e62:where([data-active]) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
    }

.m_5cac2e62:where([data-color-scheme='light']) {
    border-color: var(--mantine-color-gray-3);
    color: var(--mantine-color-gray-8);
  }

.m_5cac2e62:where([data-color-scheme='light']):where([data-active]) {
      background-color: var(--mantine-color-white);
      color: var(--mantine-color-black);
    }

.m_5cac2e62:where([data-color-scheme='dark']) {
    border-color: var(--mantine-color-dark-4);
    color: var(--mantine-color-dark-0);
  }

.m_5cac2e62:where([data-color-scheme='dark']):where([data-active]) {
      background-color: var(--mantine-color-dark-5);
      color: var(--mantine-color-white);
    }

@media (hover: hover) {

  .m_5cac2e62:hover {
    opacity: 1;
  }
}

@media (hover: none) {

  .m_5cac2e62:active {
    opacity: 1;
  }
}

.m_5cac2e62:where(:only-child) {
    cursor: default;
  }

.m_b46cddfb :where(svg) {
    display: block;
  }

.m_7b14120b {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: calc(4.375rem * var(--mantine-scale));
}

.m_38d99e51 {
  display: flex;
  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  padding-bottom: 0;
  gap: var(--mantine-spacing-xs);
}
.mantine-CodeHighlight-codeHighlight {
  overflow: hidden;
  max-width: 100%;
}

.mantine-CodeHighlight-pre {
  overflow-x: auto !important;
}

.mantine-CodeHighlight-pre code {
  font-size: 12px;
}

.pikku-tab {
  border: none !important;
  border-bottom: 2px solid transparent !important;
}

.pikku-tab[data-active] {
  color: var(--tabs-color) !important;
  font-weight: 600;
  border-bottom-color: var(--tabs-color) !important;
}

.pikku-tab:hover {
  background-color: transparent !important;
}
._fields_1pzlt_1 {
  display: grid;
  grid-template-columns: fit-content(40%) minmax(0, 1fr);
  column-gap: var(--mantine-spacing-lg);
  row-gap: 10px;
  align-items: baseline;
}

._field_1pzlt_1 {
  display: contents;
}

._value_1pzlt_13 {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

@media (max-width: 48em) {
  ._fields_1pzlt_1 {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2px;
  }

  ._value_1pzlt_13 {
    margin-bottom: 10px;
  }
}
/* The navigation dock.
 *
 * A fixed overlay that reserves NO layout: the page keeps its full height and
 * the dock floats over it, the way the macOS dock floats over a window. Its
 * resting height is one card gutter — the gutter that already exists between the
 * page card and the foot of the window — so the trigger costs zero pixels, and
 * because it is flush to the viewport edge the cursor cannot overshoot it.
 * Slamming the pointer at the bottom of the window lands in it, which is the
 * closest a browser gets to the OS trick of shoving the cursor off-screen.
 *
 * Feature-scoped colour lives here as --pf-* locals rather than in the theme, so
 * nothing leaks into the app token namespace.
 */
._dockStrip_38smm_14,
._flyout_38smm_15,
._dockTip_38smm_16 {
  --pf-dock-fill: rgba(255, 255, 255, 0.86);
  --pf-flyout-fill: rgba(255, 255, 255, 0.95);
  --pf-tile-hover: rgba(17, 17, 17, 0.07);
  --pf-dock-shadow:
    0 10px 30px rgba(16, 24, 40, 0.16), 0 2px 5px rgba(16, 24, 40, 0.09);
  /* 3.4:1 against the page ground. The sole affordance for the whole navigation
     system cannot be a hairline nobody can see. */
  --pf-hint: #8a8f98;
  --pf-icon-fill: color-mix(in srgb, var(--app-accent) 16%, transparent);
  --pf-status-ok: #16a34a;
  --pf-status-warn: #b45309;
  --pf-status-error: #dc2626;
  /* Production is not an error state — borrowing the error red said "something
     is wrong here" on every healthy prod stage. Violet is the one hue the dock
     spends nowhere else. */
  --pf-status-prod: #7c3aed;
  --pf-status-preview: #0891b2;
}

[data-mantine-color-scheme='dark'] :is(._dockStrip_38smm_14, ._flyout_38smm_15, ._dockTip_38smm_16) {
  --pf-dock-fill: rgba(41, 45, 55, 0.86);
  --pf-flyout-fill: rgba(38, 42, 51, 0.94);
  --pf-tile-hover: rgba(255, 255, 255, 0.08);
  --pf-dock-shadow:
    0 10px 34px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.4);
  --pf-hint: #7c828e;
  --pf-icon-fill: color-mix(in srgb, var(--app-accent) 20%, transparent);
  --pf-status-ok: #4ade80;
  --pf-status-warn: #fbbf24;
  --pf-status-error: #f87171;
  --pf-status-prod: #a78bfa;
  --pf-status-preview: #22d3ee;
}

._dockStrip_38smm_14 {
  /* How far the capsule floats clear of the window's foot. One card gutter put
     it level with the page card's own bottom edge, which read as the dock being
     part of the footer rather than an object resting above it — the whole point
     of a capsule instead of a bar. Two gutters is the smallest lift where the
     page ground is legible underneath it.

     The trigger line is unaffected: it stays flush at one gutter, because a
     target the cursor can overshoot is not a target. */
  --pf-dock-lift: calc(var(--app-card-gutter) * 2);
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: var(--mantine-z-index-app);
  height: calc(var(--app-card-gutter) + var(--safe-bottom));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  /* No transition on height: the strip is fixed, the trigger inside it is
     absolutely positioned and the capsule is transform-animated, so animating
     this moves nothing visible — it only ran layout on a full-width overlay
     holding every tile, once per reveal. */

  /* Inert by default so the empty space either side of the capsule never eats a
     click meant for the page underneath. Only the trigger line and the capsule
     itself take the pointer. */
  pointer-events: none;
}

._dockStrip_38smm_14[data-open='true'] {
  height: var(--pf-dock-foot);
}

/* The capsule. A centred floating object, not a full-width bar — a bar reads as
   chrome, an object reads as a dock, and the page's own edges stay visible on
   both sides of it. */
._dock_38smm_14 {
  display: flex;
  align-items: center;
  gap: var(--pf-dock-gap);
  padding: 6px;
  /* The same radius as every other card on the canvas. The capsule is one more
     floating surface, not a control with a silhouette of its own. */
  border-radius: var(--app-card-radius);
  background: var(--pf-dock-fill);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--app-glass-border);
  box-shadow: var(--pf-dock-shadow);
  max-width: calc(100vw - 24px);
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  margin-bottom: calc(var(--pf-dock-lift) + var(--safe-bottom));
  pointer-events: auto;
  transform: translateY(calc(100% + var(--pf-dock-lift) + 6px));
  opacity: 0;
  transition:
    transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 180ms ease;
  transform-origin: bottom center;
}

._dock_38smm_14::-webkit-scrollbar {
  display: none;
}

._dockStrip_38smm_14[data-open='true'] ._dock_38smm_14 {
  transform: translateY(0);
  opacity: 1;
}

/* Scrolling chrome with the scrollbar suppressed is chrome that lies. The mask
   only appears when there is genuinely more row than capsule. */
._dock_38smm_14[data-overflow='true'] {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 26px,
    #000 calc(100% - 26px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 26px,
    #000 calc(100% - 26px),
    transparent 100%
  );
}

/* The trigger line — the card gutter itself, full bleed. The hint is the only
   thing drawn in it, and it stands down the moment the dock is up. */
._dockTrigger_38smm_144 {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: calc(var(--app-card-gutter) + var(--safe-bottom));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: calc(var(--app-card-gutter) / 2 - 1.5px + var(--safe-bottom));
  background: none;
  border: 0;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
}

/* On a touch device there is no hover, so this 8px line is the only way into the
   navigation — and an 8px target fails WCAG 2.5.8 outright. Coarse pointers get
   a 24px grab area; the hint stays drawn where it was. */
@media (pointer: coarse) {
  ._dockTrigger_38smm_144 {
    height: calc(24px + var(--safe-bottom));
  }
}

._dockHint_38smm_169 {
  width: 44px;
  height: 3px;
  border-radius: 2px;
  background: var(--pf-hint);
  transition:
    background-color 140ms ease,
    opacity 140ms ease;
}

._dockTrigger_38smm_144:hover ._dockHint_38smm_169 {
  background: var(--app-accent);
}

._dockStrip_38smm_14[data-open='true'] ._dockHint_38smm_169 {
  opacity: 0;
}

._dockTrigger_38smm_144:focus-visible {
  outline: 2px solid var(--app-accent);
  outline-offset: -2px;
  border-radius: 3px;
}

/* Pinned: the dock stays up without the pointer, and the hint becomes the unpin
   target — the same line doing both jobs. */
._dockStrip_38smm_14[data-pinned='true'] ._dockHint_38smm_169 {
  background: var(--app-accent);
}

._dockZone_38smm_199 {
  display: flex;
  align-items: center;
  gap: var(--pf-dock-gap);
}

/* Space alone did not read: at 3.6 gaps it is a pause a user reports as "there
   is no separator". A 1px hairline is still out — on blurred glass it measures
   1.3:1 — so the rule is a 2px pill in the hint colour, the one mark on this
   surface already proven to carry at that width. */
._dockSep_38smm_209 {
  flex: 0 0 auto;
  width: calc(var(--pf-dock-gap) * 3.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

._dockSep_38smm_209::before {
  content: '';
  width: 2px;
  height: calc(var(--pf-tile) * 0.44);
  border-radius: 1px;
  background: var(--pf-hint);
  opacity: 0.55;
}

/* A tile. Fixed box — deliberately no macOS magnification: magnification moves
   neighbours out from under the cursor, which is the exact opposite of the
   muscle memory this dock exists for. The lift is on the icon; the hit box never
   moves. */
._tile_38smm_230 {
  position: relative;
  flex: 0 0 auto;
  width: var(--pf-tile);
  height: var(--pf-tile);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: calc(var(--pf-tile) * 0.26);
  color: var(--app-text-dim);
  cursor: pointer;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color 140ms ease,
    color 140ms ease;
}

/* The contextual zone sits a hair smaller than identity and utility, so the row
   has a silhouette rhythm and the pinned zone reads as the anchor it is. */
._dockZone_38smm_199[data-zone='ctx'] ._tile_38smm_230 {
  width: var(--pf-tile-ctx);
  height: var(--pf-tile-ctx);
  border-radius: calc(var(--pf-tile-ctx) * 0.26);
}

._tile_38smm_230 svg {
  width: var(--pf-icon);
  height: var(--pf-icon);
  display: block;
  flex: 0 0 auto;
  /* Stroke is owned here and driven from the tile size. Baked into the markup it
     stayed at 2 while the icon shrank 28px → 19px, so the rendered stroke
     drifted 2.33px → 1.56px: the glyphs got optically thinner exactly where they
     needed to get heavier. */
  stroke-width: calc(var(--pf-icon-stroke) * var(--pf-stitch-weight, 1));
  fill: transparent;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    fill 160ms ease;
}

._tile_38smm_230:hover {
  background: var(--pf-tile-hover);
  color: var(--app-text);
}

._tile_38smm_230:hover svg {
  transform: translateY(-2px) scale(1.08);
}

._tile_38smm_230:active svg {
  transform: translateY(0) scale(0.96);
  transition-duration: 90ms;
}

._tile_38smm_230:focus-visible {
  outline: 2px solid var(--app-accent);
  outline-offset: 2px;
}

._tile_38smm_230[data-active='true'] {
  background: var(--app-surface-info);
  color: var(--app-accent);
}

/* Duotone is the state channel. A filled body gives the current tile real
   optical weight in peripheral vision, which a 2.5px underbar never did — so one
   signal now does the job three were splitting. Only icons whose shapes close
   cleanly opt in: a fill on an open path renders as a smear. */
._tile_38smm_230[data-fill='true'][data-active='true'] svg {
  fill: var(--pf-icon-fill);
}

._tile_38smm_230[data-fill='true']:hover svg {
  fill: color-mix(in srgb, currentColor 9%, transparent);
}

/* The submenu marker, from the "Nav Icons — Fabric Set v3" design: a solid
   corner wedge in the bottom-inline-end of the tile rather than a caret under
   the glyph. It sits diagonally opposite the badge, so the two no longer
   collide, and being flush in the corner it reads as part of the tile instead
   of a mark hanging off it. Opacity stays at the measured .85/1 rather than the
   design's .3/.6, which fell under 3:1. */
._tile_38smm_230[data-group='true']::before {
  content: '';
  position: absolute;
  bottom: calc(var(--pf-tile) * 0.115);
  inset-inline-end: calc(var(--pf-tile) * 0.115);
  width: 5px;
  height: 5px;
  background: currentColor;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  opacity: 0.85;
  transition: opacity 140ms ease;
}

._tile_38smm_230[data-group='true'][aria-expanded='true']::before {
  opacity: 1;
}

._tile_38smm_230[aria-expanded='true'] {
  background: var(--pf-tile-hover);
  color: var(--app-text);
}

/* The dock's only channel for live state, fed by the same data the flyouts
   carry. Three forms: a status dot, a count, and a busy ring. */
._tileBadge_38smm_343 {
  position: absolute;
  top: calc(var(--pf-tile) * 0.1);
  inset-inline-end: calc(var(--pf-tile) * 0.09);
  pointer-events: none;
}

._tileBadge_38smm_343[data-kind='dot'] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pf-badge-color);
  box-shadow: 0 0 0 2px var(--pf-dock-fill);
}

._tileBadge_38smm_343[data-kind='count'] {
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pf-badge-color);
  color: #fff;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--pf-dock-fill);
}

._tileBadge_38smm_343[data-kind='busy'] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.6px solid var(--pf-badge-color);
  animation: _pfPulse_38smm_1 1.6s ease-in-out infinite;
}

@keyframes _pfPulse_38smm_1 {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.8);
  }
}

/* Identity grammar: a filled plate with no stroke, so the switcher never reads
   as one more navigation item. */
/* The identity mark when it is only a mark: the tile's box so the row's rhythm
   is unbroken, with none of the tile's hover, press or pointer affordances —
   nothing here is clickable. */
._brandPlate_38smm_399 {
  flex: 0 0 auto;
  width: var(--pf-tile);
  height: var(--pf-tile);
  display: flex;
  align-items: center;
  justify-content: center;
}

._mark_38smm_408 {
  width: calc(var(--pf-tile) * 0.5);
  height: calc(var(--pf-tile) * 0.5);
  border-radius: calc(var(--pf-tile) * 0.125);
  display: block;
  transition:
    transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 160ms ease;
}

/* The mark is a slot, not the image itself — the brand is handed in, so
   whatever it turns out to be takes the plate's size and corner. */
._mark_38smm_408 > img,
._mark_38smm_408 > svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: contain;
}

._tile_38smm_230:hover ._mark_38smm_408 {
  transform: translateY(-2px) scale(1.08);
}

/* The environment colours the mark itself rather than ringing it: a ring around
   a 24px logo is three pixels of chrome, where recolouring the weave changes the
   thing the eye already tracks.

   This stops being decoration the moment a deployment and a workspace share one
   nav: "Operations → Database" is then the same three pixels in both, and one of
   them is customer data. */
._tile_38smm_230[data-env] ._mark_38smm_408 {
  --wm-weave: var(--pf-env);
}

._tile_38smm_230[data-env='prod'] {
  --pf-env: var(--pf-status-prod);
}

._tile_38smm_230[data-env='staging'] {
  --pf-env: var(--pf-status-warn);
}

._tile_38smm_230[data-env='preview'] {
  --pf-env: var(--pf-status-preview);
}

/* The one primary action in the row, so the one filled tile. It carries a
   heavier stroke so the category difference survives at 34px. */
._tile_38smm_230[data-primary='true'] {
  background: var(--app-accent-strong);
  color: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.24);
}

._tile_38smm_230[data-primary='true'] svg {
  stroke-width: calc(var(--pf-icon-stroke) * 1.18 * var(--pf-stitch-weight, 1));
}

._tile_38smm_230[data-primary='true']:hover {
  background: var(--app-accent);
  color: #fff;
}

._avatar_38smm_473 {
  width: calc(var(--pf-tile) * 0.56);
  height: calc(var(--pf-tile) * 0.56);
  border-radius: 50%;
  background: linear-gradient(
    140deg,
    var(--app-accent),
    var(--app-accent-strong)
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--pf-tile) * 0.26);
  font-weight: 650;
  letter-spacing: 0.02em;
  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

._tile_38smm_230:hover ._avatar_38smm_473 {
  transform: translateY(-2px) scale(1.08);
}

/* ---------- tooltip ---------- */

/* The shortcut hint lives nowhere else, so the tooltip has to carry it — and it
   has to fire on focus as well as hover or a keyboard user could never see it. */
._dockTip_38smm_16 {
  display: flex;
  align-items: center;
}

/* --app-text-faint measured 4.12:1 on the light tooltip ground. */
._tipKey_38smm_506 {
  color: var(--app-text-dim);
  margin-inline-start: 8px;
  font-size: 11px;
}

/* ---------- flyout ---------- */

._flyout_38smm_15 {
  min-width: 264px;
  max-width: 340px;
  padding: 6px;
  border-radius: var(--app-card-radius);
  background: var(--pf-flyout-fill);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--app-glass-border);
  box-shadow: var(--pf-dock-shadow);
  /* A menu allowed to fill the window stops reading as a menu and starts reading
     as a page — and it buries the surface it belongs to. */
  max-height: 62vh;
  overflow-y: auto;
  scrollbar-width: thin;
}

._flyout_38smm_15[data-nested] {
  max-height: none;
  overflow: visible;
}

/* A menu head carries the thing the menu is about, so the first row doesn't have
   to. */
._flyoutHead_38smm_538 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px 9px;
}

._flyoutHeadMark_38smm_545 {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  flex: 0 0 26px;
  background: linear-gradient(
    140deg,
    var(--app-accent),
    var(--app-accent-strong)
  );
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}

._flyoutHeadText_38smm_563 {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

._flyoutHeadTitle_38smm_571 {
  font-size: 13px;
  font-weight: 600;
  color: var(--app-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._flyoutHeadSub_38smm_580 {
  font-size: 11.5px;
  color: var(--app-text-dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chip_38smm_588 {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 20px;
  font-size: 10.5px;
  font-weight: 650;
  background: var(--app-surface-info);
  color: var(--app-accent);
  letter-spacing: 0.02em;
}

._flyoutTitle_38smm_599 {
  padding: 7px 10px 5px;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--app-text-faint);
}

._flyoutItem_38smm_608 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 5px 10px;
  min-height: 38px;
  border: 0;
  background: none;
  border-radius: 7px;
  color: var(--app-text-dim);
  font: inherit;
  font-size: 13px;
  text-align: start;
  cursor: pointer;
  transition:
    background-color 120ms ease,
    color 120ms ease;
}

/* Mantine's Menu.Item does not render its children into the button — it wraps
   them all in one `itemLabel` div. That div was the button's only flex child, so
   the row's whole layout collapsed: the icon, the label block and the end slot
   stacked vertically instead of sitting in a row, and `> svg` matched nothing so
   the glyph rendered at its natural size. `display: contents` dissolves the
   wrapper so the row's own children are the flex items, which is what every rule
   below is written against. */
._flyoutItem_38smm_608 > .mantine-Menu-itemLabel {
  display: contents;
}

._flyoutItem_38smm_608 > .mantine-Menu-itemLabel > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: calc(2 * var(--pf-stitch-weight, 1));
  fill: transparent;
}

._fiMain_38smm_647 {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

._fiLabel_38smm_655 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--app-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fiMeta_38smm_668 {
  font-size: 11.5px;
  line-height: 1.35;
  color: var(--app-text-dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fiMeta_38smm_668[data-tone='error'] {
  color: var(--pf-status-error);
}

._fiMeta_38smm_668[data-tone='warn'] {
  color: var(--pf-status-warn);
}

._fiEnd_38smm_685 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--app-text-faint);
}

._fiHint_38smm_694 {
  font-size: 11px;
  color: var(--app-text-faint);
  letter-spacing: 0.02em;
}

._fiBadge_38smm_700 {
  padding: 1px 6px;
  border-radius: 20px;
  font-size: 10.5px;
  font-weight: 650;
  background: var(--app-panel-bg-soft);
  color: var(--app-text-dim);
}

._fiBadge_38smm_700[data-tone='error'] {
  background: color-mix(in srgb, var(--pf-status-error) 18%, transparent);
  color: var(--pf-status-error);
}

._fiBadge_38smm_700[data-tone='warn'] {
  background: color-mix(in srgb, var(--pf-status-warn) 20%, transparent);
  color: var(--pf-status-warn);
}

._fiBadge_38smm_700[data-tone='accent'] {
  background: var(--app-surface-info);
  color: var(--app-accent);
}

._fiDot_38smm_724 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: 0 0 7px;
  background: var(--app-text-faint);
}

._fiDot_38smm_724[data-status='ok'] {
  background: var(--pf-status-ok);
}

._fiDot_38smm_724[data-status='warn'] {
  background: var(--pf-status-warn);
}

._fiDot_38smm_724[data-status='error'] {
  background: var(--pf-status-error);
}

._fiDot_38smm_724[data-status='busy'] {
  background: var(--app-accent);
  animation: _pfPulse_38smm_1 1.6s ease-in-out infinite;
}

/* Environment is never inferred from a name — `preview/142` and a deployment
   someone called "prod-2" would both guess wrong. */
._envChip_38smm_751 {
  flex: 0 0 auto;
  font-style: normal;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  background: color-mix(in srgb, var(--pf-env) 20%, transparent);
  color: var(--pf-env);
}

._envChip_38smm_751[data-env='prod'] {
  --pf-env: var(--pf-status-prod);
}

._envChip_38smm_751[data-env='staging'] {
  --pf-env: var(--pf-status-warn);
}

._envChip_38smm_751[data-env='preview'] {
  --pf-env: var(--pf-status-preview);
}

._flyoutItem_38smm_608:hover,
._flyoutItem_38smm_608[data-hovered] {
  background: var(--pf-tile-hover);
}

._flyoutItem_38smm_608:hover ._fiLabel_38smm_655,
._flyoutItem_38smm_608[data-hovered] ._fiLabel_38smm_655 {
  color: var(--app-text);
}

._flyoutItem_38smm_608[data-active='true'] {
  background: var(--app-surface-info);
}

._flyoutItem_38smm_608[data-active='true'] ._fiLabel_38smm_655,
._flyoutItem_38smm_608[data-active='true'] svg {
  color: var(--app-accent);
}

._flyoutItem_38smm_608[data-danger='true'] ._fiLabel_38smm_655,
._flyoutItem_38smm_608[data-danger='true'] svg {
  color: var(--pf-status-error);
}

._flyoutItem_38smm_608:focus-visible {
  outline: 2px solid var(--app-accent);
  outline-offset: -2px;
}

._flyoutSep_38smm_804 {
  height: 1px;
  background: var(--app-border);
  margin: 5px 8px;
  border: 0;
}

/* A menu that is waiting says so, rather than opening empty and filling in. */
._fiSkeleton_38smm_812 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  min-height: 38px;
}

._fiSkeleton_38smm_812 i {
  display: block;
  height: 9px;
  border-radius: 5px;
  background: var(--app-panel-bg-soft);
  animation: _pfShimmer_38smm_1 1.2s ease-in-out infinite;
}

._fiSkeleton_38smm_812 i:first-child {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  flex: 0 0 16px;
}

@keyframes _pfShimmer_38smm_1 {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

._fiEmpty_38smm_845 {
  padding: 8px 10px 10px;
  font-size: 12px;
  color: var(--app-text-faint);
  line-height: 1.4;
}

/* The tick on a setting row. Mantine renders it as the item's first child, ahead
   of the row's own glyph, so it is a fixed column every selectable row in a menu
   shares — checked or not, which is what keeps their labels on one line. */
._fiTick_38smm_855 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14px;
  width: 14px;
  color: var(--app-accent);
}

._fiTick_38smm_855 > svg {
  width: 13px;
  height: 13px;
}

/* A row that is a step rather than a control: the flyout's row layout, without
   the hover, the pointer or the button. */
._fiNote_38smm_871 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 5px 10px;
  min-height: 34px;
  color: var(--app-text-faint);
  font-size: 13px;
  text-align: start;
}

._fiNote_38smm_871 > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: calc(2 * var(--pf-stitch-weight, 1));
  fill: transparent;
}

/* A range row. Same insets as an item so the label column still lines up down
   the menu, with the track hanging under it rather than beside it — a track
   squeezed into the end slot is too short to aim with. */
._fiSlider_38smm_894 {
  width: 100%;
  padding: 5px 10px 12px;
  color: var(--app-text-dim);
  font-size: 13px;
}

._fiSliderHead_38smm_901 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
}

._fiSliderHead_38smm_901 > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: calc(2 * var(--pf-stitch-weight, 1));
  fill: transparent;
}

/* ---------- which edge the dock sits on ---------- */

/* Four sides, one geometry with the axis swapped — so what follows only
   restates what the axis genuinely changes: which edge the strip pins to, which
   way the capsule hides, and which way the row runs. The bottom is the base
   above and needs no block of its own.
 *
 * Pinned, the capsule spans its whole edge instead of hugging its contents: at
 * that point it is furniture rather than an object that appeared, and a floating
 * pill that never goes away just reads as something stuck to the screen. Along
 * the top or bottom the tiles stay centred, because the row's midpoint is where
 * the eye comes back to; down a side they align to the top, because a column
 * read from the middle outwards has no reading order at all.
 */

/* Held open, the capsule is one more card on the canvas, so it takes the card
   gutter every other card takes — one, not the two it floats at. That is what
   puts its edge level with the page card's and leaves the same 8px seam between
   them as between the page card and the window. */
._dockStrip_38smm_14[data-pinned='true'] {
  --pf-dock-lift: var(--app-card-gutter);
}

._dockStrip_38smm_14[data-axis='x'][data-pinned='true'] ._dock_38smm_14 {
  width: calc(100% - var(--app-card-gutter) * 2);
  max-width: none;
  justify-content: center;
}

._dockStrip_38smm_14[data-axis='y'][data-pinned='true'] ._dock_38smm_14 {
  height: calc(100% - var(--app-card-gutter) * 2);
  max-height: none;
  justify-content: flex-start;
}

/* ----- top ----- */

._dockStrip_38smm_14[data-side='top'] {
  top: 0;
  bottom: auto;
  align-items: flex-start;
  height: calc(var(--app-card-gutter) + var(--safe-top));
}

._dockStrip_38smm_14[data-side='top'] ._dock_38smm_14 {
  margin-bottom: 0;
  margin-top: calc(var(--pf-dock-lift) + var(--safe-top));
  transform: translateY(calc(-100% - var(--pf-dock-lift) - 6px));
  transform-origin: top center;
}

._dockStrip_38smm_14[data-side='top'][data-open='true'] ._dock_38smm_14 {
  transform: translateY(0);
}

._dockStrip_38smm_14[data-side='top'] ._dockTrigger_38smm_144 {
  top: 0;
  bottom: auto;
  align-items: flex-start;
  height: calc(var(--app-card-gutter) + var(--safe-top));
  padding-bottom: 0;
  padding-top: calc(var(--app-card-gutter) / 2 - 1.5px + var(--safe-top));
}

@media (pointer: coarse) {
  ._dockStrip_38smm_14[data-side='top'] ._dockTrigger_38smm_144 {
    height: calc(24px + var(--safe-top));
  }
}

/* ----- left and right ----- */

._dockStrip_38smm_14[data-axis='y'] {
  inset-inline: auto;
  inset-block: 0;
  height: auto;
  align-items: center;
}

._dockStrip_38smm_14[data-axis='y'] ._dock_38smm_14 {
  flex-direction: column;
  max-width: none;
  max-height: calc(100vh - 24px);
  overflow-x: visible;
  overflow-y: auto;
  margin-bottom: 0;
}

._dockStrip_38smm_14[data-axis='y'] ._dockZone_38smm_199 {
  flex-direction: column;
}

._dockStrip_38smm_14[data-axis='y'] ._dockSep_38smm_209 {
  width: auto;
  height: calc(var(--pf-dock-gap) * 3.6);
}

._dockStrip_38smm_14[data-axis='y'] ._dockSep_38smm_209::before {
  width: calc(var(--pf-tile) * 0.44);
  height: 2px;
}

._dockStrip_38smm_14[data-axis='y'] ._dockHint_38smm_169 {
  width: 3px;
  height: 44px;
}

._dockStrip_38smm_14[data-axis='y'] ._dockTrigger_38smm_144 {
  inset-inline: auto;
  inset-block: 0;
  height: auto;
  align-items: center;
  padding-bottom: 0;
}

._dockStrip_38smm_14[data-axis='y'] ._dock_38smm_14[data-overflow='true'] {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 26px,
    #000 calc(100% - 26px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 26px,
    #000 calc(100% - 26px),
    transparent 100%
  );
}

._dockStrip_38smm_14[data-side='left'] {
  left: 0;
  justify-content: flex-start;
  width: calc(var(--app-card-gutter) + var(--safe-left));
}

._dockStrip_38smm_14[data-side='left'][data-open='true'] {
  width: var(--pf-dock-foot);
}

._dockStrip_38smm_14[data-side='left'] ._dock_38smm_14 {
  margin-left: calc(var(--pf-dock-lift) + var(--safe-left));
  transform: translateX(calc(-100% - var(--pf-dock-lift) - 6px));
  transform-origin: left center;
}

._dockStrip_38smm_14[data-side='left'][data-open='true'] ._dock_38smm_14 {
  transform: translateX(0);
}

._dockStrip_38smm_14[data-side='left'] ._dockTrigger_38smm_144 {
  left: 0;
  justify-content: flex-start;
  width: calc(var(--app-card-gutter) + var(--safe-left));
  padding-left: calc(var(--app-card-gutter) / 2 - 1.5px + var(--safe-left));
}

._dockStrip_38smm_14[data-side='right'] {
  right: 0;
  justify-content: flex-end;
  width: calc(var(--app-card-gutter) + var(--safe-right));
}

._dockStrip_38smm_14[data-side='right'][data-open='true'] {
  width: var(--pf-dock-foot);
}

._dockStrip_38smm_14[data-side='right'] ._dock_38smm_14 {
  margin-right: calc(var(--pf-dock-lift) + var(--safe-right));
  transform: translateX(calc(100% + var(--pf-dock-lift) + 6px));
  transform-origin: right center;
}

._dockStrip_38smm_14[data-side='right'][data-open='true'] ._dock_38smm_14 {
  transform: translateX(0);
}

._dockStrip_38smm_14[data-side='right'] ._dockTrigger_38smm_144 {
  right: 0;
  justify-content: flex-end;
  width: calc(var(--app-card-gutter) + var(--safe-right));
  padding-right: calc(var(--app-card-gutter) / 2 - 1.5px + var(--safe-right));
}

@media (pointer: coarse) {
  ._dockStrip_38smm_14[data-side='left'] ._dockTrigger_38smm_144 {
    width: calc(24px + var(--safe-left));
  }

  ._dockStrip_38smm_14[data-side='right'] ._dockTrigger_38smm_144 {
    width: calc(24px + var(--safe-right));
  }
}

@media (prefers-reduced-motion: reduce) {
  ._dock_38smm_14,
  ._tile_38smm_230,
  ._tile_38smm_230 svg,
  ._mark_38smm_408,
  ._avatar_38smm_473,
  ._dockHint_38smm_169 {
    transition-duration: 1ms !important;
  }

  ._tileBadge_38smm_343[data-kind='busy'],
  ._fiDot_38smm_724[data-status='busy'],
  ._fiSkeleton_38smm_812 i {
    animation-duration: 1ms !important;
  }

  ._tile_38smm_230:hover svg,
  ._tile_38smm_230:hover ._mark_38smm_408,
  ._tile_38smm_230:hover ._avatar_38smm_473 {
    transform: none;
  }
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  touch-action: none;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/*
 * A grade reads as a measurement, not a verdict: pikku defines no passing
 * threshold, so the bar states magnitude and never changes hue to imply one.
 * The scenario that asserted the bound is where pass and fail are decided.
 */
._scoreTrack_1x6qn_6 {
  background: var(--mantine-color-default-border);
  border-radius: 2px;
  height: 4px;
  overflow: hidden;
  width: 100%;
}

._scoreFill_1x6qn_14 {
  background: var(--app-accent, var(--mantine-primary-color-filled));
  border-radius: 2px;
  height: 100%;
}

/* A judge's reason is prose about the answer, so it wraps like prose. */
._scoreReason_1x6qn_21 {
  max-width: 62ch;
}
._ladderStep_1u0gd_1 {
  border-radius: 6px;
  cursor: pointer;
  margin-left: -8px;
  padding-right: 8px;
  padding-left: 8px;
}

/*
 * A row holds two destinations: the actor opens their persona, everything else
 * opens the step. Highlighting the whole row would promise one action for both,
 * so the highlight lands on whichever of the two the pointer is about to act on
 * — the actor when it is over the actor, the sentence anywhere else in the row.
 */
._ladderActor_1u0gd_15,
._ladderSentence_1u0gd_16 {
  text-decoration: none;
  transition:
    color 100ms,
    text-decoration-color 100ms;
}

._ladderStep_1u0gd_1[data-active] {
  background: var(--mantine-primary-color-light);
}

._ladderStep_1u0gd_1[data-active] ._ladderSentence_1u0gd_16 {
  color: var(--mantine-primary-color-light-color);
}

._ladderStep_1u0gd_1:hover:not(:has(._ladderActor_1u0gd_15:hover)) ._ladderSentence_1u0gd_16 {
  color: var(--mantine-primary-color-filled);
}

._ladderActor_1u0gd_15:hover {
  color: var(--mantine-primary-color-filled);
  text-decoration: underline;
}

/*
 * Running is the one status that is not a fact yet, so it is the one that
 * moves. Everything else on this screen holds still.
 */
._statusPulse_1u0gd_44 {
  animation: _scenario-status-pulse_1u0gd_1 1s ease-in-out infinite;
}

@keyframes _scenario-status-pulse_1u0gd_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._statusPulse_1u0gd_44 {
    animation: none;
  }
}
/*
 * Shared composer (prompt-box) styling. Used by the OpenCode assistant chat
 * footer and the build-mode new-project prompt. The visual shell lives here;
 * each caller supplies its own input + send (assistant-ui primitives vs a
 * plain controlled textarea).
 */
._composerRoot_6fkvw_7 {
  --composer-surface-bg: var(--app-panel-bg-raised);
  --composer-surface-border: var(--app-border);
  --composer-surface-shadow: var(--app-shadow-panel);
  --composer-input-color: var(--app-text);
  --composer-placeholder-color: var(--app-text-faint);
  --composer-icon-border: var(--app-border);
  --composer-icon-bg: var(--app-panel-bg-soft);
  --composer-icon-color: var(--app-text-dim);
  --composer-icon-hover-bg: var(--app-panel-bg-strong);
  --composer-icon-hover-color: var(--app-text);
  --composer-send-border: var(--app-blue-border);
  --composer-send-bg: var(--app-blue);
  --composer-send-color: var(--app-panel-bg);
  --composer-send-hover-bg: var(--app-blue-hover);
  --composer-send-hover-color: var(--app-panel-bg);
  --composer-control-color: var(--app-text-dim);
  --composer-control-hover-color: var(--app-text);
  --composer-control-muted: var(--app-text-faint);
  position: relative;
  z-index: 2;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--composer-surface-bg);
  border: 1px solid var(--composer-surface-border);
  border-radius: 24px;
  padding: 14px 12px 10px;
  box-shadow: 0 14px 30px var(--composer-surface-shadow);
}

._composerInput_6fkvw_39 {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: var(--composer-input-color);
  font-size: var(--mantine-font-size-sm);
  font-family: inherit;
  resize: none;
  line-height: 1.5;
  min-height: 46px;
  max-height: 120px;
  overflow-y: auto;
}

._composerInput_6fkvw_39::placeholder {
  color: var(--composer-placeholder-color);
}

._composerFooter_6fkvw_58 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._composerSpacer_6fkvw_66 {
  flex: 1;
}

._iconChip_6fkvw_70,
._sendButton_6fkvw_71 {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid var(--composer-icon-border);
  background: var(--composer-icon-bg);
  color: var(--composer-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 150ms ease,
    color 150ms ease,
    border-color 150ms ease;
  flex-shrink: 0;
}

._iconChip_6fkvw_70:hover:not(:disabled) {
  background: var(--composer-icon-hover-bg);
  color: var(--composer-icon-hover-color);
}

._sendButton_6fkvw_71 {
  border-color: var(--composer-send-border);
  background: var(--composer-send-bg);
  color: var(--composer-send-color);
}

._sendButton_6fkvw_71:hover:not(:disabled) {
  background: var(--composer-send-hover-bg);
  color: var(--composer-send-hover-color);
}

._sendButton_6fkvw_71:disabled,
._iconChip_6fkvw_70:disabled {
  opacity: 0.48;
  cursor: default;
}

._controlChip_6fkvw_111 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 150px;
  padding: 5px 4px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--composer-control-color);
  font-size: 13px;
  line-height: 1;
  transition:
    background-color 120ms ease,
    color 120ms ease,
    border-color 120ms ease;
}

._controlChipLabel_6fkvw_129 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._controlChip_6fkvw_111:hover:not(:disabled) {
  background-color: transparent;
  color: var(--composer-control-hover-color);
}

._controlChip_6fkvw_111:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._controlChipIcon_6fkvw_146 {
  color: var(--composer-control-muted);
  flex-shrink: 0;
}

._controlChipChevron_6fkvw_151 {
  color: var(--composer-control-muted);
  margin-left: 2px;
  flex-shrink: 0;
}

@container (max-width: 360px) {
  ._controlChip_6fkvw_111 {
    max-width: none;
    padding-inline: 3px;
    gap: 3px;
  }

  ._controlChipLabel_6fkvw_129 {
    display: none;
  }
}

/* Spinner shown in the send button while a submit is in flight. */
._spin_6fkvw_170 {
  animation: _composerSpin_6fkvw_1 0.7s linear infinite;
}

@keyframes _composerSpin_6fkvw_1 {
  to {
    transform: rotate(360deg);
  }
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
[data-help-active] {
  outline: 2px solid var(--app-accent, var(--mantine-primary-color-filled));
  outline-offset: 3px;
  border-radius: 6px;
  box-shadow: 0 0 0 6px color-mix(
      in srgb,
      var(--app-accent, var(--mantine-primary-color-filled)) 16%,
      transparent
    );
  transition:
    outline-color 120ms ease,
    box-shadow 120ms ease;
}

@media (prefers-reduced-motion: reduce) {
  [data-help-active] {
    transition: none;
  }
}
._dock_1fx49_1 {
  flex-shrink: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--app-surface, var(--mantine-color-body));
  border-inline-start: 1px solid var(--app-border, var(--mantine-color-default-border));
  z-index: 600;
}

._rail_1fx49_11 {
  flex-shrink: 0;
  width: 36px;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 14px;
  color: var(--mantine-color-dimmed);
  background-color: var(--app-surface, var(--mantine-color-body));
  border-inline-start: 1px solid var(--app-border, var(--mantine-color-default-border));
  z-index: 600;
}

._rail_1fx49_11:hover {
  color: var(--app-text);
}

._head_1fx49_29 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: var(--screen-header-height, 48px);
  padding: 0 8px 0 14px;
  border-bottom: 1px solid var(--app-border, var(--mantine-color-default-border));
}

._title_1fx49_38 {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--app-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._collapse_1fx49_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  color: var(--mantine-color-dimmed);
}

._collapse_1fx49_49:hover {
  background-color: var(--app-sidebar-hover);
  color: var(--app-text);
}

._body_1fx49_64 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 12px 4px 24px;
}

._chapter_1fx49_73 {
  margin-bottom: 18px;
}

._chapterTitle_1fx49_77 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mantine-color-dimmed);
  padding: 0 12px;
  margin-bottom: 6px;
}

._stop_1fx49_87 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  text-align: start;
  padding: 7px 12px;
  border-radius: 8px;
  color: var(--app-text);
  font-size: 14px;
  line-height: 1.3;
}

._stop_1fx49_87:hover {
  background-color: var(--app-sidebar-hover);
  color: var(--app-text);
}

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

._stopSlide_1fx49_105 ._mark_1fx49_109 {
  color: var(--app-primary-button-bg);
}

._stopScreen_1fx49_113 ._mark_1fx49_109 {
  color: var(--mantine-color-teal-6);
}

._stopActive_1fx49_117 {
  background-color: var(--app-primary-button-bg);
  color: var(--app-primary-button-fg);
}

._stopActive_1fx49_117 ._aside_1fx49_122 {
  color: inherit;
  opacity: 0.75;
}

._label_1fx49_105 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._aside_1fx49_122 {
  margin-inline-start: auto;
  font-size: 11px;
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}

._mark_1fx49_109 {
  width: 18px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  color: var(--mantine-color-dimmed);
}

._stopActive_1fx49_117 ._mark_1fx49_109 {
  color: inherit;
}

._resizeHandle_1fx49_153 {
  width: 8px;
  margin-inline-end: -4px;
  flex-shrink: 0;
  cursor: col-resize;
  background-color: transparent;
  transition: background-color 150ms ease;
  z-index: 601;
}

._resizeHandle_1fx49_153:hover,
._resizeHandleActive_1fx49_164 {
  background-color: var(--app-primary-button-bg);
}

._resizeOverlay_1fx49_168 {
  position: fixed;
  inset: 0;
  z-index: 700;
  cursor: col-resize;
  touch-action: none;
}

._stopSkip_1fx49_176 {
  opacity: 0.42;
}

._stopSkip_1fx49_176:hover {
  opacity: 0.75;
}

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