@layer mantine {: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%
}
  }

/* 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);
}

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

.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],
    .m_1f921b3b:first-of-type > .m_8fa820a0 > [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],
    .m_1f921b3b:last-of-type > .m_8fa820a0 > [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_de09d2d2 {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-sm);
  width: fit-content;
  margin-inline: auto;
}

.m_eab73b29 {
  width: calc(0.0625rem * var(--mantine-scale));
  align-self: stretch;
  background-color: var(--mantine-color-default-border);
}

.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, 100000ms);
  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 {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
}

  .m_47dd3981[data-tabular-numbers] {
    font-variant-numeric: tabular-nums;
  }

.m_ccf525bd {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  white-space: pre;
  color: transparent;
  forced-color-adjust: none;
}

.m_b301d46e {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 1ch;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  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 {
  position: relative;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  white-space: pre;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  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-label-position='bottom']) {
    align-items: flex-start;
  }

.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_aaf89d0b:where([data-label-position='bottom']) .m_2a371ac9 {
    margin-top: calc((var(--stepper-icon-size) - var(--stepper-outline-thickness)) / 2);
  }

.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_cbb57068:where([data-label-position='bottom']) {
    flex-direction: column;
    align-items: center;
    min-width: var(--stepper-icon-size);
    max-width: calc(var(--stepper-icon-size) * 4);
    overflow: visible;
  }

/* `labelPosition="bottom"` wins over `iconPosition`: the two describe the same axis, and
       `column-reverse` here would move the label above the icon – the opposite of what the
       prop name promises. */

.m_cbb57068:where([data-label-position='bottom']):where([data-icon-position='right']) {
      flex-direction: column;
    }

.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_cbb57068:where([data-label-position='bottom']) .m_1956aa2a {
    align-items: center;
    text-align: center;
    margin: calc(var(--mantine-spacing-xs) / 2) 0 0;
  }

.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(details) {
    margin-bottom: var(--mantine-spacing-md);
    padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
    border: 1px solid var(--details-border-color);
    border-radius: var(--mantine-radius-default);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(details) {
      --details-border-color: var(--mantine-color-gray-3);
      --details-summary-hover: var(--mantine-color-gray-1);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(details) {
      --details-border-color: var(--mantine-color-dark-4);
      --details-summary-hover: var(--mantine-color-dark-5);
}
  /* The native marker is hidden and replaced with a small triangle control so only the control –
       not the whole summary text – gets the hover affordance, matching the editor toggle button. */
  .m_d08caa0 :where(details) :where(summary) {
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--mantine-spacing-xs);
      cursor: pointer;
      font-weight: 600;
      list-style: none;
    }
  .m_d08caa0 :where(details) :where(summary)::-webkit-details-marker {
      display: none;
    }
  /* Control box: reserves space for the triangle and carries the hover background. */
  .m_d08caa0 :where(details) :where(summary)::before {
      content: '';
      flex-shrink: 0;
      width: 1.25rem;
      height: calc(1em * var(--mantine-line-height));
      border-radius: var(--mantine-radius-sm);
    }
  .m_d08caa0 :where(details) :where(summary:hover)::before {
      background-color: var(--details-summary-hover);
    }
  /* Disclosure triangle centered over the control box (7px = half of the 20px box minus the 6px
       triangle); rotates to point down when the details is open. */
  .m_d08caa0 :where(details) :where(summary)::after {
      content: '';
      position: absolute;
      inset-inline-start: calc(0.4375rem * var(--mantine-scale));
      top: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: calc(0.3125rem * var(--mantine-scale)) 0 calc(0.3125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
      border-color: transparent transparent transparent currentColor;
      transform: translateY(-50%);
    }
  .m_d08caa0 :where(details):where([open]) > :where(summary)::after {
      transform: translateY(-50%) rotate(90deg);
    }
  .m_d08caa0 :where(details) > :where(*:last-child) {
      margin-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);
}
}@layer mantine {.m_468e7eda {
  padding-top: 0;
  padding-bottom: 0;
  appearance: none;
}

  .m_468e7eda::-webkit-calendar-picker-indicator {
    display: none;
  }

  .m_468e7eda::-webkit-clear-button {
    display: none;
  }

  .m_468e7eda::-webkit-datetime-edit-hour-field,
  .m_468e7eda::-webkit-datetime-edit-minute-field,
  .m_468e7eda::-webkit-datetime-edit-second-field,
  .m_468e7eda::-webkit-datetime-edit-ampm-field {
    padding-top: 0;
    max-height: calc(1.875rem * var(--mantine-scale));
    display: inline;
  }

  .m_468e7eda::-webkit-datetime-edit-hour-field:focus, .m_468e7eda::-webkit-datetime-edit-minute-field:focus, .m_468e7eda::-webkit-datetime-edit-second-field:focus, .m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
      background-color: var(--mantine-primary-color-filled);
      color: var(--mantine-color-white);
    }

.m_7a8f1e6d {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

  :where([dir="rtl"]) .m_7a8f1e6d {
    flex-direction: row-reverse;
}

.m_d6bb0a54 {
  display: flex;
  align-items: center;
  height: calc(var(--input-height) - 15px);
}

.m_b97ecb26 {
  display: flex;
  flex-direction: column;
}

.m_31fe42f9 {
  display: flex;
  gap: calc(0.25rem * var(--mantine-scale));
}

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

.m_154c536b {
  text-align: center;
  min-width: 2.5em;
  width: max-content;
  height: 2em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--control-font-size, var(--mantine-font-size-sm));
}

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

@media (hover: hover) {
    .m_154c536b:hover:where(:not([data-active])) {
      color: var(--mantine-color-bright);
    }

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

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

@media (hover: none) {
    .m_154c536b:active:where(:not([data-active])) {
      color: var(--mantine-color-bright);
    }

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

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

.m_7be09d0c {
  text-align: center;
  height: 2em;
  padding-inline: 0.5em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--control-font-size, var(--mantine-font-size-sm));
}

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

@media (hover: hover) {
    .m_7be09d0c:hover:where(:not([data-active])) {
      color: var(--mantine-color-bright);
    }

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

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

@media (hover: none) {
    .m_7be09d0c:active:where(:not([data-active])) {
      color: var(--mantine-color-bright);
    }

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

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

.m_7d00001d + .m_7d00001d {
    margin-top: var(--mantine-spacing-sm);
  }

.m_d8d918d7 {
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
  font-weight: var(--mantine-font-weight-medium);
  display: flex;
  align-items: center;
  padding-inline-start: calc(0.4375rem * var(--mantine-scale));
}

.m_d8d918d7::after {
    content: '';
    width: 100%;
    height: calc(0.0625rem * var(--mantine-scale));
    flex: 1;
    margin-inline-start: var(--mantine-spacing-xs);
  }

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

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

.m_6b43ba88 {
  width: calc(2ch + 0.3em);
  caret-color: transparent;
  font-variant-numeric: tabular-nums;
  position: relative;
  height: 100%;
  line-height: 1;
  padding-inline: 0.15em;
  border: 0;
  text-align: center;
  text-align-last: center;
  background-color: transparent;
  color: var(--input-color);
  border-radius: calc(0.125rem * var(--mantine-scale));
  appearance: none;
}

.m_6b43ba88:where([data-am-pm]) {
    width: auto;
  }

.m_6b43ba88:where(:disabled) {
    cursor: not-allowed;
  }

.m_6b43ba88::selection {
    background-color: transparent;
  }

.m_6b43ba88::placeholder {
    opacity: 1;
    color: inherit;
  }

.m_6b43ba88:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
    outline: 0;
  }

.m_6b43ba88:focus::placeholder {
      color: var(--mantine-color-white);
    }

.m_396ce5cb {
  --day-size-xs: calc(1.875rem * var(--mantine-scale));
  --day-size-sm: calc(2.25rem * var(--mantine-scale));
  --day-size-md: calc(2.625rem * var(--mantine-scale));
  --day-size-lg: calc(3rem * var(--mantine-scale));
  --day-size-xl: calc(3.375rem * var(--mantine-scale));
  --day-size: var(--day-size-sm);

  width: var(--day-size, var(--day-size-sm));
  height: var(--day-size, var(--day-size-sm));
  font-size: calc(var(--day-size) / 2.8);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  border-radius: var(--mantine-radius-default);
  color: var(--mantine-color-text);
  opacity: 1;
}

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

      [data-mantine-color-scheme='dark'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5);
  }
}

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

      [data-mantine-color-scheme='dark'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5);
  }
}

  .m_396ce5cb:where([data-static]) {
    user-select: auto;
    cursor: default;
  }

  .m_396ce5cb:where([data-weekend]) {
    color: var(--mantine-color-red-6);
  }

  .m_396ce5cb:where([data-outside]) {
    color: var(--mantine-color-dimmed);
    opacity: 0.5;
  }

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

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

  :where([data-mantine-color-scheme='light']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
      border: 1px solid var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
      border: 1px solid var(--mantine-color-dark-4);
}

  .m_396ce5cb:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light);
    border-radius: 0;
  }

  @media (hover: hover) {
      .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light);
      }
}

  @media (hover: none) {
      .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light);
      }
}

  .m_396ce5cb:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-last-in-range]) {
    border-radius: 0;
    border-end-end-radius: var(--mantine-radius-default);
    border-start-end-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
    border-radius: var(--mantine-radius-default);
  }

  .m_396ce5cb:where([data-full-width]) {
    width: 100%;
    height: auto;
    min-height: var(--day-size);
    aspect-ratio: 1;
  }

  .m_396ce5cb:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast);
  }

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

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

.m_18a3eca {
  color: var(--mantine-color-dimmed);
  font-weight: var(--mantine-font-weight-regular);
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
  text-transform: capitalize;
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
}

.m_cc9820d3 {
  border-collapse: collapse;
  table-layout: fixed;
}

  .m_cc9820d3[data-full-width] {
    width: 100%;
  }

.m_8f457cd5 {
  padding: 0;
}

.m_8f457cd5:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_6cff9dea {
  --wn-size-xs: calc(1.875rem * var(--mantine-scale));
  --wn-size-sm: calc(2.25rem * var(--mantine-scale));
  --wn-size-md: calc(2.625rem * var(--mantine-scale));
  --wn-size-lg: calc(3rem * var(--mantine-scale));
  --wn-size-xl: calc(3.375rem * var(--mantine-scale));

  color: var(--mantine-color-dimmed);
  font-weight: var(--mantine-font-weight-regular);
  font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
  text-align: center;
  width: var(--wn-size, var(--wn-size-sm));
}

.m_dc6a3c71 {
  --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
  --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
  --dpc-size-md: calc(2.625rem * var(--mantine-scale));
  --dpc-size-lg: calc(3rem * var(--mantine-scale));
  --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
  --dpc-size: var(--dpc-size-sm);

  font-size: var(--dpc-fz, var(--mantine-font-size-sm));
  height: var(--dpc-size);
  width: calc((var(--dpc-size) * 7) / 3 + calc(0.09375rem * var(--mantine-scale)));
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--mantine-color-text);
  opacity: 1;
  border-radius: var(--mantine-radius-default);
}

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

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

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

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

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

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

  @media (hover: hover) {

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

  @media (hover: none) {

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

  .m_dc6a3c71:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light-hover);
    border-radius: 0;
  }

  @media (hover: hover) {

  .m_dc6a3c71:where([data-in-range]):hover {
      background-color: var(--mantine-primary-color-light);
  }
}

  @media (hover: none) {

  .m_dc6a3c71:where([data-in-range]):active {
      background-color: var(--mantine-primary-color-light);
  }
}

  .m_dc6a3c71:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default);
  }

  .m_dc6a3c71:where([data-last-in-range]) {
    border-radius: 0;
    border-end-end-radius: var(--mantine-radius-default);
    border-start-end-radius: var(--mantine-radius-default);
  }

  .m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
    border-radius: var(--mantine-radius-default);
  }

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

.m_9206547b {
  border-collapse: collapse;
  border-width: 0;
}

  .m_9206547b[data-full-width] {
    width: 100%;
  }

.m_c5a19c7d {
  padding: 0;
}

.m_c5a19c7d:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_2a6c32d {
  border-collapse: collapse;
  border-width: 0;
  cursor: pointer;
}

  .m_2a6c32d[data-full-width] {
    width: 100%;
  }

.m_fe27622f {
  padding: 0;
}

.m_fe27622f:where([data-with-spacing]) {
    padding: calc(0.03125rem * var(--mantine-scale));
  }

.m_730a79ed {
  --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
  --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
  --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
  --dch-control-size-lg: calc(3rem * var(--mantine-scale));
  --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
  --dch-control-size: var(--dch-control-size-sm);

  display: flex;
  max-width: calc(var(--dch-control-size) * 8 + calc(0.4375rem * var(--mantine-scale)));
  margin-bottom: var(--mantine-spacing-xs);
}

  .m_730a79ed[data-full-width] {
    max-width: none;
    width: 100%;
  }

.m_f6645d97,
.m_2351eeb0 {
  height: var(--dch-control-size);
  border-radius: var(--mantine-radius-default);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  opacity: 1;
  cursor: pointer;
}

.m_f6645d97:where([data-static]), .m_2351eeb0:where([data-static]) {
    cursor: default;
  }

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

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

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

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

.m_f6645d97:where(:disabled, [data-disabled]), .m_2351eeb0:where(:disabled, [data-disabled]) {
    opacity: 0.2;
    cursor: not-allowed;
  }

.m_2351eeb0 {
  width: var(--dch-control-size);
}

.m_f6645d97 {
  flex: 1;
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
  font-weight: var(--mantine-font-weight-medium);
  text-transform: capitalize;
}

.m_f6645d97[data-native-level-select] {
  cursor: default;
  gap: var(--mantine-spacing-md);
}

.m_e214b549 {
  appearance: none;
  background: transparent;
  border: none;
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
  font-weight: var(--mantine-font-weight-medium);
  text-transform: capitalize;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
  padding: 0;
  line-height: var(--dch-control-size);
  height: var(--dch-control-size);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: calc(0.875rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  padding-right: calc(1rem * var(--mantine-scale));
}

.m_e214b549:focus-visible {
    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * var(--mantine-scale));
    border-radius: var(--mantine-radius-sm);
  }

.m_e214b549:disabled {
    cursor: not-allowed;
    color: var(--mantine-color-dimmed);
  }

.m_367dc749 {
  width: 60%;
  height: 60%;
}

.m_367dc749:where([data-direction='next']) {
    transform: rotate(270deg);
  }

:where([dir="rtl"]) .m_367dc749:where([data-direction='next']) {
      transform: rotate(90deg);
}

.m_367dc749:where([data-direction='previous']) {
    transform: rotate(90deg);
  }

:where([dir="rtl"]) .m_367dc749:where([data-direction='previous']) {
      transform: rotate(270deg);
}

.m_30b26e33 {
  display: flex;
  gap: var(--mantine-spacing-md);
}

  .m_30b26e33[data-full-width] {
    width: 100%;
  }

  .m_30b26e33[data-full-width] > * {
      flex: 1;
    }

.m_6fa5e2aa {
  cursor: pointer;
  line-height: unset;
}

  .m_6fa5e2aa:where([data-read-only]) {
    cursor: default;
  }

.m_d01e596f {
  display: flex;
  font-size: var(--preset-font-size);
}

.m_52a6b4b0 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}

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

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

.m_b0d93233 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}

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

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

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

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

.m_53c9e871 {
  display: flex;
  font-size: var(--preset-font-size);
}

.m_cccb8ff3 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}

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

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

.m_7b4fbf50 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}

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

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

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

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

.m_765a40cf {
  display: flex;
  font-size: var(--preset-font-size);
}

.m_d6a681e1 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}

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

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

.m_acd30b22 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}

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

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

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

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

.m_1f4d0c5 {
  display: flex;
  font-size: var(--preset-font-size);
}

.m_1f20081 {
  display: flex;
  flex-direction: column;
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-inline-end: 0.5em;
  margin-inline-end: 0.5em;
}

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

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

.m_eaf76082 {
  padding: 0.52em 0.8em;
  border-radius: var(--mantine-radius-default);
  font-size: var(--preset-font-size);
  white-space: nowrap;
}

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

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

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

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

.m_43bf4edb {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}

.m_49f1412 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}

.m_d6d672a0 {
  margin-top: var(--mantine-spacing-md);
  font-size: calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)));
  color: var(--mantine-color-text);
  line-height: 1.4;
  height: calc((var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))) * 1.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_80eb36d4 {
  display: flex;
  align-items: stretch;
  gap: var(--mantine-spacing-md);
  margin-top: var(--mantine-spacing-md);
}

.m_5566a64b {
  flex: 1;
}

.m_208d2562 {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}

.m_62ee059 {
  flex: 1;
  margin-inline-end: var(--mantine-spacing-md);
}

.m_d8663ee7 {
  margin-top: var(--mantine-spacing-md);
  font-size: calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)));
  color: var(--mantine-color-text);
  line-height: 1.4;
  height: calc((var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))) * 1.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m_afb15cad {
  display: flex;
  align-items: stretch;
  gap: var(--mantine-spacing-md);
  margin-top: var(--mantine-spacing-md);
}

.m_8afe6e64 {
  flex: 1;
}

.m_ac3f4d63 {
  text-align: center;
  padding-inline: 1em;
  padding-block: 0.25em;
  border: 1px solid var(--mantine-color-default-border);
  background-color: var(--mantine-color-default);
  color: var(--mantine-color-default-color);
  border-radius: var(--time-grid-radius, var(--mantine-radius-default));
  font-size: var(--time-grid-fz, var(--mantine-font-size-sm));
}

  @media (hover: hover) {
    .m_ac3f4d63:hover:where(:not([data-disabled])) {
      background-color: var(--mantine-color-default-hover);
    }
}

  @media (hover: none) {
    .m_ac3f4d63:active:where(:not([data-disabled])) {
      background-color: var(--mantine-color-default-hover);
    }
}

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

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

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

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

.m_2a0c4eda {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: var(--mini-calendar-font-size);
}

.m_2a05be4f {
  display: flex;
  font-size: inherit;
}

.m_99d16a4 {
  display: flex;
  min-width: 3em;
  gap: 0.5em;
  font-size: inherit;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  padding: 0.75em;
  border-radius: var(--mantine-radius-default);
}

.m_99d16a4:where([data-selected]) {
    color: var(--mantine-primary-color-contrast);
    background-color: var(--mantine-primary-color-filled);
  }

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

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

.m_99d16a4:where([data-disabled]) {
    opacity: 0.3;
    cursor: not-allowed;
  }

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

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

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

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_176ca23c {
  font-size: 0.75em;
  font-weight: var(--mantine-font-weight-medium);
  opacity: 0.65;
}

.m_d830530d {
  font-size: 0.9em;
  font-weight: var(--mantine-font-weight-medium);
}

.m_14c23465 {
  align-self: stretch;
  font-size: inherit;
  width: 2em;
  border-radius: var(--mantine-radius-default);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-bright);
}

.m_14c23465:where([data-disabled]) {
    opacity: 0.3;
    cursor: not-allowed;
  }

.m_14c23465 [data-chevron] {
    font-size: inherit;
    width: 60%;
  }

.m_14c23465[data-direction='previous'] [data-chevron] {
    transform: rotate(90deg);
  }

[dir="rtl"] .m_14c23465[data-direction='previous'] [data-chevron] {
      transform: rotate(-90deg);
}

.m_14c23465[data-direction='next'] [data-chevron] {
    transform: rotate(-90deg);
  }

[dir="rtl"] .m_14c23465[data-direction='next'] [data-chevron] {
      transform: rotate(90deg);
}

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

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

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

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_14c23465:active:where(:not([data-disabled])) {
        background-color: var(--mantine-color-dark-5);
      }
}
}@layer mantine {.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;
  }
}@layer mantine {.m_dd3f7539 {
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-radius: var(--mantine-radius-default);
}

  /* Clip children to the rounded corners so the sticky toolbar does not overflow the rounded
     border (which caused square-corner cutouts when the sticky toolbar reached the bottom
     edge). `clip` is used instead of `hidden` because it does not create a scroll container,
     so `position: sticky` on the toolbar keeps working.

     Scoped to editors that actually have a sticky toolbar: clipping is also a Floating UI
     boundary, and Tiptap appends `BubbleMenu` and `FloatingMenu` inside the editor rather
     than into a portal, so an unconditional clip would constrain every floating menu to the
     editor box even when there is nothing to clip. */
  .m_dd3f7539:where(:has(> [data-sticky])) {
    overflow: clip;
  }
  :where([data-mantine-color-scheme='light']) .m_dd3f7539 {
    border-color: var(--mantine-color-gray-4);
}
  :where([data-mantine-color-scheme='dark']) .m_dd3f7539 {
    border-color: var(--mantine-color-dark-4);
}

.m_f2016866 {
  padding: 0;
  margin: 0;
}

.m_f2016866 li > p {
    margin: 0;
  }

.m_f2016866 ul li,
  .m_f2016866 ol li {
    margin-top: calc(0.125rem * var(--mantine-scale));
  }

.m_f2016866 p {
    margin-bottom: calc(0.4375rem * var(--mantine-scale));
  }

.m_f2016866 h1,
  .m_f2016866 h2,
  .m_f2016866 h3,
  .m_f2016866 h4,
  .m_f2016866 h5,
  .m_f2016866 h6,
  .m_f2016866 p {
    margin-top: 0;
  }

.m_c2204cc2 {
  background-color: var(--mantine-color-body);
  border-radius: var(--mantine-radius-default);

  /* Rotate the disclosure triangle when the section is expanded. Derive the state from the
     content's `hidden` attribute (toggled by the node view) rather than the `.is-open` class, so a
     custom `openClassName` option is handled. Scope to the node's own content so a nested expanded
     details does not rotate an outer collapsed one. */
}

.m_c2204cc2 .ProseMirror {
    outline: 0;
    padding: var(--mantine-spacing-md);
  }

.m_c2204cc2 .ProseMirror > *:last-child {
    margin-bottom: 0;
  }

.m_c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
    content: attr(data-placeholder);
    pointer-events: none;
    user-select: none;
    float: left;
    height: 0;
    color: var(--mantine-color-placeholder);
  }

.m_c2204cc2 div:not(.ProseMirror) {
    /* Position the bubble menu above the toolbar. As it doesn't have its own selector,
    assert that the non-ProseMirror div is the bubble or floating menu */
    z-index: 2;
  }

.m_c2204cc2 pre {
    font-family: var(--mantine-font-family-monospace);
    border-radius: var(--mantine-radius-default);
    padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  }

:where([data-mantine-color-scheme='light']) .m_c2204cc2 pre {
      background-color: var(--mantine-color-gray-0);
      color: var(--mantine-color-gray-9);
      --code-color-comment: var(--mantine-color-gray-5);
      --code-color-var: var(--mantine-color-red-7);
      --code-color-number: var(--mantine-color-blue-7);
      --code-color-title: var(--mantine-color-pink-7);
      --code-color-keyword: var(--mantine-color-violet-7);
}

:where([data-mantine-color-scheme='dark']) .m_c2204cc2 pre {
      background-color: var(--mantine-color-dark-8);
      color: var(--mantine-color-dark-1);
      --code-color-comment: var(--mantine-color-dark-2);
      --code-color-var: var(--mantine-color-red-5);
      --code-color-number: var(--mantine-color-cyan-5);
      --code-color-title: var(--mantine-color-yellow-5);
      --code-color-keyword: var(--mantine-color-violet-3);
}

.m_c2204cc2 pre code {
      background: none !important;
      color: inherit;
      font-size: var(--mantine-font-size-sm);
      padding: 0;
    }

.m_c2204cc2 pre .hljs-comment,
    .m_c2204cc2 pre .hljs-quote {
      color: var(--code-color-comment);
    }

.m_c2204cc2 pre .hljs-variable,
    .m_c2204cc2 pre .hljs-template-variable,
    .m_c2204cc2 pre .hljs-attribute,
    .m_c2204cc2 pre .hljs-tag,
    .m_c2204cc2 pre .hljs-regexp,
    .m_c2204cc2 pre .hljs-link,
    .m_c2204cc2 pre .hljs-name,
    .m_c2204cc2 pre .hljs-selector-id,
    .m_c2204cc2 pre .hljs-selector-class {
      color: var(--code-color-var);
    }

.m_c2204cc2 pre .hljs-number,
    .m_c2204cc2 pre .hljs-meta,
    .m_c2204cc2 pre .hljs-built_in,
    .m_c2204cc2 pre .hljs-builtin-name,
    .m_c2204cc2 pre .hljs-literal,
    .m_c2204cc2 pre .hljs-type,
    .m_c2204cc2 pre .hljs-params {
      color: var(--code-color-number);
    }

.m_c2204cc2 pre .hljs-string,
    .m_c2204cc2 pre .hljs-symbol,
    .m_c2204cc2 pre .hljs-bullet {
      color: var(--code-color-var);
    }

.m_c2204cc2 pre .hljs-title,
    .m_c2204cc2 pre .hljs-section {
      color: var(--code-color-title);
    }

.m_c2204cc2 pre .hljs-keyword,
    .m_c2204cc2 pre .hljs-selector-tag {
      color: var(--code-color-keyword);
    }

.m_c2204cc2 pre .hljs-emphasis {
      font-style: italic;
    }

.m_c2204cc2 pre .hljs-strong {
      font-weight: 700;
    }

/* The table node view is wrapped in `.tableWrapper` inside the editor (it is not part of
     `editor.getHTML()` output). Keep only functional styles here – horizontal scroll and
     bottom spacing – so the table itself is styled directly and renders the same way when the
     generated HTML is displayed with the Typography component. */

.m_c2204cc2 .tableWrapper {
    margin-bottom: var(--mantine-spacing-sm);
    overflow-x: auto;
  }

.m_c2204cc2 table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    overflow: hidden;
  }

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

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

.m_c2204cc2 td,
  .m_c2204cc2 th {
    position: relative;
    min-width: 1em;
    padding: 7px var(--mantine-spacing-xs);
    border: 1px solid var(--rte-table-border-color);
    vertical-align: top;
    box-sizing: border-box;
  }

.m_c2204cc2 th {
    text-align: start;
  }

.m_c2204cc2 .selectedCell {
    background-color: color-mix(in srgb, var(--mantine-primary-color-light) 30%, transparent);
  }

.m_c2204cc2 .column-resize-handle {
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(-0.125rem * var(--mantine-scale));
    width: calc(0.25rem * var(--mantine-scale));
    pointer-events: none;
    background-color: var(--mantine-primary-color-filled);
  }

/* ProseMirror gap cursor (appears when navigating above/below a table) renders
     a hardcoded black caret – recolor it so it stays visible in both schemes */

.m_c2204cc2 .ProseMirror-gapcursor::after {
    border-top-color: var(--mantine-color-text);
  }

/* Details node view: a wrapper with a toggle button and a content column holding the summary
     and the collapsible content. The extension does not render a visible marker, so the disclosure
     triangle is drawn here and rotated when the node is expanded. */

.m_c2204cc2 [data-type='details'] {
    display: flex;
    align-items: flex-start;
    gap: var(--mantine-spacing-xs);
    margin-bottom: var(--mantine-spacing-sm);
    padding: var(--mantine-spacing-sm);
    border: 1px solid var(--rte-details-border-color);
    border-radius: var(--mantine-radius-default);
  }

:where([data-mantine-color-scheme='light']) .m_c2204cc2 [data-type='details'] {
      --rte-details-border-color: var(--mantine-color-gray-3);
      --rte-details-button-hover: var(--mantine-color-gray-1);
}

:where([data-mantine-color-scheme='dark']) .m_c2204cc2 [data-type='details'] {
      --rte-details-border-color: var(--mantine-color-dark-4);
      --rte-details-button-hover: var(--mantine-color-dark-5);
}

.m_c2204cc2 [data-type='details'] > button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--mantine-radius-sm);
    background-color: transparent;
    color: inherit;
    cursor: pointer;
  }

/* The default toggle button is empty (the extension only sets an aria-label), so the size, hover
     affordance and disclosure triangle are scoped to `:empty`. A custom `renderToggleButton` fills
     the button with its own content and is left untouched to avoid a clipped or duplicated marker.
     The height matches one line of the summary so the centered triangle lines up with the summary
     text (both start at the top of the flex row). */

.m_c2204cc2 [data-type='details'] > button:empty {
    width: 1.25rem;
    height: calc(1em * var(--mantine-line-height));
  }

.m_c2204cc2 [data-type='details'] > button:empty:hover {
    background-color: var(--rte-details-button-hover);
  }

.m_c2204cc2 [data-type='details'] > button:empty::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(0.3125rem * var(--mantine-scale)) 0 calc(0.3125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
    border-color: transparent transparent transparent currentColor;
  }

.m_c2204cc2
    [data-type='details']:has(> div > [data-type='detailsContent']:not([hidden]))
        > button:empty::before {
    transform: rotate(90deg);
  }

.m_c2204cc2 [data-type='details'] > div {
    display: flex;
    flex-direction: column;
    gap: var(--mantine-spacing-xs);
    width: 100%;
    min-width: 0;
  }

.m_c2204cc2 [data-type='details'] summary {
    font-weight: 600;
  }

.m_c2204cc2 [data-type='detailsContent'][hidden] {
    display: none;
  }

.m_c2204cc2 [data-type='detailsContent'] > *:last-child {
    margin-bottom: 0;
  }

.m_8a991b4f {
  background-color: var(--mantine-color-body);
}

.m_23e1dc21 {
  background-color: var(--mantine-color-body);
  padding: var(--mantine-spacing-xs);
}

.m_a81ab56 {
  display: grid;
  grid-template-columns: repeat(var(--rte-table-insert-columns, 10), 1fr);
  gap: calc(0.1875rem * var(--mantine-scale));
}

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

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

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

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

.m_45f260e4 {
  margin-top: var(--mantine-spacing-xs);
  text-align: center;
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-dimmed);
}

.m_c2207da6 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--mantine-radius-default);
  cursor: default;
}

.m_c2207da6:where([data-variant='default']) {
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    min-width: calc(1.625rem * var(--mantine-scale));
    height: calc(1.625rem * var(--mantine-scale));
  }

.m_c2207da6:where([data-variant='subtle']) {
    --control-icon-size: calc(1.25rem * var(--mantine-scale));
    min-width: calc(2rem * var(--mantine-scale));
    height: calc(2rem * var(--mantine-scale));
  }

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

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

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

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

.m_c2207da6:where([data-disabled]) {
    cursor: not-allowed;
    opacity: 0.5;
  }

.m_c2207da6:where([data-interactive]:not([data-disabled])) {
    cursor: pointer;
  }

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

        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
          background-color: var(--mantine-color-gray-1);
        }

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

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

        :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
          background-color: var(--mantine-color-gray-1);
        }

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

.m_c2207da6:where([data-active]) {
    background-color: var(--mantine-primary-color-light);
    color: var(--mantine-primary-color-light-color);
  }

@media (hover: hover) {
  .m_c2207da6:where([data-active]):hover {
      background-color: var(--mantine-primary-color-light-hover);
  }
}

@media (hover: none) {
  .m_c2207da6:where([data-active]):active {
      background-color: var(--mantine-primary-color-light-hover);
  }
}

.m_9cdfeb3f {
  width: var(--control-icon-size, 16px);
  height: var(--control-icon-size, 16px);
}

.m_2ab47ef2 {
  display: flex;
  background-color: var(--mantine-color-body);
}

.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]) {
      border-radius: 0;
    }

.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
        border-inline-end-width: 0;
      }

.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
        border-start-end-radius: var(--mantine-radius-default);
        border-end-end-radius: var(--mantine-radius-default);
      }

.m_2ab47ef2:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
        border-start-start-radius: var(--mantine-radius-default);
        border-end-start-radius: var(--mantine-radius-default);
      }

.m_b67b711e {
  display: flex;
}

.m_296cf94c {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

.m_cfef614 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  color: var(--mantine-color-text);
  height: calc(1.5rem * var(--mantine-scale));
  width: calc(1.5rem * var(--mantine-scale));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--mantine-radius-default);
}

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

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

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

@media (hover: hover) {
  .m_cfef614:where([data-active]):hover {
      background-color: var(--mantine-primary-color-light-hover);
  }
}

@media (hover: none) {
  .m_cfef614:where([data-active]):active {
      background-color: var(--mantine-primary-color-light-hover);
  }
}

.m_3b28e7bb {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.m_4574a3c4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--mantine-spacing-sm);
  top: var(--rte-sticky-offset, 0px);
  background-color: var(--mantine-color-body);
  z-index: 1;
  border-start-end-radius: var(--mantine-radius-default);
  border-start-start-radius: var(--mantine-radius-default);
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
}

.m_4574a3c4:where([data-variant='default']) {
    padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  }

.m_4574a3c4:where([data-variant='subtle']) {
    padding: calc(0.25rem * var(--mantine-scale));
    row-gap: 0;
  }

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

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

.m_4574a3c4:where([data-sticky]) {
    position: sticky;
  }

.m_8b44009a {
  list-style-type: none;
  padding: 0;
  padding-inline-start: 0;
}

.m_8b44009a :where(li) {
    margin: 0;
    padding: 0;
    display: flex;
  }

.m_8b44009a :where(li[data-checked] > div) {
    flex: 1 1 auto;
    min-width: 0;
  }

.m_8b44009a :where(ul) {
    margin-top: calc(0.3125rem * var(--mantine-scale));
  }

.m_8b44009a p {
    margin: 0;
    padding: 0;
  }

.m_8b44009a :where(label) {
    display: inline-block;
  }

.m_8b44009a :where(input) {
    cursor: pointer;
    appearance: none;
    width: calc(1.125rem * var(--mantine-scale));
    height: calc(1.125rem * var(--mantine-scale));
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    border-radius: var(--mantine-radius-sm);
    vertical-align: middle;
    position: relative;
  }

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

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

.m_8b44009a :where(input):checked {
      background-color: var(--mantine-primary-color-filled);
      border-color: var(--mantine-primary-color-filled);
    }

.m_8b44009a :where(input):checked::before {
        position: absolute;
        content: '';
        inset: 0;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCA3Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNCA0LjU4NkwxLjcwNyAyLjI5M0ExIDEgMCAxMC4yOTMgMy43MDdsMyAzYS45OTcuOTk3IDAgMDAxLjQxNCAwbDUtNUExIDEgMCAxMDguMjkzLjI5M0w0IDQuNTg2eiIvPjwvc3ZnPg==');
        background-repeat: no-repeat;
        background-size: calc(0.625rem * var(--mantine-scale));
        background-position: center;
      }

.m_8b44009a :where(li > label) {
    margin-inline-end: var(--mantine-spacing-sm);
  }
}@layer mantine {.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);
}
}/* App-wide rules in plain CSS. The rest of the global styles still live in global.tsx through the
   emotion bridge and move here when the bridge is removed. */

/* The type the website uses (baseloop.io, 2026-10-03): Inter Variable, the full upstream build so
   cv01 (the plain 1) and ss03 (round quotes and commas) are there; Linear's app sets the same face.
   Departure Mono is the pixel mono for machine counts only, on its 11px grid. Both SIL OFL 1.1,
   licences beside the files. */
@font-face {
  font-family: 'Inter Variable';
  src: url('/fonts/inter/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Departure Mono';
  src: url('/fonts/departure-mono/DepartureMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Regular text at the app's weight; form controls inherit it (Mantine sets them to font: inherit) */
body {
  font-feature-settings: 'cv01', 'ss03';
  font-weight: var(--baseloop-weight-regular);
}
/* The update notice on one line where it fits: its words, then Update and the dismiss on the right */
._notice_zhxbe_2 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._text_zhxbe_9 {
  flex: 1;
  min-width: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._update_zhxbe_17 {
  flex-shrink: 0;
}

._dismiss_zhxbe_21 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: var(--baseloop-ink-faint);
}

._dismiss_zhxbe_21:hover {
  background-color: rgba(42, 32, 29, 0.06);
  color: var(--baseloop-ink);
}

._dismiss_zhxbe_21:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
/* A skeleton bar (mock v107, "plain"): warm grey where the content will land, the production
   shimmer's 1.6 s wave passing through. The wave is fixed to the viewport, so every bar on screen
   shares one sweep instead of each running its own. Bars fade in after 120 ms, so a quick load
   never flashes them. */
._bar_1nazb_5,
._skeleton_1nazb_6[data-visible]::after {
  background-color: color-mix(in srgb, var(--baseloop-ink) 11%, transparent);
  background-image: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--baseloop-ink) 8%, transparent) 38%,
    color-mix(in srgb, var(--baseloop-ink) 17%, transparent) 50%,
    color-mix(in srgb, var(--baseloop-ink) 8%, transparent) 62%,
    transparent
  );
  background-size: 360px 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  animation:
    _skeletonIn_1nazb_1 160ms ease-out 120ms both,
    _skeletonSweep_1nazb_1 1.6s linear infinite;
}

._bar_1nazb_5 {
  display: block;
  flex-shrink: 0;
}

/* Mantine's Skeleton draws the same bar on its ::after. Its own translateZ would pin the fixed
   wave to each bar, so it goes. */
._skeleton_1nazb_6 {
  transform: none;
}

@keyframes _skeletonSweep_1nazb_1 {
  from {
    background-position: -360px 0;
  }

  to {
    background-position: calc(100vw + 360px) 0;
  }
}

@keyframes _skeletonIn_1nazb_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Reduced motion: the bars hold still, no wave and no fade */
@media (prefers-reduced-motion: reduce) {
  ._bar_1nazb_5,
  ._skeleton_1nazb_6[data-visible]::after {
    animation: none;
    background-image: none;
  }
}
._spinner_125jf_1 {
    transform-origin: center;
    animation: _spinner_StKS_125jf_1 .75s infinite linear;
}

@keyframes _spinner_StKS_125jf_1 {
    100% {
        transform: rotate(360deg);
    }
}/* flex-shrink 0: the ring sits beside truncating text in flex rows. */
._ring_oxqae_2 {
  flex-shrink: 0;
}

._arc_oxqae_6 {
  transform-box: fill-box;
  transform-origin: center;
  animation: _ringTurn_oxqae_1 800ms linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
  ._arc_oxqae_6 {
    animation: none;
  }
}
/* The pixel mark loader: the dots in the brand orange, the motion set per dot from the shared loop. */
._loader_1be5i_2 {
  display: block;
  flex-shrink: 0;
  overflow: visible;
  color: var(--baseloop-accent);
}

._loader_1be5i_2 rect {
  fill: currentColor;
}
/* A page loading inside the running app: the pixel mark in the middle, held back 200 ms so a
   quick navigation never flashes it. */
._page_1mxsj_3 {
  display: grid;
  place-items: center;
  height: var(--app-main-height, 100dvh);
  animation: _pageLoaderIn_1mxsj_1 160ms ease-out 200ms both;
}

@keyframes _pageLoaderIn_1mxsj_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* The toaster: bottom centre, clear of the chat bar (34px) and the table footer (44px) with the
   selection bar's 8px air. The stack grows upward from its bottom edge. */
._toaster_3rcvc_3 {
  position: fixed;
  bottom: 86px;
  left: 50%;
  z-index: var(--z-toast);
  width: min(380px, calc(100vw - 32px));
  transform: translateX(-50%);
  transition:
    bottom 220ms cubic-bezier(0.32, 1.2, 0.6, 1),
    left 220ms cubic-bezier(0.32, 1.2, 0.6, 1),
    height 300ms ease;
  pointer-events: none;
}

/* While the selection bar shows, the toasts stand 8px above it, centered on it as it is on the
   grid (SelectionBar publishes where it is): a copy's toast lands on the bar it came from. */
:root:has([data-selection-bar]) ._toaster_3rcvc_3 {
  bottom: calc(var(--selection-bar-bottom, 150px) + 8px);
  left: var(--selection-bar-center, 50%);
}

/* One toast: a solid floating surface, the menus' white with their crisp edge and short lift, all
   one width so the stack lines up. No glass behind it: the edge alone sets it off the cells. */
._toast_3rcvc_3 {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  border-radius: 10px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
  transform: translateX(-50%) translateY(var(--y, 0)) scale(var(--s, 1));
  transform-origin: bottom center;
  transition:
    transform 400ms cubic-bezier(0.21, 1.02, 0.73, 1),
    opacity 240ms ease;
  pointer-events: auto;
}

/* A notice that asks for something (a custom toast: the update prompt, UpdateToast): its button
   and dismiss tucked to the right edge */
._toast_3rcvc_3[data-notice] {
  align-items: center;
  padding: 8px 8px 8px 14px;
}

._toast_3rcvc_3[data-notice] ._message_3rcvc_56 {
  flex: 1;
}

/* A new toast rises a few pixels into place, as the selection bar does */
@starting-style {
  ._toast_3rcvc_3 {
    opacity: 0;
    transform: translateX(-50%) translateY(16px) scale(0.97);
  }
}

/* Behind the front one: its words fade so the stack reads as one toast with more underneath */
._toast_3rcvc_3[data-behind] ._message_3rcvc_56,
._toast_3rcvc_3[data-behind] > svg {
  opacity: 0;
}

._toast_3rcvc_3[data-hidden] {
  opacity: 0;
  pointer-events: none;
}

._toast_3rcvc_3 > svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--baseloop-ink-soft);
  transition: opacity 200ms ease;
}

._message_3rcvc_56 {
  min-width: 0;
  /* A message can carry a user-named thing with no spaces (a column label); it breaks inside the
     toast instead of running past its edge */
  overflow-wrap: anywhere;
  transition: opacity 200ms ease;
}

._ok_3rcvc_94 {
  color: var(--baseloop-ok) !important;
}

._bad_3rcvc_98 {
  color: var(--baseloop-danger) !important;
}

._warn_3rcvc_102 {
  color: var(--baseloop-warn) !important;
}

@media (prefers-reduced-motion: reduce) {
  ._toaster_3rcvc_3,
  ._toast_3rcvc_3,
  ._toast_3rcvc_3 > svg,
  ._message_3rcvc_56 {
    transition: none;
  }
}
/* Bit: a 9 x 8 grid of --c pixel cells. Whole-pixel cells keep it sharp on 1x screens. */
._host_2qjhy_2 {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: calc(9 * var(--c));
  height: calc(8 * var(--c));
}

._bit_2qjhy_10 {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

/* A badge inside another control: the control takes the click. */
._still_2qjhy_20 {
  cursor: inherit;
}

._bit_2qjhy_10:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

._bob_2qjhy_30 {
  position: absolute;
  inset: 0;
  transform-origin: 50% 100%;
}

._cell_2qjhy_36 {
  position: absolute;
  left: calc(var(--x) * var(--c));
  top: calc(var(--y) * var(--c));
  width: var(--c);
  height: var(--c);
  background: var(--baseloop-accent);
}

._eye_2qjhy_45 {
  position: absolute;
  left: calc(var(--ex, 3) * var(--c));
  top: calc(var(--ey, 4) * var(--c));
  width: var(--c);
  height: var(--c);
  background: #201515;
}

._eye_2qjhy_45[data-shape='shut'] {
  clip-path: inset(55% 0 25% 0);
}

/* ^ ^ */
._eye_2qjhy_45[data-shape='happy'] {
  clip-path: polygon(
    0 50%,
    25% 50%,
    25% 25%,
    75% 25%,
    75% 50%,
    100% 50%,
    100% 87.5%,
    75% 87.5%,
    75% 50%,
    25% 50%,
    25% 87.5%,
    0 87.5%
  );
}

/* Asleep: two pixel z's drift up from beside its head. */
._z_2qjhy_77 {
  --u: calc(var(--c) / 2);

  position: absolute;
  left: calc(7.5 * var(--c));
  top: calc(-2 * var(--c));
  display: none;
  width: var(--u);
  height: var(--u);
  background: var(--baseloop-ink-faint);
  opacity: 0;
  box-shadow:
    var(--u) 0 var(--baseloop-ink-faint),
    calc(var(--u) * 2) 0 var(--baseloop-ink-faint),
    calc(var(--u) * 3) 0 var(--baseloop-ink-faint),
    calc(var(--u) * 4) 0 var(--baseloop-ink-faint),
    calc(var(--u) * 3) var(--u) var(--baseloop-ink-faint),
    calc(var(--u) * 2) calc(var(--u) * 2) var(--baseloop-ink-faint),
    var(--u) calc(var(--u) * 3) var(--baseloop-ink-faint),
    0 calc(var(--u) * 4) var(--baseloop-ink-faint),
    var(--u) calc(var(--u) * 4) var(--baseloop-ink-faint),
    calc(var(--u) * 2) calc(var(--u) * 4) var(--baseloop-ink-faint),
    calc(var(--u) * 3) calc(var(--u) * 4) var(--baseloop-ink-faint),
    calc(var(--u) * 4) calc(var(--u) * 4) var(--baseloop-ink-faint);
}

._bit_2qjhy_10[data-state='asleep'] ._z_2qjhy_77 {
  display: block;
  animation: _bit-z_2qjhy_1 2.6s ease-out infinite;
}

._bit_2qjhy_10[data-state='asleep'] ._z_2qjhy_77 + ._z_2qjhy_77 {
  animation-delay: 1.3s;
}

@keyframes _bit-z_2qjhy_1 {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.6);
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(calc(var(--c) * 1.5), calc(var(--c) * -3)) scale(1);
  }
}

/* A pet: one pixel heart floats up. */
._heart_2qjhy_129 {
  --u: calc(var(--c) / 2);

  position: absolute;
  width: var(--u);
  height: var(--u);
  background: #ef4444;
  pointer-events: none;
  box-shadow:
    calc(var(--u) * 2) 0 #ef4444,
    calc(var(--u) * -1) var(--u) #ef4444,
    0 var(--u) #ef4444,
    var(--u) var(--u) #ef4444,
    calc(var(--u) * 2) var(--u) #ef4444,
    calc(var(--u) * 3) var(--u) #ef4444,
    0 calc(var(--u) * 2) #ef4444,
    var(--u) calc(var(--u) * 2) #ef4444,
    calc(var(--u) * 2) calc(var(--u) * 2) #ef4444,
    var(--u) calc(var(--u) * 3) #ef4444;
}

/* Arrival: a peach column of light behind it, with motes rising. */
._beam_2qjhy_151 {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: calc(9 * var(--c));
  height: calc(14 * var(--c));
  pointer-events: none;
}

._open_2qjhy_161 {
  display: block;
}

._ray_2qjhy_165 {
  position: absolute;
  bottom: 0;
  display: block;
  width: var(--c);
  height: 100%;
}

._mote_2qjhy_173 {
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(var(--c) / 2);
  height: calc(var(--c) / 2);
  background: #ffd2b8;
  animation: _bit-mote_2qjhy_1 900ms linear infinite;
}

@keyframes _bit-mote_2qjhy_1 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  100% {
    transform: translateY(var(--rise));
    opacity: 0;
  }
}

/* The laptop over its lower body, a pulsing orange logo on the lid, the hands beside it typing. */
._laptop_2qjhy_200 {
  position: absolute;
  z-index: 1;
  display: none;
  left: calc(1 * var(--c));
  top: calc(5 * var(--c));
  width: calc(7 * var(--c));
  height: calc(3 * var(--c));
  transform-origin: 50% 100%;
  background: #b3afaa;
  box-shadow:
    inset 0 calc(var(--c) * 0.25) #d3d1ce,
    inset 0 calc(var(--c) * -0.25) #9e9b97;
}

._bit_2qjhy_10[data-laptop] ._laptop_2qjhy_200 {
  display: block;
}

._logo_2qjhy_219 {
  position: absolute;
  left: 50%;
  top: 45%;
  width: var(--c);
  height: var(--c);
  transform: translate(-50%, -50%);
  background: var(--baseloop-accent);
}

._bit_2qjhy_10[data-laptop] ._logo_2qjhy_219 {
  animation: _bit-logo_2qjhy_1 1.1s linear infinite;
}

@keyframes _bit-logo_2qjhy_1 {
  0%,
  59.9% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0.35;
  }
}

._bit_2qjhy_10[data-laptop]:not([data-paused]) [data-hand='l'] {
  animation: _bit-type_2qjhy_1 240ms linear infinite;
}

._bit_2qjhy_10[data-laptop]:not([data-paused]) [data-hand='r'] {
  animation: _bit-type_2qjhy_1 240ms linear -120ms infinite;
}

@keyframes _bit-type_2qjhy_1 {
  0%,
  49.9% {
    transform: translateY(calc(var(--c) * -0.25));
  }

  50%,
  100% {
    transform: none;
  }
}

/* "!" over its head while the chat waits on the person. */
._bang_2qjhy_266 {
  position: absolute;
  display: none;
  left: calc(4 * var(--c));
  top: calc(-5 * var(--c));
  width: var(--c);
  height: var(--c);
  background: #201515;
  box-shadow:
    0 var(--c) #201515,
    0 calc(var(--c) * 3) #201515;
}

._bit_2qjhy_10[data-state='needs'] ._bang_2qjhy_266 {
  display: block;
}

/* What it holds while it works (the controller draws and places it), and one-off effects. */
._prop_2qjhy_284 {
  position: absolute;
  z-index: 1;
  display: none;
  transform-origin: 50% 100%;
  pointer-events: none;
}

._prop_2qjhy_284[data-outlined] {
  box-shadow: 0 0 0 1px #c8c2c1;
}

._prop_2qjhy_284 i,
._fx_2qjhy_297 i {
  position: absolute;
  display: block;
}

._fx_2qjhy_297 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

._steam_2qjhy_309 {
  background: #c8c2c1;
  animation: _bit-steam_2qjhy_1 1.3s linear infinite;
}

@keyframes _bit-steam_2qjhy_1 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  25% {
    opacity: 0.9;
  }

  100% {
    transform: translateY(calc(var(--c) * -2.5));
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._z_2qjhy_77,
  ._mote_2qjhy_173,
  ._bit_2qjhy_10 ._cell_2qjhy_36,
  ._bit_2qjhy_10 ._bob_2qjhy_30,
  ._logo_2qjhy_219,
  ._steam_2qjhy_309 {
    animation: none !important;
  }
}
/* Something failed to load, in the quiet register of the empty states: the same hairline-marked
   tile with the glyph on it, the title in ink, one grey line, a plain Retry. No tinted box and no
   red title; the glyph alone says it is a problem. */
._page_ln31q_4 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

._state_ln31q_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  max-width: 340px;
  text-align: center;
}

/* The empty states' tile: a sunken square whose edges run on as hairlines that fade at both ends */
._tile_ln31q_21 {
  position: relative;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin-bottom: 4px;
}

._tile_ln31q_21::before,
._tile_ln31q_21::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
}

._tile_ln31q_21::before {
  background-image:
    linear-gradient(to bottom, transparent, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 20%, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 80%, transparent),
    linear-gradient(to bottom, transparent, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 20%, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 80%, transparent);
  background-position:
    17px 0,
    56px 0;
  background-size: 1px 100%;
}

._tile_ln31q_21::after {
  background-image:
    linear-gradient(to right, transparent, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 20%, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 80%, transparent),
    linear-gradient(to right, transparent, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 20%, color-mix(in srgb, var(--baseloop-ink) 10%, transparent) 80%, transparent);
  background-position:
    0 17px,
    0 56px;
  background-size: 100% 1px;
}

._glyph_ln31q_59 {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background-color: color-mix(in srgb, var(--baseloop-ink) 5%, var(--baseloop-sheet));
  color: var(--baseloop-ink-soft);
}

._title_ln31q_68 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  line-height: 20px;
}

._description_ln31q_76 {
  margin: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 19px;
  text-wrap: pretty;
}

._retry_ln31q_84 {
  margin-top: 8px;
}

._status_ln31q_88 {
  margin: 2px 0 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* Compact, inside a card or a panel: one quiet row, glyph, words, Retry */
._compact_ln31q_95 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._compactGlyph_ln31q_104 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--baseloop-ink-soft);
}

._compactText_ln31q_113 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._compact_ln31q_95 ._title_ln31q_68 {
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._compact_ln31q_95 ._description_ln31q_76 {
  font-size: var(--baseloop-text-12);
  line-height: 17px;
}

._compact_ln31q_95 ._retry_ln31q_84 {
  flex-shrink: 0;
  margin-top: 0;
}
/* The same as the theme's Combobox empty: 13px faint ink, centred, a little air above and below */
._line_o6xq9_2 {
  margin: 0;
  padding: 12px 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  line-height: 1.45;
  text-align: center;
  text-wrap: pretty;
}

/* In a list that reads from the left (a sidebar section), the line starts where the rows do */
._start_o6xq9_13 {
  padding: 6px 8px;
  text-align: left;
}
/* The backdrop eases in by its colour, from the clear ink to the overlay's 20% ink: Mantine fades it
   by opacity, which the theme pins with !important, so the colour carries the fade instead. From
   the ink itself, not clear black, so its hue holds through the fade. */
._backdrop_mk5yt_4 {
  animation: _modalBackdropIn_mk5yt_1 260ms ease both;
}

@keyframes _modalBackdropIn_mk5yt_1 {
  from {
    background-color: rgb(from var(--baseloop-ink) r g b / 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._backdrop_mk5yt_4 {
    animation: none;
  }
}
/* One or two quiet sentences under the question */
._body_1cjtn_2 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._body_1cjtn_2 p {
  margin: 0;
}

._body_1cjtn_2 p + p {
  margin-top: 6px;
}

/* A link in the copy reads as the text it sits in, underlined, not the brand orange */
._body_1cjtn_2 a {
  color: var(--baseloop-ink);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 35%, transparent);
  text-underline-offset: 2px;
}

._footer_1cjtn_24 {
  gap: 8px;
  margin-top: 20px;
}

/* 30px, the redesign's 13px label */
._button_1cjtn_30 {
  padding-inline: 12px;
  font-size: var(--baseloop-text-13);
}

/* The app's quiet focus, not Mantine's 2px ring */
._button_1cjtn_30:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
/* The redesigned dialog body for a modal on the theme's shell (the sharing and member dialogs):
   quiet 13px copy, small labels over the fields and people in the members table's look. The
   actions go in ModalFooter. */
._stack_16j6g_4 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._text_16j6g_10 {
  margin: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._danger_16j6g_17 {
  margin: 0;
  color: var(--baseloop-danger);
  font-size: var(--baseloop-text-13);
}

._note_16j6g_23 {
  margin: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  line-height: 1.45;
}

/* A field's label and the line under it, as the redesigned modals' fields have them */
._label_16j6g_31 {
  margin-bottom: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._description_16j6g_38 {
  margin: -2px 0 6px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* A person: the sidebar's avatar look, the name, a faint line under it */
._person_16j6g_45 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._avatar_16j6g_52 {
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._avatarInitials_16j6g_57 {
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-11);
  font-weight: 600;
}

._identity_16j6g_64 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

._name_16j6g_71 {
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._detail_16j6g_80 {
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* The import wizards' footer band: the rail's grey under a faint hairline, the buttons inside,
   their sides on the body's (18px, the wizards' body) */
._band_y6v7j_3 {
  flex-shrink: 0;
  padding: 12px var(--modal-footer-inset, 18px);
  border-top: 1px solid color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
  background: var(--baseloop-rail);
}

/* In a bare Modal's body: past its padding to the modal's sides and bottom edge, where the
   modal's rounded, clipped content gives the band its corners. The buttons keep the body's
   padding, so they line up with the fields above them. */
._bleed_y6v7j_13 {
  --modal-footer-inset: var(--mb-padding, var(--mantine-spacing-md));

  margin: 20px calc(var(--mb-padding, var(--mantine-spacing-md)) * -1)
    calc(var(--mb-padding, var(--mantine-spacing-md)) * -1);
}

._actions_y6v7j_20 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
}

._end_y6v7j_28 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

._hint_y6v7j_35 {
  color: var(--baseloop-ink-faint);
  font-size: var(--mantine-font-size-xs);
  line-height: var(--mantine-line-height-xs);
}

/* With nothing to say, the live region stays in the tree but gives back its gap, so an extra
   button sits 12px from the primary rather than 24 */
._hint_y6v7j_35:empty {
  margin-left: -12px;
}
/* Manage access on the redesigned dialog look: what everyone in the organization can do, the
   owner, then each member with their own access, in the members table's row look. */
._body_1i39l_3 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._row_1i39l_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 36px;
}

._rowText_1i39l_17 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* What a row cannot change: the owner, an admin's full access */
._status_1i39l_25 {
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._control_1i39l_31 {
  flex-shrink: 0;
}

/* The pickers and the owner button at 30px with the redesign's 13px label, as the row's text is */
._controlText_1i39l_36 {
  font-size: var(--baseloop-text-13);
}

/* A quiet label over the members, as the redesigned modals head their sections */
._section_1i39l_41 {
  margin: 8px 0 -4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._members_1i39l_48 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 320px;
  overflow-y: auto;
}

/* An access level in the pickers: its name, then what it allows */
._optionLabel_1i39l_57 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._optionDescription_1i39l_62 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._error_1i39l_67 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}

/* What assigning the owner does, a short paragraph each */
._consequences_1i39l_76 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/* A link in the copy reads as the text it sits in, underlined, never the brand orange */
._link_1gz29_2 {
  color: var(--baseloop-ink);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 35%, transparent);
  text-underline-offset: 2px;
}

._link_1gz29_2:hover {
  text-decoration-color: currentColor;
}

._link_1gz29_2:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
._root_9gje4_1 {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 6px;
    align-items: center;
    padding: 4px 8px;
    border-radius: var(--mantine-radius-md);
    background-color: white;
    /* A dragged item floats: the float shadow's lifted step, its ring standing in for a border */
    box-shadow: var(--baseloop-float-shadow-lift);
    font-size: 14px;
    font-weight: var(--baseloop-weight-regular);
    color: var(--mantine-color-gray-8);
    pointer-events: none;
    z-index: var(--z-drag);
    opacity: 0.95;
}/*
 * The hand-built context menus (Mantine Buttons inside a Popover or a fixed box) wear the look the
 * theme gives every Mantine Menu (floatingListSurface and floatingListRow in
 * web/config/mantine.config.ts). Change the two together.
 */

._surface_1demn_7 {
  padding: 4px;
  border: 0;
  border-radius: 10px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

/* Dividers run the full width, past the surface's 4px inset. */
._surface_1demn_7 .mantine-Divider-root {
  margin: 4px -4px;
  border-top-color: var(--baseloop-hairline);
}

/* A Mantine Button as a menu row: 28px, 13px ink. */
._row_1demn_22 {
  height: auto;
  min-height: 28px;
  padding: 5px 8px;
  /* Button's transparent 1px border would make the row 2px taller than a Menu item. */
  border: 0;
  border-radius: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
}

._row_1demn_22:not([data-disabled]):hover,
._row_1demn_22:not([data-disabled]):focus-visible {
  background-color: var(--baseloop-hover);
}

/* The keyboard-current row is that warm grey step, as a Mantine Menu's is: no outline on top */
._row_1demn_22:focus-visible {
  outline: none;
}

/* A row is not a button you press down. */
._row_1demn_22:active {
  transform: none;
}

._danger_1demn_49 {
  color: var(--baseloop-danger);
}

._danger_1demn_49:not([data-disabled]):hover,
._danger_1demn_49:not([data-disabled]):focus-visible {
  background-color: var(--baseloop-danger-hover);
}

/* Pointer events stay on so the tooltip that says why the row is disabled still shows. */
._row_1demn_22[data-disabled] {
  cursor: not-allowed;
  background-color: transparent;
  color: var(--baseloop-ink-faint);
  opacity: 0.7;
  pointer-events: visible;
}

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

._rowLabel_1demn_71 {
  flex: 1;
  font-weight: var(--baseloop-weight-regular);
  text-align: left;
}

._rowSection_1demn_77 {
  margin-right: 8px;
  color: var(--baseloop-ink-soft);
}

/* A right-hand section (a submenu chevron, a check) sits quiet at the row's end */
._rowSection_1demn_77[data-position='right'] {
  margin-right: 0;
  margin-left: 8px;
  color: var(--baseloop-ink-faint);
}

._danger_1demn_49 ._rowSection_1demn_77 {
  color: inherit;
}

._rowSection_1demn_77 svg {
  width: 14px;
  height: 14px;
}
/* The name as a field, in the row's own type, with the app's hairline ring on the sheet. The
   margins take back the padding and the extra height, so the text stays where the name stood and
   the row keeps its height. */
._input_zp5qk_4 {
  flex: 1;
  min-width: 0;
  height: 24px;
  margin: -2px -4px;
  padding: 0 4px;
  border: 0;
  border-radius: 6px;
  background-color: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  outline: none;
  user-select: text;
}

/* A text input matches :focus-visible on a click too, and global.tsx's input:focus-visible
   outline outranks a single class; class plus pseudo-class outranks it back, so the ring here is
   the only one. */
._input_zp5qk_4:focus,
._input_zp5qk_4:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}
/* The row's icon and name, spaced as at rest (Node.module.css .listName), across the whole row. */
._editNode_7lnb8_2 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._nodeWrapper_h6xe8_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 5px 8px;
    margin-bottom: 1px;
    border-radius: 8px;
    font-size: var(--baseloop-text-13);
    color: var(--baseloop-ink-soft);
    cursor: pointer;
    gap: 4px;
    user-select: none;
    transition: background-color 0.1s ease;
}

/* A folder is a group heading over its tables. */
._nodeWrapper_h6xe8_1[data-folder-id] {
    font-weight: 500;
    color: var(--baseloop-ink-soft);
}

/* A table: the emoji and the name, one line (Kevin: no edited time under it). */
._nodeWrapper_h6xe8_1[data-list-id] {
    padding: 6px 8px;
    font-weight: 500;
    color: var(--baseloop-ink);
}

._listLines_h6xe8_30 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

._listName_h6xe8_37 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}


._nodeWrapper_h6xe8_1:hover {
    background-color: rgba(42, 32, 29, 0.03);
}

._displayCount_h6xe8_49 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 5px;
    font-size: var(--baseloop-text-11);
    font-weight: 500;
    color: var(--mantine-color-gray-5);
    background-color: var(--mantine-color-gray-1);
    border-radius: var(--mantine-radius-md);
    min-width: 18px;
}

._nodeWrapper_h6xe8_1[data-active='true'],
._nodeWrapper_h6xe8_1[data-active='true']:hover {
    background-color: var(--baseloop-bubble);
    color: var(--baseloop-ink);
}

._expandIconWrapper_h6xe8_68 {
    align-items: center;
    font-size: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: transform 150ms ease;
    transform: rotate(-90deg);
    opacity: 0.7;
}

._isOpen_h6xe8_79 {
    transform: rotate(0deg);
    opacity: 0.7;
}

._nodeText_h6xe8_84 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    font-weight: inherit;
}

._wrapper_11c70_1 {
    padding: 0;
}

._wrapper_11c70_1 ._draggingSource_11c70_5 {
    opacity: 0.35;
}

 ._treeRoot_11c70_9 {
     list-style-type: none;
     padding-inline-start: 0px;
     position: relative;
     margin: 0;
 }

 ._treeRoot_11c70_9 ul {
     list-style-type: none;
     padding-inline-start: 0px;
     position: relative;
     padding-bottom: 2px;
     margin-top: 1px;
 }

 /* Add left border for folder contents */
 ._treeRoot_11c70_9 li[data-droppable="true"] > ul {
     border-left: 1px solid var(--mantine-color-gray-3);
     margin-left: 8px;
     padding-left: 4px;
 }

 ._treeRoot_11c70_9 li:not(:last-child) {
     margin-bottom: 1px;
 }

 ._treeRoot_11c70_9>li:after {
     display: none;
 }

._wrapper_11c70_1 ._placeholder_11c70_39 {
    position: relative;
}

._dropTarget_11c70_43:has(> div[data-droppable="true"]) {
    background-color: var(--mantine-color-gray-1);
    border-radius: 4px;
    outline: 1px solid var(--mantine-color-gray-3);
    outline-offset: -1px;
}
/* Show not-allowed cursor only for template folders and their contents */
._treeRoot_11c70_9 div[data-template="true"] {
    cursor: not-allowed !important;
}

/* Template folder styles during drag */
._draggingSource_11c70_5[data-template="true"] {
    cursor: not-allowed !important;
    opacity: 0.3;
}

._kbd_s0dr8_1 {
  display: inline-grid;
  flex-shrink: 0;
  place-items: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  background-color: var(--baseloop-bubble);
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-11);
}
/* Mirrors the visual language of RecentListsSection so the sidebar reads as one coherent
   navigation surface, not a stack of disparate widgets. */._container_x2zb1_4 {
  overflow: hidden;
}/* Breathing room inside the scroller so the last thread doesn't sit flush against the bottom
   when the list is scrolled all the way down. */._list_x2zb1_10 {
  padding-bottom: 12px;
}._header_x2zb1_14 {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  transition: background-color 0.15s ease;
}._header_x2zb1_14:hover {
  background-color: var(--mantine-color-gray-1);
}._row_x2zb1_27 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  margin-bottom: 1px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
  /* Pins the row height so nothing revealed on hover (the delete button) can resize it and
     shift every thread below. Belt to the button's own 20px sizing brace. */
  min-height: 30px;
}._row_x2zb1_27:hover {
  background-color: var(--mantine-color-gray-1);
}/* gray.2 + weight 600, matching MenuItem's active row exactly. At gray.1 the active thread
   was indistinguishable from a hovered one, so the list never showed where you were. */._rowActive_x2zb1_50 {
  background-color: var(--mantine-color-gray-2);
  cursor: default;
}/* Trailing status slot: the waiting or unread dot. Fixed width so titles don't reflow as the
   status comes and goes. */._status_x2zb1_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}/* The agent asked something and waits on the user: the one orange dot, since it needs them. */._waitingDot_x2zb1_67 {
  width: 6px;
  height: 6px;
  /* A pixel, like Bit and the website's section square. */
  border-radius: 0;
  background-color: var(--baseloop-accent);
}/* A run finished since the user last had this conversation open: ink, quieter than waiting. It
   sits in its own slot rather than overlapping a glyph, so it needs no knockout. */._unreadDot_x2zb1_77 {
  width: 6px;
  height: 6px;
  /* A pixel, like Bit and the website's section square. */
  border-radius: 0;
  background-color: var(--baseloop-ink-soft);
}._body_x2zb1_85 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}/* The whole row spec lives here rather than half here and half in inline Text props, so
   colour and weight can't drift apart from the background states above. */._title_x2zb1_93 {
  min-width: 0;
  font-size: var(--baseloop-text-13);
  font-weight: var(--baseloop-weight-regular);
  color: var(--baseloop-rail-ink);
}/* The production shimmer (ActionFeed's live label): the title at 45% of its colour, a 108px
   window at full strength sweeping across it every 1.6s, entering and leaving fully at every
   width. */._titleRunning_x2zb1_103 {
  -webkit-text-fill-color: transparent;
  background-image:
    linear-gradient(90deg, transparent calc(50% - 54px), currentColor, transparent calc(50% + 54px)),
    linear-gradient(
      color-mix(in oklab, currentColor 45%, transparent),
      color-mix(in oklab, currentColor 45%, transparent)
    );
  background-size:
    calc(200% + 108px) 100%,
    auto;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  animation: _titleShimmer_x2zb1_1 1.6s linear infinite;
}@keyframes _titleShimmer_x2zb1_1 {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0% 0;
  }
}/* Without color-mix the gradient is invalid and the transparent fill would hide the title, so
   it shows plain instead. */@supports not (color: color-mix(in oklab, red, blue)) {
  ._titleRunning_x2zb1_103 {
    -webkit-text-fill-color: currentColor;
    background: none;
    animation: none;
  }
}@media (prefers-reduced-motion: reduce) {
  ._titleRunning_x2zb1_103 {
    -webkit-text-fill-color: currentColor;
    background: none;
    animation: none;
  }
}._row_x2zb1_27:hover ._title_x2zb1_93 {
  color: var(--baseloop-ink);
}._rowActive_x2zb1_50 ._title_x2zb1_93 {
  font-weight: 500;
  color: var(--baseloop-ink);
}/* `display: none`, not `opacity: 0`. Hidden it reserved its 26px plus the row's 8px gap on
   every row, so titles truncated ~34px early against a button nobody could see. Taken out of
   flow entirely the title gets the full width at rest, and because the button comes BACK into
   flow on hover the title re-truncates ahead of it rather than running underneath. */._deleteAction_x2zb1_160 {
  display: none;
  flex-shrink: 0;
}._row_x2zb1_27:hover ._deleteAction_x2zb1_160 {
  display: flex;
}/* Keyboard path: :focus-visible, NOT :focus-within. A mouse click focuses the row too
   (it's a button), and with :focus-within that pinned the trash icon visible after every
   click until focus moved elsewhere. :focus-visible only matches keyboard focus, so
   tabbing to a row still reveals the button before the next Tab lands on it — a
   display:none control is unfocusable, so revealing from the row is the only way in.
   Split into separate rules (not a selector list) so a browser without :has() drops only
   that rule instead of the whole group. */._row_x2zb1_27:focus-visible ._deleteAction_x2zb1_160 {
  display: flex;
}/* Keeps the button visible while Tab is ON it: at that point the row itself no longer
   matches :focus-visible, and hiding a control mid-focus would trap the keyboard user. */._row_x2zb1_27:has(:focus-visible) ._deleteAction_x2zb1_160 {
  display: flex;
}._seeAll_x2zb1_186 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  margin-top: 2px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  transition: background-color 0.15s ease;
}._seeAll_x2zb1_186:hover {
  background-color: var(--mantine-color-gray-1);
}
/* The chat history: a floating sheet with a search row, day groups and 34px rows, status at the
   end of each row in the app's words. */
._dropdown_1bgkj_3 {
  display: flex;
  flex-direction: column;
  max-height: min(560px, 70vh);
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

._command_1bgkj_15 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._search_1bgkj_21 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
}

._input_1bgkj_32 {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-14);
}

._input_1bgkj_32::placeholder {
  color: var(--baseloop-ink-faint);
}

/* Scoped to outrank the app's global input focus ring and underline. */
._search_1bgkj_21 ._input_1bgkj_32 {
  box-shadow: none;
}

._search_1bgkj_21 ._input_1bgkj_32:focus-visible {
  outline: none;
}

._list_1bgkj_56 {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 4px 6px 8px;
  overscroll-behavior: contain;
}

._group_1bgkj_64 [cmdk-group-heading] {
  padding: 14px 10px 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._group_1bgkj_64:first-child [cmdk-group-heading] {
  padding-top: 8px;
}

._row_1bgkj_75 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 34px;
  padding: 0 10px 0 8px;
  border-radius: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._row_1bgkj_75[data-selected='true'] {
  background-color: var(--baseloop-hover);
}

/* The chat already open where the list is used. */
._row_1bgkj_75[data-open] ._title_1bgkj_92 {
  font-weight: 500;
}

._dot_1bgkj_96,
._dotWaiting_1bgkj_97,
._dotUnread_1bgkj_98 {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  /* A pixel, like Bit and the website's section square. */
  border-radius: 0;
}

._dotWaiting_1bgkj_97 {
  background-color: var(--baseloop-accent);
}

._dotUnread_1bgkj_98 {
  background-color: var(--baseloop-ink-soft);
}

._title_1bgkj_92 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The production shimmer, from the sidebar's chat rows, so there is one definition of it. */
._titleRunning_1bgkj_123 {
}

._mark_1bgkj_127 {
  margin: 0 -1px;
  padding: 0 1px;
  border-radius: 2px;
  background-color: var(--baseloop-highlight);
  color: inherit;
}

._waiting_1bgkj_135 {
  flex-shrink: 0;
  color: var(--baseloop-accent-text);
  font-size: var(--baseloop-text-12);
}

._when_1bgkj_141 {
  flex-shrink: 0;
  min-width: 28px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

._empty_1bgkj_150 {
  margin: 0;
  padding: 24px 16px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  text-align: center;
}
._startedAt_6vdma_1 {
  margin: 0 0 16px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  text-align: center;
}
/* Over the full-size chat, under nothing: the rail spans the sheet below its header so the stack
   can centre on it, and lets every pointer through but the ticks'. It is the container the width
   rule reads. The column's left edge sits at (width - 768px) / 2; the ticks end 52px in (20px
   from the edge, a 32px hit area), and keep 16px from the column, so under 920px they hide. */
._rail_cpatw_5 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  container-type: inline-size;
}

/* The ticks, stacked and centred, 20px from the sheet's left edge, still while the transcript
   scrolls. */
._nav_cpatw_15 {
  position: absolute;
  top: 50%;
  left: 20px;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
  pointer-events: auto;
}

@container (width < 920px) {
  ._nav_cpatw_15 {
    display: none;
  }
}

/* A tick: a 2px line, 6px from the next, on a hit area as tall as that step and wider than the
   line. The one in view is longer and in ink. */
._tick_cpatw_33 {
  display: flex;
  align-items: center;
  width: 32px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: none;
  cursor: pointer;
}

._tick_cpatw_33::before {
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background-color: rgba(42, 32, 29, 0.18);
  content: '';
  transition:
    width 160ms cubic-bezier(0.2, 0, 0, 1),
    background-color 160ms ease;
}

._tick_cpatw_33:hover::before {
  background-color: var(--baseloop-ink-faint);
}

._tick_cpatw_33[data-active]::before {
  width: 24px;
  background-color: var(--baseloop-ink);
}

._tick_cpatw_33:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* The preview, beside its tick: the floating-card look, the question on one line, then the
   start of the answer on two. */
._card_cpatw_72 {
  position: absolute;
  left: calc(100% + 8px);
  width: 360px;
  padding: 10px 14px;
  border-radius: 12px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  pointer-events: none;
  transform: translateY(-50%);
  animation: _card-in_cpatw_1 120ms ease both;
}

._question_cpatw_85,
._answer_cpatw_86 {
  margin: 0;
  overflow: hidden;
  font-size: var(--baseloop-text-14);
  line-height: 20px;
}

._question_cpatw_85 {
  color: var(--baseloop-ink);
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._answer_cpatw_86 {
  display: -webkit-box;
  margin-top: 2px;
  color: var(--baseloop-ink-soft);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@keyframes _card-in_cpatw_1 {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._tick_cpatw_33::before,
  ._card_cpatw_72 {
    transition: none;
    animation: none;
  }
}
/* The composer and the band tucked behind it; Bit stands on the topmost edge, 18px from the right
   (mock v89), and works there at its laptop. */
._stack_wwvnh_3 {
  position: relative;
}

._bit_wwvnh_7 {
  position: absolute;
  right: 18px;
  bottom: calc(100% - 1px);
  z-index: 2;
}
/* The profile's version beside the title: a quiet count on the bubble, not a badge */
._version_nm13n_2 {
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
}

/* A section's head in sentence case, one step over the labels under it */
._sectionTitle_nm13n_12 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
  line-height: 20px;
}

/* Field labels at the label size, 13 at 500 (the theme leaves a bare Mantine label at 14/600) */
._form_nm13n_21 .mantine-InputWrapper-label {
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}
/* The work feed of a chat turn: a summary line, the steps on a hairline rail, each step's calls.
   The approved feed design (handoff 2026-10-05, action-feed.html, "Grouped"): 13px text on the ink
   ramp, numbers in mono, square status dots, no Mantine greys. Values the theme has no token for
   are the page's own and live here as local variables. */
._feed_1akcc_5 {
  --feed-ink-mute: var(--baseloop-ink-faint);
  --feed-hairline-soft: rgba(42, 32, 29, 0.055);
  --feed-hover: rgba(42, 32, 29, 0.045);
  /* Counts and times are machine counts: the app's pixel mono, on its 11px grid. */
  --feed-mono: var(--baseloop-font-pixel);
  position: relative;
  width: 100%;
  min-width: 0;
  margin-bottom: 10px;
  padding-block: 2px;
  color: var(--baseloop-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

._mono_1akcc_21 {
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
}

/* ---------- Summary line ---------- */
._summary_1akcc_28 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 3px 6px 3px 2px;
  margin-left: -2px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink-secondary);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
._summary_1akcc_28:hover {
  background: var(--feed-hover);
}
._summary_1akcc_28:focus-visible,
._stepRow_1akcc_50:focus-visible,
._toggle_1akcc_51:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
._summaryLabel_1akcc_55 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._sep_1akcc_61 {
  flex-shrink: 0;
  color: var(--feed-ink-mute);
}
._meta_1akcc_65 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._bad_1akcc_73 {
  flex-shrink: 0;
  color: var(--baseloop-danger);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  white-space: nowrap;
}
._chev_1akcc_80 {
  flex-shrink: 0;
  color: var(--feed-ink-mute);
  transition: transform 140ms ease;
}
[aria-expanded='true'] > ._chev_1akcc_80 {
  transform: rotate(90deg);
}
._mark_1akcc_88 {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}
._mark_1akcc_88 svg {
  width: 16px;
  height: 16px;
}

/* The running title: ink with a lighter window passing over it. */
._shimmer_1akcc_99 {
  background: linear-gradient(
    90deg,
    var(--baseloop-ink) 0%,
    var(--baseloop-ink) 40%,
    var(--feed-ink-mute) 50%,
    var(--baseloop-ink) 60%,
    var(--baseloop-ink) 100%
  );
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: _shimmer_1akcc_99 2.2s linear infinite;
}
@keyframes _shimmer_1akcc_99 {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -140% 0;
  }
}

/* The model's live words under the summary, while no step speaks for itself. */
._narration_1akcc_124 {
  margin: 2px 0 0 26px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ---------- Steps on the rail ---------- */
._steps_1akcc_135 {
  position: relative;
  display: grid;
  margin: 4px 0 0;
  padding: 0 0 0 7px;
  list-style: none;
}
._steps_1akcc_135::before {
  content: '';
  position: absolute;
  left: 9.5px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: var(--baseloop-hairline);
}
._step_1akcc_50 {
  position: relative;
  min-width: 0;
}
._stepRow_1akcc_50 {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto 12px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 28px;
  padding: 2px 6px 2px 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink-secondary);
  font: inherit;
  font-size: 13px;
  text-align: left;
}
button._stepRow_1akcc_50 {
  cursor: pointer;
}
button._stepRow_1akcc_50:hover {
  background: var(--feed-hover);
}
._dot_1akcc_177 {
  position: relative;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 1.5px;
  background: var(--feed-ink-mute);
  box-shadow: 0 0 0 3px var(--baseloop-sheet);
}
._dot_1akcc_177[data-status='pending'],
._dot_1akcc_177[data-status='stopped'] {
  background: var(--baseloop-sheet);
  box-shadow:
    0 0 0 3px var(--baseloop-sheet),
    inset 0 0 0 1px var(--feed-ink-mute);
}
._dot_1akcc_177[data-status='running'] {
  background: var(--baseloop-accent);
  animation: _pulse_1akcc_1 1.4s ease-in-out infinite;
}
._dot_1akcc_177[data-status='failed'] {
  background: var(--baseloop-danger);
}
@keyframes _pulse_1akcc_1 {
  50% {
    opacity: 0.35;
  }
}
._stepTitle_1akcc_205 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._step_1akcc_50[data-open='true'] > ._stepRow_1akcc_50 ._stepTitle_1akcc_205,
._step_1akcc_50[data-status='running'] > ._stepRow_1akcc_50 ._stepTitle_1akcc_205 {
  color: var(--baseloop-ink);
}
._stepMeta_1akcc_215 {
  display: inline-flex;
  gap: 8px;
  color: var(--feed-ink-mute);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._stepMeta_1akcc_215 ._bad_1akcc_73 {
  font-size: var(--baseloop-text-11);
}

/* ---------- An opened step: each note heads a quiet well of the calls it made ---------- */
._stepBody_1akcc_229 {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 4px 0 10px 22px;
}
._beat_1akcc_235 {
  display: grid;
  gap: 6px;
  min-width: 0;
}
/* A turn that announced no steps: its calls sit under the summary's label (past the mark), as
   plain rows with no well; the well is for a note's calls. */
._looseCalls_1akcc_242 {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 2px 0 6px 24px;
}
._calls_1akcc_248[data-plain] {
  padding: 0;
  border-radius: 0;
  background: none;
}

/* A turn that ran one call and announced nothing: that call is the summary line. */
._loneCall_1akcc_255 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  min-width: 0;
  min-height: 26px;
  padding: 3px 6px 3px 2px;
  margin-left: -2px;
  color: var(--baseloop-ink-secondary);
  font-size: 13px;
}
._loneCall_1akcc_255 > ._verb_1akcc_267 {
  color: var(--baseloop-ink-secondary);
}
._loneCall_1akcc_255[data-state='failed'] > ._verb_1akcc_267 {
  color: var(--baseloop-danger);
}
._loneCall_1akcc_255 > ._columnNames_1akcc_273 {
  min-height: 0;
  padding-block: 0;
}
._note_1akcc_277 {
  margin: 0;
  max-width: 70ch;
  color: var(--baseloop-ink-secondary);
  font-size: 13px;
}

/* ---------- Calls: rows in a well, on one grid (glyph | verb | target | result | time) ---------- */
._calls_1akcc_248 {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 2px 10px;
  border-radius: 8px;
  background: var(--baseloop-frame);
  list-style: none;
}
._callItem_1akcc_294 {
  min-width: 0;
}
._callItem_1akcc_294 + ._callItem_1akcc_294 {
  border-top: 1px solid var(--feed-hairline-soft);
}
._call_1akcc_248 {
  display: grid;
  grid-template-columns: 16px max-content minmax(0, max-content) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink-secondary);
  font: inherit;
  font-size: var(--baseloop-text-13);
  text-align: left;
}
/* A research agent: the row opens its workers, so it ends in a chevron. */
button._call_1akcc_248 {
  grid-template-columns: 16px max-content minmax(0, max-content) minmax(0, 1fr) auto 12px;
  cursor: pointer;
}
button._call_1akcc_248:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
._callTarget_1akcc_325 {
  display: flex;
  min-width: 0;
}
/* A column row: glyph | verb with its count | the columns, wrapping under the first | time. The
   glyph, the verb and the time sit on the first line. */
._call_1akcc_248[data-columns='true'] {
  grid-template-columns: 16px max-content minmax(0, 1fr) auto;
  align-items: start;
}
._call_1akcc_248[data-columns='true'] > ._glyph_1akcc_335 {
  margin-top: 7px;
}
._call_1akcc_248[data-columns='true'] > ._verb_1akcc_267,
._call_1akcc_248[data-columns='true'] > ._time_1akcc_339 {
  line-height: 30px;
}
._columnNames_1akcc_273 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  min-width: 0;
  min-height: 30px;
  padding-block: 5px;
  line-height: 20px;
}
._columnNames_1akcc_273 ._target_1akcc_352 {
  max-width: none;
  white-space: normal;
}
._moreColumns_1akcc_356 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
._moreColumns_1akcc_356:hover {
  color: var(--baseloop-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
._time_1akcc_339 {
  justify-self: end;
  color: var(--feed-ink-mute);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
/* An agent's workers, under its row: a hairline on the left, no box. */
._sub_1akcc_379 {
  min-width: 0;
  margin: 0 0 6px 24px;
  padding-left: 10px;
  border-left: 1px solid var(--baseloop-hairline);
}
._glyph_1akcc_335 {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--feed-ink-mute);
}
._glyph_1akcc_335 svg {
  width: 14px;
  height: 14px;
}
._glyph_1akcc_335[data-action-glyph] {
  color: color-mix(in srgb, var(--action-colour) 92%, black);
}
._glyph_1akcc_335[data-state='failed'] {
  color: var(--baseloop-danger);
}
._glyph_1akcc_335[data-state='live'] {
  color: var(--baseloop-accent);
}
._verb_1akcc_267 {
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
}
._call_1akcc_248[data-state='failed'] ._verb_1akcc_267 {
  color: var(--baseloop-danger);
}
._call_1akcc_248[data-state='live'] ._verb_1akcc_267 {
  color: var(--baseloop-ink);
}
._count_1akcc_416 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
}
._result_1akcc_423 {
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._failedCount_1akcc_431 {
  color: var(--baseloop-danger);
}
/* A call's target: the table or page it acted on, as plain text a step darker than the verb. */
._target_1akcc_352 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 240px;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  white-space: nowrap;
}
._target_1akcc_352 > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
a._target_1akcc_352,
button._target_1akcc_352 {
  cursor: pointer;
}
a._target_1akcc_352:hover,
button._target_1akcc_352:hover {
  text-decoration-color: var(--feed-ink-mute);
}
._columnTargets_1akcc_466 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
/* Where a found table sits: "in Untitled workspace", the quietest ink. */
._where_1akcc_473 {
  overflow: hidden;
  color: var(--feed-ink-mute);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._more_1akcc_356 {
  color: var(--baseloop-ink-faint);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
}

/* "Show 3 earlier steps", "Show all", "Show fewer". */
._toggle_1akcc_51 {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 8px;
  margin-left: -8px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
._toggle_1akcc_51:hover {
  background: var(--feed-hover);
  color: var(--baseloop-ink);
}
._steps_1akcc_135 > ._toggle_1akcc_51 {
  margin-left: 14px;
}

/* ---------- The folded live line's calls: one per line, the newest at the bottom ---------- */
._livePills_1akcc_512 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  margin: 2px 0 0 26px;
}
._livePill_1akcc_512 {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  height: 22px;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: none;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
  opacity: 1;
  animation: _livePillIn_1akcc_1 160ms cubic-bezier(0.23, 1, 0.32, 1) backwards;
  transition:
    opacity 200ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
button._livePill_1akcc_512 {
  cursor: pointer;
}
/* The oldest on its way out, on the line it held. No entrance here: a call that mounts straight
   into this slot (several landing at once, a remount) would otherwise play its entrance over the
   exit, flash in and vanish. */
._livePill_1akcc_512[aria-hidden='true'] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  animation: none;
}
._livePillLabel_1akcc_557 {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._livePillTarget_1akcc_563 {
  flex-shrink: 1000;
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-weight: 500;
  text-overflow: ellipsis;
}
button._livePill_1akcc_512:hover ._livePillTarget_1akcc_563 {
  text-decoration: underline;
  text-decoration-color: var(--feed-ink-mute);
  text-underline-offset: 3px;
}
@keyframes _livePillIn_1akcc_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ---------- Research agents: the workers under an agent's row ---------- */
._workers_1akcc_588 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-block: 4px;
}
._workerRow_1akcc_594 {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) 132px 56px 12px;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 12px;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
}
button._workerRow_1akcc_594 {
  cursor: pointer;
}
button._workerRow_1akcc_594:hover {
  background: var(--feed-hover);
}
._workerTitle_1akcc_614 {
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink-secondary);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
button._workerRow_1akcc_594:hover ._workerTitle_1akcc_614 {
  color: var(--baseloop-ink);
}
._workerActivity_1akcc_626 {
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._workerActivity_1akcc_626[data-failed='true'] {
  color: var(--baseloop-danger);
}
._workerTime_1akcc_637 {
  color: var(--feed-ink-mute);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._workerCaret_1akcc_644 {
  display: inline-flex;
  color: var(--feed-ink-mute);
  opacity: 0;
  transition:
    opacity 120ms ease,
    transform 140ms ease;
}
button._workerRow_1akcc_594:hover ._workerCaret_1akcc_644,
._workerCaret_1akcc_644[data-open='true'] {
  opacity: 1;
}
._workerCaret_1akcc_644[data-open='true'] {
  transform: rotate(90deg);
}
._workerBody_1akcc_659 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 2px 12px 8px 34px;
}
._workerCall_1akcc_666 {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 22px;
  color: var(--baseloop-ink-soft);
  font-size: 12px;
}
._workerCall_1akcc_666[data-failed='true'] ._verb_1akcc_267,
._workerCall_1akcc_666[data-failed='true'] ._workerTarget_1akcc_676 {
  text-decoration: line-through;
  opacity: 0.6;
}
._workerTarget_1akcc_676 {
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink-secondary);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a._workerTarget_1akcc_676:hover {
  color: var(--baseloop-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
._workerSummary_1akcc_693._workerSummary_1akcc_693 {
  margin-top: 4px;
  color: var(--baseloop-ink-secondary);
  font-size: 12px;
}
._workerSummary_1akcc_693._workerSummary_1akcc_693 :is(h1, h2, h3, h4, h5, h6) {
  margin: 8px 0 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
._workerSummary_1akcc_693._workerSummary_1akcc_693 > :first-child {
  margin-top: 0;
}
._sources_1akcc_707 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 7px 12px;
  border-top: 1px solid var(--feed-hairline-soft);
  background: var(--baseloop-frame);
  color: var(--feed-ink-mute);
  font-size: 12px;
}
._source_1akcc_707 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  max-width: 200px;
  overflow: hidden;
  color: var(--baseloop-ink-secondary);
  font-family: var(--feed-mono);
  font-size: var(--baseloop-text-11);
  text-decoration: none;
  white-space: nowrap;
}
._source_1akcc_707 > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._source_1akcc_707:hover {
  color: var(--baseloop-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
._sourcesMore_1akcc_741 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
._sourcesMore_1akcc_741:hover {
  color: var(--baseloop-ink);
}

@media (prefers-reduced-motion: reduce) {
  ._dot_1akcc_177[data-status='running'],
  ._shimmer_1akcc_99,
  ._glyph_1akcc_335[data-state='live'] svg,
  ._livePill_1akcc_512 {
    animation: none;
  }
  ._shimmer_1akcc_99 {
    background: none;
    color: var(--baseloop-ink);
  }
  ._chev_1akcc_80,
  ._workerCaret_1akcc_644,
  ._livePill_1akcc_512 {
    transition: none;
  }
}
/*
 * Notion-style enter animation for newly-mounted chat messages.
 *
 * Deliberately understated: a short fade with a ~4px translate, no scale/bounce, no
 * compositor layer promotion. This matches Notion's aesthetic where content appears without
 * drawing attention to itself. The earlier iMessage-style bounce + scale was too flashy for
 * this product and combined with rapid state changes during streaming it read as "jitter"
 * rather than polish.
 *
 * Runs once per mount because React keeps message DOM nodes alive between re-renders. The
 * parent gates this class on `wasRecentlyCreated(createdAt)` so historical messages never
 * animate, and newly-arrived messages drop the class after ~500ms.
 */
@keyframes _chat-message-enter_1gxpp_1 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._messageEnter_1gxpp_25 {
  animation: _chat-message-enter_1gxpp_1 180ms ease-out both;
}

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

/*
 * Per-message action affordances (copy + thumbs up/down). Hidden by default and revealed
 * when the wrapping message row is hovered. Once the user has copied or voted, all three
 * stay visible so the row reads as a settled state rather than a stub. Visibility is
 * derived purely from the DOM — `data-copied` on CopyButton and `aria-pressed` on the
 * thumbs — no className threading from the React tree.
 */
._copyAction_1gxpp_42 {
  opacity: 0;
  transition:
    opacity 120ms ease-out,
    background-color 120ms ease-out;
}

._messageRow_1gxpp_49:hover ._copyAction_1gxpp_42,
._messageRow_1gxpp_49:focus-within ._copyAction_1gxpp_42,
._messageRow_1gxpp_49:has(._copyAction_1gxpp_42[data-copied='true']) ._copyAction_1gxpp_42,
._messageRow_1gxpp_49:has(._copyAction_1gxpp_42[aria-pressed='true']) ._copyAction_1gxpp_42 {
  opacity: 1;
}

@media (hover: none) {
  ._copyAction_1gxpp_42 {
    opacity: 1;
  }
}

/* Copy and the thumbs on a smaller box in the compact floating window (--chat-action-size);
   elsewhere the box ActionIcon's own size gives it */
._actionSize_1gxpp_64 {
  width: var(--chat-action-size, var(--ai-size));
  min-width: var(--chat-action-size, var(--ai-size));
  height: var(--chat-action-size, var(--ai-size));
  min-height: var(--chat-action-size, var(--ai-size));
}

/* Where a message stands (queued, canceled, not sent): a quiet caption under the bubble */
._userStatus_1gxpp_72 {
  min-height: 22px;
  padding-right: 6px;
}

/* A table the reply names, as a chip: its icon and name on the bubble colour */
._tableChip_1gxpp_78 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  background: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  /* No taller than the prose's line (22px at 14px), so the line keeps its height */
  line-height: 20px;
  text-decoration: none;
  vertical-align: baseline;
  cursor: pointer;
  transition: outline-color 120ms ease;
}

._tableChip_1gxpp_78:hover {
  outline-color: var(--baseloop-raised-ring-hover);
}

._tableChip_1gxpp_78:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

._tableChipIcon_1gxpp_108 {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._tableChipName_1gxpp_114 {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* The arrow that says the chip opens: folded away at rest, it grows in on hover or focus */
._tableChipArrow_1gxpp_122 {
  flex-shrink: 0;
  max-width: 0;
  margin-left: -4px;
  color: var(--baseloop-ink-faint);
  opacity: 0;
  transition:
    max-width 120ms ease,
    margin-left 120ms ease,
    opacity 120ms ease;
}

._tableChip_1gxpp_78:hover ._tableChipArrow_1gxpp_122,
._tableChip_1gxpp_78:focus-visible ._tableChipArrow_1gxpp_122 {
  max-width: 12px;
  margin-left: 0;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  ._tableChip_1gxpp_78,
  ._tableChipArrow_1gxpp_122 {
    transition: none;
  }
}

/* Follow-up bubbles from the user: the meta row under a bubble is the whole gap to a reply
   (24px), but between two user bubbles it left the revealed time pressed against the next one. */
._messageRow_1gxpp_49[data-message-role='user'] + ._messageRow_1gxpp_49[data-message-role='user'] {
  margin-top: 8px;
}

/* The caret at the end of a reply that is still arriving (see streamReveal.ts): solid while
   characters are being revealed, blinking while the reply waits for more. A block of the text's
   ink, about as tall as its letters, so it reads at any of the chat's type sizes. */
._caret_1gxpp_157 {
  display: inline-block;
  width: 8px;
  height: 1.05em;
  margin-left: 2px;
  background: var(--baseloop-ink);
  vertical-align: text-bottom;
  animation: _caretBlink_1gxpp_1 1s step-end infinite;
}
._caretSteady_1gxpp_166 {
  animation: none;
}
@keyframes _caretBlink_1gxpp_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._caret_1gxpp_157 {
    animation: none;
  }
}

/* An attachment's status under its name: the word in faint ink, the failed one in the danger red */
._attachmentStatus_1gxpp_185 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._attachmentStatus_1gxpp_185[data-failed] {
  color: var(--baseloop-danger);
}
/* A status notice in the feed: one quiet line, its icon and a short label, the full sentence in
   the tooltip. A failure takes the danger colour; a retry rides on the same line. */
._notice_zab3y_3 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._notice_zab3y_3[data-chat-notice='failed'] {
  color: var(--baseloop-danger);
}

._icon_zab3y_17 {
  flex-shrink: 0;
}

._label_zab3y_21 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._retry_zab3y_28 {
  flex-shrink: 0;
  height: 24px;
  margin-left: 2px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}

._retry_zab3y_28:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 4.5%, transparent);
}

._retry_zab3y_28:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}
/* The table preview as a tray holding the table: the paper frame with the table's name, its count
   and Go to table on top, then the real grid on its own white sheet, inset with rounded corners and
   a hairline edge so it rests in the tray, its last rows fading to say there is more. Several
   tables in one answer show as tabs in the bar instead of the name. */
._frame_19gm8_5 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  /* The prose column's width (the plan card's), so text, cards and tables share one left edge */
  max-width: var(--chat-column-width);
  margin-inline: auto;
  margin-top: 4px;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--baseloop-frame);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
}

._bar_19gm8_20 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 8px 6px 6px;
}

/* One table: its name, plain on the tray */
._title_19gm8_29 {
  display: inline-flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  white-space: nowrap;
}

._tabs_19gm8_43 {
  display: flex;
  flex: 1;
  gap: 2px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

._tab_19gm8_43 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 30px;
  max-width: 260px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
  cursor: pointer;
}

._tab_19gm8_43:hover {
  color: var(--baseloop-ink);
}

._tab_19gm8_43[aria-selected='true'] {
  background: var(--baseloop-sheet);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
  color: var(--baseloop-ink);
  font-weight: 500;
  cursor: default;
}

._tab_19gm8_43:focus-visible,
._go_19gm8_83:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._tabName_19gm8_88 {
  overflow: hidden;
  text-overflow: ellipsis;
}

._count_19gm8_93 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._go_19gm8_83 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

._go_19gm8_83 svg {
  color: var(--baseloop-ink-faint);
}

._go_19gm8_83:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
}

._sheet_19gm8_127 {
  position: relative;
  margin: 0 5px 5px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

/* No rows: the quiet line where the first row would be, under the grid's header */
._sheet_19gm8_127 ._empty_19gm8_137 {
  position: absolute;
  top: var(--preview-header-height);
  right: 0;
  left: 0;
  padding-block: 8px;
  pointer-events: none;
}

/* More rows than the preview shows: the last ones fade out */
._sheet_19gm8_127[data-more]::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 46px;
  background: linear-gradient(transparent, var(--baseloop-sheet) 88%);
  pointer-events: none;
}

/* The arrival: when the rows land, the count and the table come in from a light blur, once */
._frame_19gm8_5[data-arriving] ._count_19gm8_93,
._frame_19gm8_5[data-arriving] ._sheet_19gm8_127 {
  animation: _previewSharpen_19gm8_1 360ms cubic-bezier(0.2, 0.8, 0.2, 1) 30ms both;
}

/* Building with no rows yet: faint placeholder rows under the real header. */
._placeholderRows_19gm8_165 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--baseloop-sheet);
  opacity: 0.55;
  pointer-events: none;
}
._placeholderRow_19gm8_165 {
  position: relative;
  border-bottom: 1px solid var(--baseloop-hairline);
}
._placeholderBar_19gm8_178 {
  position: absolute;
  top: 50%;
  height: 10px;
  margin-top: -5px;
  border-radius: 4px;
  background: var(--baseloop-bubble);
}

/* The first rows of a table being built sharpen in where the placeholder rows were; the header
   above them has been there all along and stays still. */
._body_19gm8_189[data-rows-arriving] .ag-body {
  animation: _previewSharpen_19gm8_1 360ms cubic-bezier(0.2, 0.8, 0.2, 1) 30ms both;
}

@keyframes _previewSharpen_19gm8_1 {
  from {
    opacity: 0;
    filter: blur(6px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes _previewFadeIn_19gm8_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._frame_19gm8_5[data-arriving] ._count_19gm8_93,
  ._frame_19gm8_5[data-arriving] ._sheet_19gm8_127,
  ._body_19gm8_189[data-rows-arriving] .ag-body {
    animation-name: _previewFadeIn_19gm8_1;
  }
}

/* A table the reply touched, as a chip (mock v127); several sit in one row */
._chipRow_19gm8_222 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 14px;
}

._chip_19gm8_222 {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 28px;
  padding: 0 9px 0 8px;
  border: 0;
  border-radius: 8px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

._chip_19gm8_222:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 9%, var(--baseloop-sheet));
}

._chip_19gm8_222:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._chip_19gm8_222[data-static] {
  cursor: default;
}

._chipName_19gm8_262 {
  overflow: hidden;
  text-overflow: ellipsis;
}

._chip_19gm8_222 svg {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}
/* Agent presence over the grid (mock): a layer that takes no clicks, above the grid's cells and
   header but inside the grid's own stacking context (the container isolates it), so menus,
   tooltips, popovers and modals, which open outside it or above it, stay on top. */
._layer_9cv72_4 {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

/* One actor's marks, in its colour; the whole of them fades together */
._marker_9cv72_13 {
  position: absolute;
  inset: 0;
}

/* One rectangle each, placed every frame from the grid's own boxes, its lines over the grid's
   lines: an outline round a column made or edited, or a range (cells a run writes, rows added)
   drawn like the grid's own range selection, with a faint fill. An edge that runs past the view
   (under the frozen columns, beyond the rows in view) or meets the header's running line draws
   no line and no corner there. */
._box_9cv72_23 {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1.5px solid var(--presence-colour);
  border-radius: 6px;
  visibility: hidden;
}

._box_9cv72_23[data-kind='range'] {
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--presence-colour) 6%, transparent);
}

/* A run on some of a column's cells: the range's corners round them, no wash of its own (the cells
   it writes now get the run's wash, as in a column it runs whole) */
._box_9cv72_23[data-kind='cells'] {
  border-radius: 4px;
}

/* The cells a run writes now, inside its outline: the range's wash, no line of its own */
._box_9cv72_23[data-kind='fill'] {
  border: 0;
  border-radius: 0;
  background-color: color-mix(in srgb, var(--presence-colour) 6%, transparent);
}

._box_9cv72_23[data-clip-left='true'] {
  border-left-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

._box_9cv72_23[data-clip-right='true'] {
  border-right-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

._box_9cv72_23[data-clip-top='true'] {
  border-top-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._box_9cv72_23[data-clip-bottom='true'] {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* The actor's name, white on its colour: a flag in the first rectangle's top-right corner, square
   on the outline's sides with its outer corner following the box's. On a column it never covers
   the title, icon, running ring or controls: it hangs from the top edge left of the controls, or
   sits under the header when there is no room beside the title. */
._tag_9cv72_79 {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  padding: 0 6px;
  border-radius: 0 0 4px 4px;
  background-color: var(--presence-colour);
  color: #fff;
  font-size: var(--baseloop-text-12);
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  visibility: hidden;
}

._tag_9cv72_79[data-shape='corner'] {
  border-radius: 0 6px 0 4px;
}

._tag_9cv72_79[data-shape='corner'][data-kind='range'],
._tag_9cv72_79[data-shape='corner'][data-kind='cells'] {
  border-radius: 0 4px 0 4px;
}

._tag_9cv72_79[data-shape='side'] {
  border-radius: 0 0 0 4px;
}

/* A place out of view: a pill at the grid's edge that scrolls to it, the one part that clicks */
._pill_9cv72_109 {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border: 0;
  border-radius: 999px;
  background-color: var(--presence-colour);
  box-shadow: var(--baseloop-float-shadow);
  color: #fff;
  font: inherit;
  font-size: var(--baseloop-text-12);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  visibility: hidden;
}

/* Its arrow points where the work is: the column's side, or the rows above or below the view
   (none when the rows' place is not known) */
._pill_9cv72_109[data-side='left']::before,
._pill_9cv72_109[data-side='above']::before,
._pill_9cv72_109[data-side='below']::before {
  margin-right: 4px;
}

._pill_9cv72_109[data-side='right']::after {
  margin-left: 4px;
  content: '→';
}

._pill_9cv72_109[data-side='left']::before {
  content: '←';
}

._pill_9cv72_109[data-side='above']::before {
  content: '↑';
}

._pill_9cv72_109[data-side='below']::before {
  content: '↓';
}

._pill_9cv72_109:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

/* Gone 4 s after the last write: a short fade (none under reduced motion, where the layer drops
   the place instead) */
._marker_9cv72_13[data-phase='fading'] {
  animation: _presenceFade_9cv72_1 600ms ease forwards;
}

@keyframes _presenceFade_9cv72_1 {
  to {
    opacity: 0;
  }
}
._wrapper_qd7ck_1 {
  width: 100%;
  height: 100%;
}

/* The app's tooltip look (components/shared/Tooltip): a white card with a hairline ring and a
   short lift, ink text */
._tooltip_qd7ck_8 {
  position: fixed;
  /* The tooltip rung (lib/zIndex): over the menu, popover or cell editor its trigger sits in */
  z-index: var(--z-tooltip);
  transform: translateY(calc(-100% - 8px));
  padding: 5px 9px;
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 1.45;
  pointer-events: none;
  box-shadow: var(--baseloop-float-shadow);
  max-height: 200px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

/* Below its trigger (the grid's headers): from the trigger's bottom edge plus the same 8px, no lift */
._tooltip_qd7ck_8._tooltipBelow_qd7ck_29 {
  transform: none;
}

/* Block layout: structured JSX labels (icon rows, the extraction source) with the text
   line-clamp off. Still non-interactive like .tooltip. */
._tooltip_qd7ck_8._tooltipBlock_qd7ck_35 {
  display: block;
  padding: 8px 10px;
  /* Wrapped extraction paths need more room than the 200px text cap, but stay
     bounded so a pathological path can't grow past the viewport top. */
  max-height: 360px;
  -webkit-line-clamp: unset;
}
/* PlayButton - Minimal Notion-inspired design */
._playButton_gz04g_2 {
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease,
    transform 0.15s ease;
  position: relative;
  border-radius: var(--mantine-radius-sm);
}

/* Subtle variant - Icon only at rest, a one-step fill on hover */
._subtle_gz04g_15 {
  background-color: transparent;
  color: var(--mantine-color-gray-6);
  border: none;
}

._subtle_gz04g_15:hover:not(:disabled) {
  background-color: var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-8);
}

._subtle_gz04g_15:active:not(:disabled) {
  color: var(--mantine-color-gray-9);
  transform: scale(0.98);
}

/* Transparent variant - No border, minimal style for row actions */
._transparent_gz04g_32 {
  background-color: transparent;
  color: var(--mantine-color-gray-6);
  border: none;
}

._transparent_gz04g_32:hover:not(:disabled) {
  color: var(--mantine-color-dark-6);
  background-color: transparent;
}

._transparent_gz04g_32:active:not(:disabled) {
  color: var(--mantine-color-dark-8);
  transform: scale(0.95);
}

/* Filled variant - Dark filled */
._filled_gz04g_49 {
  background-color: var(--mantine-color-dark-6);
  color: white;
  border: none;
}

._filled_gz04g_49:hover:not(:disabled) {
  background-color: var(--mantine-color-dark-7);
}

._filled_gz04g_49:active:not(:disabled) {
  background-color: var(--mantine-color-dark-8);
  transform: scale(0.98);
}

/* Running state - Subtle pulse */
._running_gz04g_65 {
  opacity: 0.6;
  cursor: wait;
  animation: _subtlePulse_gz04g_1 1.5s ease-in-out infinite;
}

._running_gz04g_65 ._icon_gz04g_71 {
  animation: _rotate_gz04g_1 2s linear infinite;
}

/* Disabled state */
._playButton_gz04g_2:disabled,
._disabled_gz04g_77 {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: transparent;
  color: var(--mantine-color-gray-5);
}

/* Icon styling */
._icon_gz04g_71 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Subtle animations */
@keyframes _subtlePulse_gz04g_1 {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes _rotate_gz04g_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Focus state for accessibility */
._playButton_gz04g_2:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

/* Remove default Mantine hover effects that conflict */
._playButton_gz04g_2[data-disabled] {
  background-color: transparent !important;
}

/* Raised - the run button of a column that runs, in its header and in its cells, so the two cannot
   drift: a white square in a 1px ring, flat (no drop on a resting key), the triangle in ink. It
   is its own cue, whatever the column's icon or colour. Size comes from the caller (20px in the
   header, 18px in a cell); these rules come after the ones above so they win at equal weight. */
._raised_gz04g_126 {
  border: 0;
  border-radius: 6px;
  background-color: var(--baseloop-sheet);
  /* A stronger ring than the raised token's: on the tinted grid header a fainter ring disappears */
  box-shadow: 0 0 0 1px rgba(42, 32, 29, 0.12);
  color: var(--baseloop-ink);
}

._raised_gz04g_126:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
  box-shadow: 0 0 0 1px rgba(42, 32, 29, 0.2);
  color: var(--baseloop-ink);
}

/* Pressed: the hovered ring stays; no shrink */
._raised_gz04g_126:active:not(:disabled) {
  box-shadow: 0 0 0 1px rgba(42, 32, 29, 0.2);
  transform: none;
}

._raised_gz04g_126:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

/* Off (a source with rows selected, a cell that cannot run yet): the same square, quieter */
._raised_gz04g_126:disabled,
._raised_gz04g_126._disabled_gz04g_77,
._raised_gz04g_126[data-disabled] {
  background-color: var(--baseloop-sheet) !important;
  box-shadow: 0 0 0 1px rgba(42, 32, 29, 0.07);
  color: var(--baseloop-ink-faint);
  opacity: 1;
  cursor: not-allowed;
}
/* Column status chip (schedule, auto-run off). A flat fill, no border: the chip is a
   status, the borderless icons beside it are the buttons. */
._chip_qf291_3 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--mantine-radius-sm);
  /* Ink at low alpha, not a fixed gray: one quiet step darker than whatever is behind it
     (resting header, hover fill, open fill, a tinted column, a list row) */
  background-color: color-mix(in srgb, var(--mantine-color-dark-7) 6%, transparent);
  color: var(--mantine-color-gray-7);
}

/* Icon-only chip: square */
._chip_qf291_3:not(:has(._text_qf291_20)) {
  padding: 0 3px;
}

._text_qf291_20 {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
/* Play button styling */
._playButtonBase_1i4p3_2 {
  border-radius: var(--mantine-radius-sm);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease,
    transform 0.15s ease;
}

._playButtonBase_1i4p3_2:active {
  transform: translateY(1px);
}

._playButtonEnabled_1i4p3_17 {
  background: transparent;
  border: none;
  color: var(--mantine-color-gray-5);
  box-shadow: none;
}

._playButtonEnabled_1i4p3_17:hover {
  background: transparent;
  color: var(--mantine-color-gray-8);
}

._playButtonDisabled_1i4p3_29 {
  background: var(--mantine-color-gray-0);
  border: 1px solid var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-4);
  box-shadow: none;
}

._playButtonDisabled_1i4p3_29:hover {
  background: var(--mantine-color-gray-1);
}

/* Edit column input */
._editColumnInput_1i4p3_41 {
  height: 18px;
  min-height: 18px;
  font-weight: 500;
  box-shadow: 0 1px 0 0 var(--mantine-color-gray-2);
  transition: box-shadow 0.2s ease;
  padding: 0;
  color: var(--mantine-color-gray-9);
  width: 100%;
  max-width: 100%;
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._editColumnInput_1i4p3_41:focus {
  box-shadow: 0 1px 0 0 var(--baseloop-focus);
}

/* Header group styling - clean and minimal.
   AG Grid positions every header descendant (`:where(.ag-header-cell *)` sets
   position: relative), so the progress line anchors to this box, inside its 1px
   transparent border, and reaches 1px past it to run the cell edge to edge. */
._headerGroup_1i4p3_65 {
  opacity: 1;
  transition:
    background-color 0.15s ease,
    opacity 0.15s ease,
    transform 0.15s ease;
  border-radius: 4px;
  border: 1px solid transparent;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
}

/* A running column: how far its run has got, as a 2px line on the header's bottom edge (orange
   done, a faint orange track to go). The done part grows in from the left when the line appears
   and glides to each new count, instead of jumping every poll. */
._runProgress_1i4p3_82 {
  position: absolute;
  z-index: 1;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 2px;
  overflow: hidden;
  background-color: rgba(255, 79, 0, 0.16);
  pointer-events: none;
}

._runProgress_1i4p3_82::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--baseloop-accent);
  transform-origin: left;
  transform: scaleX(var(--done, 0));
  transition: transform 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@starting-style {
  ._runProgress_1i4p3_82::before {
    transform: scaleX(0);
  }
}

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

._headerGroupFrozen_1i4p3_116 {
  cursor: default;
}

._headerGroupMovable_1i4p3_120 {
  cursor: grab;
}

._headerGroupMovable_1i4p3_120:active {
  cursor: grabbing;
}

/* Dragging state */
._headerGroupDragging_1i4p3_129 {
  opacity: 0.7;
  /* A dragged header floats on the float shadow's lifted step */
  box-shadow: var(--baseloop-float-shadow-lift);
  transform: scale(0.98);
}

/* The column's type icon, the only icon before the name. A colored column shows its color here,
   a small chip, the -1 tint behind the icon in the -7 shade, and on its header cell (below). */
._fieldIconContainer_1i4p3_138 {
  display: grid;
  place-items: center;
  border-radius: 5px;
  flex-shrink: 0;
  padding: 3px;
  color: var(--baseloop-ink-faint);
}

/* An action column's glyph in its category colour (--action-colour, lib/actionCategories), the
   Actions panel's mix. :where() adds no specificity, so this outranks only the grey above: a colour
   the user set, the running ring and cancelling below all still win. */
._fieldIconContainer_1i4p3_138:where([data-action-glyph]) {
  color: color-mix(in srgb, var(--action-colour) 92%, black);
}

/* The extracted column's arrow, faint, tucked against the type icon */
/* The source card (an extracted column's hover): one line that wraps between its parts, never cut */
._sourceCard_1i4p3_156 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
  row-gap: 2px;
  line-height: 1.45;
}

._sourceFrom_1i4p3_165 {
  color: var(--baseloop-ink-faint);
}

._sourceIcon_1i4p3_169,
._sourceChevron_1i4p3_170 {
  display: inline-flex;
  flex-shrink: 0;
}

._sourceChevron_1i4p3_170 {
  color: var(--baseloop-ink-faint);
}

._sourceName_1i4p3_179 {
  color: var(--baseloop-ink);
  overflow-wrap: anywhere;
}

._sourcePart_1i4p3_184 {
  color: var(--baseloop-ink-soft);
  overflow-wrap: anywhere;
}

._derivedMark_1i4p3_189 {
  flex-shrink: 0;
  margin-right: -3px;
  color: var(--baseloop-ink-faint);
  cursor: help;
}

/* getFieldIcon sets its own inline gray; the header decides the icon's color */
._fieldIcon_1i4p3_138 > :first-child {
  color: inherit !important;
}

._fieldIcon_1i4p3_138 {
  display: flex;
}

._headerGroup_1i4p3_65[data-column-color] ._fieldIconContainer_1i4p3_138 {
  background-color: var(--column-header-color-bg);
  color: var(--column-header-color-solid);
}

/* A colored column's header cell: a soft tint of its color, edge to edge (1px past the group's
   transparent border, square), under the content and over the cell's own hover and focus fills,
   which still show through it. Half the -1 tint: next to the white sheet and the uncolored
   headers it marks the column without shouting; the chip keeps the -1 at full strength. A step
   deeper on hover. Editing, cancelling and stop states draw their own fill instead. */
._headerGroup_1i4p3_65[data-column-color] {
  isolation: isolate;
}

._headerGroup_1i4p3_65[data-column-color]::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  background-color: color-mix(in srgb, var(--column-header-color-bg) 50%, transparent);
  transition: background-color 0.15s ease;
  pointer-events: none;
}

.ag-header-cell:hover ._headerGroup_1i4p3_65[data-column-color]::before {
  background-color: color-mix(in srgb, var(--column-header-color-hover) 50%, transparent);
}

._headerGroupEditing_1i4p3_233[data-column-color]::before,
._headerGroupCancelling_1i4p3_234[data-column-color]::before,
._headerGroupStopAt_1i4p3_235[data-column-color]::before {
  content: none;
}

/* The focused cell's column, when it has a color: its header's bottom edge in the column's accent.
   Not while its menu is open (the open header's fill says it), and under a running column's
   progress line, which keeps the edge. */
._headerGroup_1i4p3_65[data-column-color][data-column-focused]::after {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 2px;
  background-color: var(--column-header-color-accent);
  pointer-events: none;
}

._headerGroup_1i4p3_65[data-column-color][data-menu-open]::after {
  content: none;
}

/* Running: the icon stays as it is; the Ring's arc on its faint track travels round the chip's own
   rounded square (its edge, inside the header's clip), a quarter of the way round, at the Ring's
   pace, in soft ink, or the warn colour while the run is being cancelled. */
._fieldIconContainer_1i4p3_138[data-running] {
  position: relative;
}

._runOutline_1i4p3_264 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--baseloop-ink-soft);
  pointer-events: none;
}

._runOutline_1i4p3_264[data-cancelling] {
  color: var(--baseloop-warn);
}

._runOutlineArc_1i4p3_277 {
  animation: _runOutlineTurn_1i4p3_1 800ms linear infinite;
}

@keyframes _runOutlineTurn_1i4p3_1 {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

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

/* Field label group */
._fieldLabelGroup_1i4p3_298 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  gap: 4px;
}

/* The settings control: icon only, and only on hover, so a row of columns reads as names, not as
   a row of boxes. Hover shifts the fill one step past the header's own. */
._headerGroup_1i4p3_65 ._headerControl_1i4p3_313 {
  border: none;
  border-radius: var(--mantine-radius-sm);
  color: var(--baseloop-ink-faint);
}

._headerGroup_1i4p3_65 ._headerControl_1i4p3_313:hover:not(:disabled) {
  background-color: rgba(42, 32, 29, 0.06);
  color: var(--baseloop-ink);
}

/* Field label text */
._fieldLabelText_1i4p3_325 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  /* A long name ends in an ellipsis, as the cells' values do */
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  color: var(--baseloop-ink-soft);
}

/* Title group */
._titleGroup_1i4p3_339 {
  color: var(--mantine-color-gray-7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

/* A column whose menu is open: no ring, square and flush with the cell. Its fill is the header
   cell's (AGGrid.module.css, [data-menu-open]), so it never stacks on the focused column's or the
   hover's. Colored columns too: their color stays in the icon chip. */
._headerGroupSelected_1i4p3_350 {
  border-radius: 0;
  box-shadow: none !important;
  position: relative;
  z-index: 10;
}

/* Stop column styling */
._headerGroupStopAt_1i4p3_235 {
  position: relative;
  border-left: 2px dashed var(--mantine-color-red-6);
  background-color: var(--mantine-color-red-0) !important;
  box-shadow: inset 0 0 10px 0 color-mix(in srgb, var(--baseloop-danger) 10%, transparent) !important;
}

/* Cancelling header state */
._headerGroupCancelling_1i4p3_234 {
  background-color: var(--mantine-color-gray-0) !important;
  box-shadow: inset 0 0 0 1px var(--mantine-color-gray-3) !important;
}

/* Editing header state */
._headerGroupEditing_1i4p3_233 {
  background-color: var(--mantine-color-gray-0) !important;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus) !important;
}
/* A cell editor is a small popup on its cell, its font, 6px corners and the menus' float shadow,
   whose first layer is the hairline ring; the ring is the focus. It reaches --cell-editor-outset
   past the cell on every side (CellEditorPopover.tsx), so its corners clear the grid's hairlines,
   and its fields pad by as much, so the text lands where the cell draws it. A long value grows
   downward at the column's width, then scrolls inside. */
._dropdown_w59cl_6 {
  --cell-editor-width-fit: calc(var(--cell-editor-width) + 2 * var(--cell-editor-outset, 0px));
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: var(--baseloop-sheet);
  outline: none;
  box-shadow: var(--baseloop-float-shadow);
  overflow: hidden;
  color: var(--baseloop-ink);
}

/* An editor with more to show (a list, a preview), or a value with an AI insight under it: room to
   read, still from the cell's left edge */
._dropdown_w59cl_6[data-width='panel'],
._dropdown_w59cl_6:has([data-cell-insight]) {
  --cell-editor-width-fit: max(calc(var(--cell-editor-width) + 2 * var(--cell-editor-outset, 0px)), 320px);
}

._body_w59cl_25 {
  max-height: 60vh;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
}

/* An editor's field: the cell's text position (12px in, the line centred in the 33px cell) and its
   font, so nothing moves when editing starts. Scoped under the dropdown so it outranks Mantine's input
   sizes and the theme's section padding (both keyed on the input wrapper's data attributes). */
._dropdown_w59cl_6 ._field_w59cl_37 {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: calc(6px + var(--cell-editor-outset, 0px)) calc(12px + var(--cell-editor-outset, 0px))
    calc(7px + var(--cell-editor-outset, 0px));
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  line-height: 20px;
}

/* A field with a control at its end (the select's chevron, the date's clear button) keeps the text
   clear of it */
._dropdown_w59cl_6 [data-with-right-section] > ._field_w59cl_37 {
  padding-right: calc(32px + var(--cell-editor-outset, 0px));
}

/* A mark before the text where the cell draws one (a select's dot): the mark 12px in, the text after
   it where the cell puts it (the editor's --cell-editor-text-start), both past the outset */
._dropdown_w59cl_6 [data-with-left-section] > ._field_w59cl_37 {
  padding-left: calc(var(--cell-editor-text-start, 34px) + var(--cell-editor-outset, 0px));
}

/* Mantine gives `section` to both ends: only the left one is the mark */
._mark_w59cl_65[data-position='left'] {
  inset-inline-start: calc(12px + var(--cell-editor-outset, 0px));
  width: auto;
}

._dropdown_w59cl_6 ._field_w59cl_37:focus,
._dropdown_w59cl_6 ._field_w59cl_37:focus-visible {
  outline: none;
  box-shadow: none;
}

._dropdown_w59cl_6 ._field_w59cl_37::placeholder {
  color: var(--baseloop-ink-faint);
}

/* What an editor says under its field (not a valid URL), on the same left edge as the text */
._note_w59cl_81 {
  padding: 0 calc(12px + var(--cell-editor-outset, 0px)) calc(8px + var(--cell-editor-outset, 0px));
}

._note_w59cl_81:empty {
  display: none;
}
._header_iv29w_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

._confidenceBadge_iv29w_8 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  padding: 3px 8px;
  background: var(--mantine-color-gray-1);
  border-radius: 4px;
  font-size: var(--baseloop-text-11);
  color: var(--mantine-color-gray-6);
}

._confidenceDot_iv29w_20 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mantine-color-teal-5);
}

._sourceItem_iv29w_27 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  transition: background-color 100ms ease;
}

._sourceItem_iv29w_27:hover {
  background: var(--mantine-color-gray-0);
}

._sourceNumber_iv29w_40 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--baseloop-text-11);
  font-weight: 600;
  color: var(--mantine-color-gray-6);
  background: var(--mantine-color-gray-1);
  border-radius: 4px;
  margin-top: 1px;
}

._sourceContent_iv29w_55 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

._sourceTitle_iv29w_61 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
/* MultiSelectCellEditor - Notion-like clean aesthetic */

._searchContainer_13yhx_3 {
  padding: 8px;
}

._searchInput_13yhx_7 {
  background: var(--mantine-color-gray-0);
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
  font-size: var(--font-size-compact);
}

._searchInput_13yhx_7:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--baseloop-focus);
}

._sectionHeader_13yhx_20 {
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 500;
  color: var(--mantine-color-gray-5);
  text-transform: uppercase;
}

._optionsList_13yhx_28 {
  max-height: 240px;
  overflow-y: auto;
  padding: 4px 0;
}

._optionButton_13yhx_34 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background-color 60ms ease;
  text-align: left;
}

._optionButton_13yhx_34:hover {
  background: var(--mantine-color-gray-0);
}

._optionCheckbox_13yhx_52 {
  flex-shrink: 0;
}

._optionLabel_13yhx_56 {
  flex: 1;
  font-size: var(--font-size-compact);
  font-weight: var(--baseloop-weight-regular);
  color: var(--mantine-color-gray-8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._divider_13yhx_66 {
  border-color: var(--mantine-color-gray-2);
  margin: 0;
}
/* MultiSelectCellRenderer - Notion-like styling */

._container_be63u_3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}

._wrapper_be63u_11 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  height: 100%;
  width: 100%;
}

._badgeGroup_be63u_21 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  flex: 1;
  overflow: hidden;
}

/* Badge styling - Notion-like clean aesthetic */
._badge_be63u_21 {
  border: 1px solid var(--mantine-color-gray-2);
  background: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-7);
  box-shadow: none;
  max-width: 200px;
  border-radius: var(--mantine-radius-xs);
}

._badgeInner_be63u_40 {
  text-transform: none;
  font-weight: 500;
  font-size: 11px;
  color: var(--mantine-color-gray-7);
}

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

/* Overflow counter badge */
._overflowBadge_be63u_54 {
  border: 1px solid var(--mantine-color-gray-2);
  background: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-6);
  box-shadow: none;
  border-radius: var(--mantine-radius-xs);
}

._overflowBadgeInner_be63u_62 {
  text-transform: none;
  font-weight: 500;
  font-size: 11px;
}

/* Error and status states */
._errorText_be63u_69 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._emptyCell_be63u_75 {
  /* Non-breaking space placeholder */
}
._gridContainer_1rjtu_1 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  /* Keeps the right-edge fade's z-index local to the grid */
  isolation: isolate;

  /* AG Grid on the app's tokens (agGridSetup.ts sets the same theme params): a spreadsheet on the
     white sheet, translucent ink hairlines both ways, a header one step off white. */

  --ag-accent-color: var(--baseloop-ink);
  --ag-background-color: var(--baseloop-sheet);
  --ag-foreground-color: var(--baseloop-ink);
  --ag-border-color: var(--baseloop-hairline);
  --ag-header-background-color: var(--baseloop-grid-header);
  --ag-header-text-color: var(--baseloop-ink-soft);
  --ag-cell-text-color: var(--baseloop-ink);
  --ag-row-hover-color: rgba(42, 32, 29, 0.025);
  --ag-selected-row-background-color: rgba(42, 32, 29, 0.04);
  --ag-odd-row-background-color: transparent;

  /* Focus & Selection - ink, no glow */
  --ag-range-selection-border-color: var(--baseloop-ink-soft);
  --ag-range-selection-background-color: rgba(42, 32, 29, 0.03);
  --ag-focus-shadow: none;
  --ag-input-focus-shadow: none;
  --ag-cell-editing-shadow: 0 1px 2px rgba(42, 32, 29, 0.08);

  /* Borders - one translucent hairline everywhere; it darkens a colored header instead of
     slicing it with a white line. The rows draw none: the cells own both hairlines (below). */
  --ag-border-radius: var(--mantine-radius-md);
  --ag-wrapper-border-radius: 0;
  --ag-row-border: none;
  --ag-header-column-border: solid 1px var(--baseloop-hairline);

  /* Input styling - flat, no radius */
  --ag-input-border-radius: 0;
  --ag-input-border: solid 1px rgba(42, 32, 29, 0.12);
  --ag-input-focus-border: solid 1px var(--baseloop-focus);

  /* Checkbox - ink when checked */
  --ag-checkbox-checked-background-color: var(--baseloop-ink);
  --ag-checkbox-checked-border-color: var(--baseloop-ink);
  --ag-checkbox-unchecked-border-color: rgba(42, 32, 29, 0.22);
  --ag-checkbox-border-radius: var(--mantine-radius-sm);

  /* Typography */
  --ag-font-size: var(--baseloop-text-13);
  --ag-header-font-size: var(--baseloop-text-13);
  --ag-header-font-weight: 500;

  /* Spacing - compact */
  --ag-spacing: 6px;
  --ag-cell-horizontal-padding: 12px;

  /* Shadows - minimal */
  --ag-card-shadow: 0 1px 3px rgba(42, 32, 29, 0.08);
  --ag-popup-shadow: var(--baseloop-float-shadow);
  --ag-dropdown-shadow: var(--baseloop-float-shadow);
}

/* Root wrapper styling — square: the grid runs full-bleed, no card corners to clip to. */
._gridContainer_1rjtu_1 .ag-root-wrapper {
  border: none;
  border-radius: 0;
}

/* Header styling - clean and minimal */
._gridContainer_1rjtu_1 .ag-header {
  border-bottom: 1px solid var(--baseloop-hairline);
  overflow: visible !important;
}

._gridContainer_1rjtu_1 .ag-header-row {
  overflow: visible !important;
}

._gridContainer_1rjtu_1 .ag-header-cell {
  padding: 0;
  /* Let AG Grid handle column borders via --ag-header-column-border */
  overflow: visible !important;
}

._gridContainer_1rjtu_1 .ag-header-cell-comp-wrapper {
  height: 100%;
  overflow: visible !important;
}

/* Header hover effect - subtle background only, no border */
._gridContainer_1rjtu_1 .ag-header-cell:hover {
  background-color: rgba(42, 32, 29, 0.035);
  transition: background 0.15s ease;
}

/* The focused cell's column, or a column whose menu is open: a faint fill, a step past hover so a
   hovered header elsewhere still reads as a hover (its name turns full ink in AGGridHeader). The
   one fill for every combination: focused, menu open and hovered at once still paint one layer,
   since all three land on the header cell. No line: the bottom edge belongs to a running column's
   progress line. */
._gridContainer_1rjtu_1 .ag-header-cell:has([data-column-focused], [data-menu-open]) {
  background-color: rgba(42, 32, 29, 0.05);
}

/* Prevent any hover border/outline on header cells */
._gridContainer_1rjtu_1 .ag-header-cell:hover,
._gridContainer_1rjtu_1 .ag-header-cell:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Cell borders: a spreadsheet, so hairlines both ways, both drawn by the cell. A row border would
   sit under the cells (the row's 34px holds a 33px cell and the 1px line), so a range's left and
   right edges stopped 1px short of every row line and the hairline notched them. Owned by the
   cell, the edges run the full row height and a range's bottom edge replaces the hairline. */
._gridContainer_1rjtu_1 .ag-cell {
  border-right: 1px solid var(--baseloop-hairline);
  border-bottom: 1px solid var(--baseloop-hairline);
}

._gridContainer_1rjtu_1 .ag-cell:last-child {
  border-right: none;
}

/* Ensure text doesn't overflow */
._gridContainer_1rjtu_1 .ag-cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cell focus - hide by default */
._gridContainer_1rjtu_1 .ag-cell-focus {
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Override any AG Grid focus box-shadow */
._gridContainer_1rjtu_1 .ag-cell-focus::after,
._gridContainer_1rjtu_1 .ag-cell-focus::before {
  display: none !important;
}

/* The theme draws the focused cell's box from inside its cascade layer, so the unlayered
   hairline rules above win on the right and bottom sides: the hairline replaces the dark edge,
   and the last cell (no right border) loses it entirely, which cut the box in display-only grids
   where no range outline covers it. Put both edges back, with the theme's own selector. */
._gridContainer_1rjtu_1 .ag-cell.ag-cell-focus:not(.ag-cell-range-selected):focus-within {
  border-right: 1px solid var(--ag-range-selection-border-color);
  border-bottom: 1px solid var(--ag-range-selection-border-color);
}

/* Single cell selection - show border on all sides, no background */
._gridContainer_1rjtu_1 .ag-cell.ag-cell-range-single-cell {
  outline: 1px solid var(--ag-range-selection-border-color) !important;
  outline-offset: -1px;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Row styling */
._gridContainer_1rjtu_1 .ag-row:hover {
  background-color: var(--ag-row-hover-color);
}

._gridContainer_1rjtu_1 .ag-row-selected {
  background-color: var(--ag-selected-row-background-color) !important;
}

._gridContainer_1rjtu_1 .ag-row-selected:hover {
  background-color: rgba(42, 32, 29, 0.06) !important;
}

/* Checkbox styling - match custom checkbox in SelectionCellRenderer */
._gridContainer_1rjtu_1 .ag-checkbox-input-wrapper {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 4px;
  border: 1px solid var(--ag-checkbox-unchecked-border-color);
}

._gridContainer_1rjtu_1 .ag-checkbox-input-wrapper input {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

._gridContainer_1rjtu_1 .ag-checkbox-input-wrapper.ag-checked {
  background-color: var(--baseloop-ink);
  border-color: var(--baseloop-ink);
}

/* Pinned columns — flat hairline separator, matching the pinned header */
._gridContainer_1rjtu_1 .ag-pinned-left-cols-container {
  border-right: 1px solid var(--baseloop-hairline);
}

._gridContainer_1rjtu_1 .ag-pinned-left-header {
  border-right: 1px solid var(--baseloop-hairline);
}

/* Scrolled right, the frozen columns' edge takes a soft shadow, so the scrolled columns read as
   sliding under them (Airtable's) and nothing washes over their text. Shadow only: a line of its
   own beside the column hairline read as a 2px border. Lifted over the scrolled columns so the
   shadow paints on them. useScrolledUnderFrozen sets the attribute. */
._gridContainer_1rjtu_1[data-scrolled-left] .ag-pinned-left-cols-container,
._gridContainer_1rjtu_1[data-scrolled-left] .ag-pinned-left-header {
  position: relative;
  z-index: 1;
  box-shadow: 6px 0 8px -6px rgba(42, 32, 29, 0.1);
}

/* A cell being edited draws no frame of its own: every editor here is a popup (CellEditorPopover)
   that draws its frame over the cell, flush or as a small popup once it grows. A ring left on the
   cell showed at the popup's rounded corners. Two classes, after the single-cell outline, so it
   outranks that too. The row's hairline stays, as the cell's own bottom edge. */
._gridContainer_1rjtu_1 .ag-cell.ag-cell-inline-editing {
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--baseloop-hairline) !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Target the actual input wrapper inside editing cell - remove inner borders */
._gridContainer_1rjtu_1 .ag-cell-inline-editing .ag-cell-edit-wrapper,
._gridContainer_1rjtu_1 .ag-cell-inline-editing .ag-cell-editor,
._gridContainer_1rjtu_1 .ag-cell-inline-editing .ag-text-field-input-wrapper,
._gridContainer_1rjtu_1 .ag-cell-inline-editing .ag-input-field-input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* The popup editor's wrapper only anchors the editor, which draws its own frame on the cell; an edge
   or shadow here showed as a grey bar beside it */
._gridContainer_1rjtu_1 .ag-popup-editor {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
  background: transparent !important;
}

/* Target any input with focus inside the grid - remove inner styling */
._gridContainer_1rjtu_1 input:focus,
._gridContainer_1rjtu_1 textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* The add-column header ends the grid: the rows under it end with no vertical line, so its own
   column border (the theme draws it as the header cell's ::after) and resize handle would leave an
   edge in the header only */
._gridContainer_1rjtu_1 .ag-header-cell[col-id='add-column']::after,
._gridContainer_1rjtu_1 .ag-header-cell[col-id='add-column'] .ag-header-cell-resize {
  display: none;
}

/* Column resize handle - subtle */
._gridContainer_1rjtu_1 .ag-header-cell-resize {
  width: 8px;
  cursor: col-resize;
  opacity: 0;
  transition: opacity 0.15s ease;
}

._gridContainer_1rjtu_1 .ag-header-cell:hover .ag-header-cell-resize {
  opacity: 1;
}

/* Remove default header menu icon */
._gridContainer_1rjtu_1 .ag-header-cell-menu-button {
  display: none;
}

/* Scrollbar styling - match existing grid */
._gridContainer_1rjtu_1 .ag-body-horizontal-scroll-viewport,
._gridContainer_1rjtu_1 .ag-body-vertical-scroll-viewport {
  scrollbar-width: thin;
  scrollbar-color: var(--mantine-color-gray-4) transparent;
}

._gridContainer_1rjtu_1 .ag-body-horizontal-scroll-viewport::-webkit-scrollbar,
._gridContainer_1rjtu_1 .ag-body-vertical-scroll-viewport::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

._gridContainer_1rjtu_1 .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track,
._gridContainer_1rjtu_1 .ag-body-vertical-scroll-viewport::-webkit-scrollbar-track {
  background: transparent;
}

._gridContainer_1rjtu_1 .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb,
._gridContainer_1rjtu_1 .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {
  background: var(--mantine-color-gray-4);
  border-radius: var(--mantine-radius-xs);
}

._gridContainer_1rjtu_1 .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover,
._gridContainer_1rjtu_1 .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover {
  background: var(--mantine-color-gray-5);
}

/* Status cells */
._gridContainer_1rjtu_1 .editing-cell {
  background-color: var(--mantine-color-gray-0) !important;
}

._gridContainer_1rjtu_1 .editing-header {
  background-color: var(--mantine-color-gray-0) !important;
}

._gridContainer_1rjtu_1 .cancelling-cell {
  background-color: var(--mantine-color-gray-0) !important;
}

/* Error cell */
._gridContainer_1rjtu_1 .error-cell {
  background-color: var(--mantine-color-red-0) !important;
}

/* Prevent text selection in cells - use range selection instead */
._gridContainer_1rjtu_1 .ag-cell {
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* A coloured column's cells: a very light wash of its colour, well under its header's tint (a
   third of the -0 against half the -1), so the colour carries down the rows. See-through, so a
   row's hover and selection still show; a range and the focused cell paint their own fill. */
._gridContainer_1rjtu_1 .column-tint {
  background-color: color-mix(in srgb, var(--column-tint) 35%, transparent);
}

._gridContainer_1rjtu_1 .column-tint-red {
  --column-tint: var(--mantine-color-red-0);
}

._gridContainer_1rjtu_1 .column-tint-yellow {
  --column-tint: var(--mantine-color-yellow-0);
}

._gridContainer_1rjtu_1 .column-tint-green {
  --column-tint: var(--mantine-color-green-0);
}

._gridContainer_1rjtu_1 .column-tint-teal {
  --column-tint: var(--mantine-color-teal-0);
}

._gridContainer_1rjtu_1 .column-tint-violet {
  --column-tint: var(--mantine-color-violet-0);
}

._gridContainer_1rjtu_1 .column-tint-blue {
  --column-tint: var(--mantine-color-blue-0);
}

._gridContainer_1rjtu_1 .column-tint-orange {
  --column-tint: var(--mantine-color-orange-0);
}

._gridContainer_1rjtu_1 .column-tint-pink {
  --column-tint: var(--mantine-color-pink-0);
}

._gridContainer_1rjtu_1 .column-tint-cyan {
  --column-tint: var(--mantine-color-cyan-0);
}

._gridContainer_1rjtu_1 .column-tint-grape {
  --column-tint: var(--mantine-color-grape-0);
}

/* Range selection - visible internal grid lines, the fill in the theme's warm ink */
._gridContainer_1rjtu_1 .ag-cell-range-selected {
  background-color: rgba(42, 32, 29, 0.04) !important;
}

/* Range selection borders - outer boundary. Top and bottom are the cells' own borders (the bottom
   one replaces the hairline). Left and right are 1px lines painted in the cell's background, under
   its side borders: a dark side border meets the cell's hairline bottom border at a mitred corner,
   which left a light speck in the edge at every row line. The hairline paints over the line. */
._gridContainer_1rjtu_1 .ag-cell-range-top {
  border-top: 1px solid var(--ag-range-selection-border-color) !important;
}

._gridContainer_1rjtu_1 .ag-cell-range-bottom {
  border-bottom: 1px solid var(--ag-range-selection-border-color) !important;
}

._gridContainer_1rjtu_1 .ag-cell-range-left,
._gridContainer_1rjtu_1 .ag-cell-range-right {
  --range-edge: linear-gradient(var(--ag-range-selection-border-color), var(--ag-range-selection-border-color));
  background-origin: border-box;
  background-repeat: no-repeat;
  background-size: 1px 100%;
}

._gridContainer_1rjtu_1 .ag-cell-range-left {
  border-left-color: transparent !important;
  background-image: var(--range-edge);
  background-position: left top;
}

._gridContainer_1rjtu_1 .ag-cell-range-right {
  border-right-color: transparent !important;
  background-image: var(--range-edge);
  background-position: right top;
}

._gridContainer_1rjtu_1 .ag-cell-range-left.ag-cell-range-right {
  background-image: var(--range-edge), var(--range-edge);
  background-position:
    left top,
    right top;
}

/* Selection column - header cell layout fix */
/* Display-only grids (the chat's table previews): the header on the sheet's white, as the table
   in a tray reads; no hover tint, since nothing in them can be edited; the clicked row keeps its
   orientation highlight, but at a hover's strength, not the editor's 6% grey. A focused cell keeps
   a faint ring for the keyboard instead of the editor's ink box. Set on the theme's root as well,
   so the theme's own params never win over them. */
._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432,
._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-root-wrapper {
  --ag-header-background-color: var(--baseloop-sheet);
  --ag-header-cell-hover-background-color: transparent;
  --ag-row-hover-color: transparent;
  --ag-selected-row-background-color: rgba(42, 32, 29, 0.025);
  --ag-range-selection-background-color: transparent;
  --ag-range-selection-border-color: color-mix(in srgb, var(--baseloop-ink) 22%, transparent);
}

._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-row-selected:hover {
  background-color: var(--ag-selected-row-background-color) !important;
}

._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-header-cell:hover,
._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-header-cell:has([data-column-focused], [data-menu-open]) {
  background-color: transparent;
}

/* Only target the selection column in the pinned left container.
   Skipped in read-only grids, where the pinned first header is a real data column. */
._gridContainer_1rjtu_1:not(._readOnlyGrid_1rjtu_432) .ag-pinned-left-header .ag-header-cell:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-pinned-left-header .ag-header-cell:first-child {
  padding-left: 8px !important;
}

/* Style the header comp wrapper in selection column */
._gridContainer_1rjtu_1 .ag-pinned-left-header .ag-header-cell:first-child .ag-header-cell-comp-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Center header checkbox in selection column */
._gridContainer_1rjtu_1 .ag-header-select-all {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
}

/* Row selection cell - full centering (in pinned left container only).
   Skipped in read-only grids: they have no selection column, so the pinned
   first cell is a real data column that must keep its padding. */
._gridContainer_1rjtu_1:not(._readOnlyGrid_1rjtu_432) .ag-pinned-left-cols-container .ag-cell:first-child {
  padding: 0 !important;
}

._gridContainer_1rjtu_1._readOnlyGrid_1rjtu_432 .ag-pinned-left-cols-container .ag-cell:first-child {
  padding-left: 16px !important;
}

._gridContainer_1rjtu_1 .ag-selection-checkbox {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Selection cell wrapper */
._gridContainer_1rjtu_1 .ag-cell-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

._gridContainer_1rjtu_1 .ag-pinned-left-cols-container .ag-cell:first-child .ag-cell-wrapper {
  justify-content: center !important;
}

/* No rows overlay */
._gridContainer_1rjtu_1 .ag-overlay-no-rows-wrapper {
  padding: 20px;
}

/* Source cell styling */
._gridContainer_1rjtu_1 .source-cell {
  background-color: var(--mantine-color-gray-0);
}

/* Edited extraction field cell styling (matches ValidationStep design) */
._gridContainer_1rjtu_1 .rdg-cell-edited {
  background-color: var(--mantine-color-gray-0) !important;
  border-left: 3px solid var(--mantine-color-gray-5) !important;
}

/* Cell change flash animation */
._gridContainer_1rjtu_1 .ag-cell-data-changed {
  background-color: var(--mantine-color-gray-0) !important;
}

._gridContainer_1rjtu_1 .ag-cell-data-changed-animation {
  background-color: transparent;
  transition: background-color 0.5s ease-out;
}

/* Loading (skeleton) rows: a light band sweeps across — one compositor-cheap
   ::after per row element (~30 layers), not per cell, and not Mantine's
   per-skeleton animation. :has() removes it automatically the moment real cell
   renderers replace the skeletons. Rows run in phase on purpose: the band reads
   as one sheet of light crossing the loading block. */
@media (prefers-reduced-motion: no-preference) {
  ._gridContainer_1rjtu_1 .ag-row:has(.skeleton-cell) {
    /* Keep the off-screen band from painting outside the row */
    overflow: hidden;
  }

  ._gridContainer_1rjtu_1 .ag-row:has(.skeleton-cell)::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* Tighter, brighter streak: the lighter gray-2 bars need more lift to show
       the sweep, and a narrow band reads sleeker than a wide wash */
    background: linear-gradient(90deg, transparent 40%, rgba(255, 255, 255, 0.7) 50%, transparent 60%);
    transform: translateX(-100%);
    animation: _skeletonRowShimmer_1rjtu_1 1.6s linear infinite;
  }
}

@keyframes _skeletonRowShimmer_1rjtu_1 {
  to {
    transform: translateX(100%);
  }
}

/* Skeleton → content: freshly loaded rows fade in briefly instead of popping —
   with 200-row blocks a whole viewport otherwise snaps in one frame. The marker
   class is added by SkeletonCellRenderer as it unmounts and removed moments
   later, so virtualization re-renders during normal scrolling never animate.
   The row element animates, not each cell's content: a column-definition update
   (any parent re-render that rebuilds columnDefs) makes AG Grid re-create every
   cell, and a per-cell animation restarted from opacity 0 on each re-creation,
   which read as the row blinking once or twice after it had loaded. */
@media (prefers-reduced-motion: no-preference) {
  ._gridContainer_1rjtu_1 .ag-row.skeleton-to-content {
    animation: _cellContentFadeIn_1rjtu_1 160ms ease-out;
  }
}

@keyframes _cellContentFadeIn_1rjtu_1 {
  from {
    opacity: 0;
  }
}

/* The selection column: the row's number at rest. Hovering the row (or selecting it) swaps in
   the box, and hovering shows Run row at the right edge. The header always shows its box. */
._gridContainer_1rjtu_1 .row-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 12px;
}

._gridContainer_1rjtu_1 .row-number {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
  line-height: 15px;
  white-space: nowrap;
}

._gridContainer_1rjtu_1 .row-checkbox {
  /* Always rendered, so screen readers and the keyboard can reach it; see-through over the number
     at rest (so a click on the number selects the row) and shown on hover, focus or selection */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin: auto 0;
  border-radius: 4px;
  background-color: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1.5px rgba(42, 32, 29, 0.2);
  color: var(--baseloop-sheet);
  cursor: pointer;
  opacity: 0;
}

._gridContainer_1rjtu_1 .row-checkbox:hover {
  box-shadow: inset 0 0 0 1.5px rgba(42, 32, 29, 0.38);
}

._gridContainer_1rjtu_1 .row-checkbox:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* Checked or partly checked: ink with a white mark */
._gridContainer_1rjtu_1 .row-checkbox[data-checked] {
  background-color: var(--baseloop-ink);
  box-shadow: none;
}

._gridContainer_1rjtu_1 .ag-row-hover .row-select .row-checkbox,
._gridContainer_1rjtu_1 .row-select[data-selected] .row-checkbox,
._gridContainer_1rjtu_1 .row-select .row-checkbox:focus-visible,
._gridContainer_1rjtu_1 .row-select-header .row-checkbox {
  opacity: 1;
}

._gridContainer_1rjtu_1 .ag-row-hover .row-select .row-number,
._gridContainer_1rjtu_1 .row-select[data-selected] .row-number,
._gridContainer_1rjtu_1 .row-select:has(.row-checkbox:focus-visible) .row-number {
  visibility: hidden;
}

/* Screens without hover (touch): the boxes always show, or a row could never be selected */
@media (hover: none) {
  ._gridContainer_1rjtu_1 .row-select .row-checkbox {
    opacity: 1;
  }

  ._gridContainer_1rjtu_1 .row-select .row-number {
    visibility: hidden;
  }
}

/* Run row: at the right edge, over the number's spare room (a long number runs under it while
   it is hidden), centred without a transform. Its look is the raised run button every runnable
   header and cell shows (shared/PlayButton). */
._gridContainer_1rjtu_1 .row-select .row-play-btn {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin: auto 0;
}

/* Per-row Play button — hidden at rest, shown on row hover */
._gridContainer_1rjtu_1 .row-play-btn {
  opacity: 0;
  transition: opacity 120ms ease;
}
._gridContainer_1rjtu_1 .ag-row-hover .row-play-btn,
._gridContainer_1rjtu_1 .row-play-btn:focus-visible,
._gridContainer_1rjtu_1 .row-play-btn:hover {
  opacity: 1;
}
/* The inline diagram: a fitted, non-scrolling overview. The svg carries its own dimensions
   (useMaxWidth:false), and the max constraints scale it down to fit the message column and a
   sane height. No overflow on purpose: a scrollable diagram inside the scrolling transcript
   trapped the wheel. Full-size reading happens in the expand view. */
._frame_12sjs_5 {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 8px 0;
  vertical-align: top;
}

._canvas_12sjs_13 {
  display: block;
  max-width: 100%;
  cursor: zoom-in;
}

._canvas_12sjs_13 svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 45vh;
}

/* Expand: a quiet ghost button in the diagram's corner, there on hover or focus, and always
   where nothing hovers (touch) */
._expand_12sjs_29 {
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 0;
  transition: opacity 120ms ease;
}

._frame_12sjs_5:hover ._expand_12sjs_29,
._frame_12sjs_5:focus-within ._expand_12sjs_29 {
  opacity: 1;
}

@media (hover: none) {
  ._expand_12sjs_29 {
    opacity: 1;
  }
}

/* While a diagram is drawn for the first time */
._placeholder_12sjs_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  margin: 8px 0;
  border: 1px solid var(--baseloop-hairline);
  border-radius: 8px;
  background-color: var(--baseloop-rail);
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* Expanded: the app's own frame around a white sheet, as the work sits in the app. The theme's
   header (title and the quiet ×) on the frame, the diagram at full size in the sheet's middle. */
._zoomRoot_12sjs_64 ._zoomContent_12sjs_64 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* The theme rounds every modal; a full-screen one meets the window's edges */
  border-radius: 0 !important;
  background: var(--baseloop-frame);
  box-shadow: none;
}

._zoomRoot_12sjs_64 ._zoomHeader_12sjs_74 {
  padding: 12px 14px 10px 24px;
  background: var(--baseloop-frame);
}

._zoomRoot_12sjs_64 ._zoomBody_12sjs_79 {
  display: flex;
  flex: 1;
  min-height: 0;
  padding: 0 12px 12px;
}

/* Centered while it fits, scrollable from its start once it does not (auto margins, not flex
   centering, which would clip the overflow's start) */
._zoom_12sjs_64 {
  display: flex;
  flex: 1;
  min-width: 0;
  overflow: auto;
  padding: 32px;
  border-radius: var(--baseloop-sheet-radius);
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._zoom_12sjs_64 svg {
  display: block;
  flex-shrink: 0;
  margin: auto;
}
/* The company's monogram: the sidebar avatar's bubble fill and hairline, its letter in soft ink */
._monogram_qn7d1_2 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  border-radius: 9px;
  background: var(--baseloop-bubble);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
}

/* The saved company profile in the chat: one frame, the name and site on one line, the
   description in two lines, the ICP and personas behind one quiet line. The pencil shows on
   hover or while focus is inside. */
._card_qn7d1_17 {
  --card-ink-mute: var(--baseloop-ink-faint);
  --card-ground: var(--baseloop-sheet);
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--card-ground);
  box-shadow: inset 0 0 0 1px rgba(42, 32, 29, 0.12);
  color: var(--baseloop-ink);
}

/* The body opens the profile panel where the host wires one */
._card_qn7d1_17[role='button'] {
  cursor: pointer;
}

._card_qn7d1_17[role='button']:hover {
  /* The ink at 2% over the sheet, as one opaque colour so the description's fade can match it */
  --card-ground: color-mix(in srgb, var(--baseloop-ink) 2%, var(--baseloop-sheet));
}

._card_qn7d1_17[role='button']:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._top_qn7d1_45 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._logo_qn7d1_52 {
  border-radius: 8px;
  font-size: var(--baseloop-text-12);
}

._name_qn7d1_57 {
  min-width: 0;
  overflow: hidden;
  font-size: var(--baseloop-text-14);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._site_qn7d1_66 {
  display: inline-flex;
  flex-shrink: 1;
  align-items: center;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
  color: var(--card-ink-mute);
  font-size: var(--baseloop-text-12);
  text-decoration: none;
  white-space: nowrap;
}

._site_qn7d1_66:hover {
  color: var(--baseloop-ink-faint);
  text-decoration: underline;
}

._edit_qn7d1_84 {
  display: grid;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-left: auto;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--baseloop-ink-faint);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease;
}

._card_qn7d1_17:hover ._edit_qn7d1_84,
._card_qn7d1_17:focus-within ._edit_qn7d1_84 {
  opacity: 1;
}

._edit_qn7d1_84:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 4.5%, transparent);
  color: var(--baseloop-ink);
}

._edit_qn7d1_84:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

/* No hover on touch screens: the pencil stays in view there */
@media (hover: none) {
  ._edit_qn7d1_84 {
    opacity: 1;
  }
}

/* Two lines, then "more" on the end of the second line over a fade into the card */
._description_qn7d1_124 {
  position: relative;
}

._descriptionText_qn7d1_128 {
  margin: 0;
  color: var(--baseloop-ink-secondary);
  /* The chat's reading size: 14px, less in the compact window */
  font-size: var(--chat-text, var(--baseloop-text-14));
  line-height: 1.55;
}

._description_qn7d1_124[data-clamped] ._descriptionText_qn7d1_128 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

._more_qn7d1_143 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 0 0 28px;
  border: 0;
  background: linear-gradient(to right, transparent, var(--card-ground) 24px);
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--chat-text, var(--baseloop-text-14));
  line-height: 1.55;
  cursor: pointer;
}

._more_qn7d1_143:hover {
  color: var(--baseloop-ink);
}

._more_qn7d1_143:focus-visible {
  outline: none;
  text-decoration: underline;
}

/* The ICP and the personas behind one quiet line */
._meta_qn7d1_167 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-12);
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}

._metaLabel_qn7d1_184 {
  color: var(--baseloop-ink-secondary);
  font-weight: 500;
}

._meta_qn7d1_167:hover ._metaLabel_qn7d1_184 {
  color: var(--baseloop-ink);
}

._chevron_qn7d1_193 {
  flex-shrink: 0;
  color: var(--card-ink-mute);
  transition: transform 0.15s ease;
}

._meta_qn7d1_167[aria-expanded='true'] ._chevron_qn7d1_193 {
  transform: rotate(90deg);
}

._meta_qn7d1_167:focus-visible {
  border-radius: 4px;
  outline: none;
  box-shadow: 0 0 0 1px var(--baseloop-focus);
}

._details_qn7d1_209 {
  display: grid;
  gap: 10px;
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px solid var(--baseloop-hairline);
  cursor: auto;
}

._detailLabel_qn7d1_218 {
  margin: 0 0 3px;
  color: var(--card-ink-mute);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._detailText_qn7d1_225 {
  margin: 0;
  color: var(--baseloop-ink-secondary);
  font-size: var(--chat-text, var(--baseloop-text-14));
  line-height: 1.5;
  white-space: pre-line;
}
/* A connection the chat asks for: the logo, what to do and why, then one button under the text.
   The button lines up with the text, not the logo (mock v127). */
._card_aupvu_3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 12px;
  padding: 12px;
}

._tile_aupvu_11 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-top: 2px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 12%, transparent);
}

._tile_aupvu_11 img {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}

._main_aupvu_28 {
  display: flex;
  flex: 1 1 200px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._title_aupvu_36 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
}

._line_aupvu_42 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  line-height: 1.45;
}

._actions_aupvu_48 {
  display: flex;
  flex-basis: 100%;
  gap: 6px;
  padding-left: 46px;
}

._button_aupvu_55 {
  height: 30px;
  padding: 0 10px;
  border: 0;
  background: var(--baseloop-ink);
  color: var(--baseloop-sheet);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._button_aupvu_55:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 86%, var(--baseloop-sheet));
}

._connected_aupvu_69 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

@media (max-width: 520px) {
  ._actions_aupvu_48 {
    padding-left: 0;
  }
}
/* The follow-ups that close the latest reply: a small label, then one row per follow-up, no box.
   Each row rests on a soft fill so it reads as something to press, not more of the reply; the
   fills start on the message text's edge. */
._group_nil5h_4 {
  --suggest-ink-mute: var(--baseloop-ink-faint);
  --suggest-rest: color-mix(in srgb, var(--baseloop-ink) 4%, transparent);
  --suggest-hover: color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
  margin-top: 12px;
}

._label_nil5h_11 {
  margin: 0 0 6px;
  color: var(--suggest-ink-mute);
  font-size: var(--baseloop-text-12);
  line-height: 18px;
}

/* 4px apart: with resting fills, 2px read as one striped block */
._rows_nil5h_19 {
  display: grid;
  gap: 4px;
}

._row_nil5h_19 {
  display: flex;
  align-items: center;
  min-width: 0;
  border-radius: 8px;
  background: var(--suggest-rest);
  transition: background-color 0.12s ease;
}

._row_nil5h_19:not([data-disabled]):hover {
  background: var(--suggest-hover);
}

/* The row itself sends: the glyph, the title, the message it sends after it, one line */
._send_nil5h_38 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 10px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

._send_nil5h_38:disabled {
  cursor: default;
  opacity: 0.55;
}

._send_nil5h_38:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._icon_nil5h_65 {
  flex-shrink: 0;
  color: var(--suggest-ink-mute);
}

._title_nil5h_70 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  line-height: 20px;
  text-overflow: ellipsis;
}

/* Takes only the room the title leaves, so the title stays whole until this is gone */
._description_nil5h_81 {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  line-height: 20px;
  text-overflow: ellipsis;
}

/* Edit before sending: shows with the row's hover or focus */
._edit_nil5h_92 {
  display: grid;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink-faint);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease;
}

._row_nil5h_19:hover ._edit_nil5h_92,
._row_nil5h_19:focus-within ._edit_nil5h_92 {
  opacity: 1;
}

._edit_nil5h_92:hover:not(:disabled) {
  background: var(--suggest-hover);
  color: var(--baseloop-ink);
}

._edit_nil5h_92:disabled {
  cursor: default;
}

._edit_nil5h_92:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

/* No hover on touch screens: the pencil stays in view there */
@media (hover: none) {
  ._edit_nil5h_92 {
    opacity: 1;
  }
}
/* The question card that sits on the composer while the chat waits on a choice: one frame (the
   transcript card's shell), the question leading, the options as plain rows under it, the free
   answer last. One way out of the card: the × beside the pager. */
._card_1te3c_4 {
  --q-ink-mute: var(--baseloop-ink-faint);
  --q-hover: color-mix(in srgb, var(--baseloop-ink) 4.5%, transparent);
  --q-ring: rgba(42, 32, 29, 0.12);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px;
}

._head_1te3c_16 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 8px 12px;
}

._question_1te3c_23 {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
  line-height: 1.4;
}

/* "1 of 2" in the pixel mono, between its chevrons */
._pager_1te3c_34 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  color: var(--q-ink-mute);
  font-family: var(--baseloop-font-pixel);
  font-size: var(--baseloop-text-11);
}

._pagerButton_1te3c_44,
._close_1te3c_45 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

._pagerButton_1te3c_44 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
}

._close_1te3c_45 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
}

._pagerButton_1te3c_44:hover:not(:disabled),
._close_1te3c_45:hover:not(:disabled) {
  background: var(--q-hover);
  color: var(--baseloop-ink);
}

._pagerButton_1te3c_44:disabled {
  cursor: default;
  opacity: 0.35;
}

._close_1te3c_45:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* An option: its key, its title with the description after it, and a tick once picked */
._option_1te3c_86 {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 16px;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: 10px;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s ease;
}

._option_1te3c_86:hover:not(:disabled) {
  background: var(--q-hover);
}

._option_1te3c_86:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._key_1te3c_112 {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px var(--q-ring);
  color: var(--baseloop-ink-faint);
  font-family: var(--baseloop-font-pixel);
  font-size: var(--baseloop-text-11);
  line-height: 1;
  /* The pixel digits ride high in their em box: centre the glyph, not the box */
  padding-top: 2px;
}

/* One line height for the title and the smaller description, so a wrapped description sits
   right under the title */
._text_1te3c_129 {
  min-width: 0;
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._title_1te3c_135 {
  font-weight: 500;
}

._description_1te3c_139 {
  margin-left: 6px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* Text, not colour: the row keeps its one accent for the pick */
._recommended_1te3c_146 {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 4px;
  background: var(--q-hover);
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-11);
  font-weight: 500;
  line-height: 16px;
  vertical-align: 1px;
}

._tick_1te3c_159 {
  color: var(--baseloop-accent);
  opacity: 0;
}

/* The pick, for the short settle and when paging back to an answered question */
._option_1te3c_86[data-selected],
._option_1te3c_86[data-selected]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--baseloop-accent) 7%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-accent) 35%, transparent);
}

._option_1te3c_86[data-selected] ._key_1te3c_112 {
  background: var(--baseloop-accent);
  box-shadow: none;
  color: #fff;
}

._option_1te3c_86[data-selected] ._tick_1te3c_159 {
  opacity: 1;
}

/* The free answer: under a hairline, the pencil in the keys' column so the field lines up with the titles */
._free_1te3c_182 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  padding: 6px 6px 6px 12px;
  border-top: 1px solid var(--baseloop-hairline);
}

._free_1te3c_182:first-child {
  margin-top: 0;
  border-top: 0;
}

._pencil_1te3c_196 {
  display: grid;
  flex-shrink: 0;
  width: 22px;
  place-items: center;
  color: var(--q-ink-mute);
}

._input_1te3c_204 {
  flex: 1;
  min-width: 0;
  height: 28px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

/* The caret shows focus; the global input ring and underline would box the field inside the card */
._input_1te3c_204:focus,
._input_1te3c_204:focus-visible {
  outline: none;
  box-shadow: none;
}

._input_1te3c_204::placeholder {
  color: var(--q-ink-mute);
}

/* Skip is quiet; once there is text it becomes the small ink Next or Submit */
._action_1te3c_229 {
  flex-shrink: 0;
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color 0.12s ease,
    color 0.12s ease;
}

._action_1te3c_229:hover:not(:disabled) {
  background: var(--q-hover);
  color: var(--baseloop-ink);
}

._action_1te3c_229[data-primary] {
  padding: 0 12px;
  background: var(--baseloop-ink);
  color: #fff;
}

._action_1te3c_229[data-primary]:hover:not(:disabled) {
  background: var(--baseloop-ink-secondary);
  color: #fff;
}

._action_1te3c_229:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._option_1te3c_86:focus-visible,
._pagerButton_1te3c_44:focus-visible,
._close_1te3c_45:focus-visible,
._action_1te3c_229:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}
/* A job's status (openStatusModal): confirmAction's body, footer and button */
._title_1u0qi_2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._body_1u0qi_8 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._body_1u0qi_8 p {
  margin: 0;
}

._body_1u0qi_8 p + p {
  margin-top: 6px;
}

/* A page named in the copy reads as the text it sits in, underlined */
._link_1u0qi_23 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--baseloop-ink);
  font: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 35%, transparent);
  text-underline-offset: 2px;
  cursor: pointer;
}

._link_1u0qi_23:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._footer_1u0qi_40 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

/* 30px, the redesign's 13px label */
._button_1u0qi_47 {
  padding-inline: 12px;
  font-size: var(--baseloop-text-13);
}

._button_1u0qi_47:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
/* The company profile's sections, shared by the chat's profile panel and Settings > Company
   profile: a faint label over each field, the text in ink at a reading measure, and Advanced as a
   quiet toggle rather than a bordered accordion. */
._sections_b1ozn_4 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._label_b1ozn_10 {
  display: block;
  margin: 0 0 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._text_b1ozn_18 {
  max-width: 66ch;
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 1.55;
  white-space: pre-wrap;
  text-wrap: pretty;
}

._products_b1ozn_28 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._productTitle_b1ozn_34,
._productDescription_b1ozn_35 {
  display: block;
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._productTitle_b1ozn_34 {
  color: var(--baseloop-ink);
  font-weight: 500;
}

._productDescription_b1ozn_35 {
  color: var(--baseloop-ink-soft);
  white-space: pre-wrap;
}

._advancedToggle_b1ozn_51 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._advancedToggle_b1ozn_51:hover {
  color: var(--baseloop-ink);
}

._advancedToggle_b1ozn_51:focus-visible {
  border-radius: 4px;
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

._chevron_b1ozn_75 {
  color: var(--baseloop-ink-faint);
  transition: transform 150ms ease;
}

._advancedToggle_b1ozn_51[aria-expanded='true'] ._chevron_b1ozn_75 {
  transform: rotate(180deg);
}

._advanced_b1ozn_51 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 12px;
}

._domain_b1ozn_91 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 25%, transparent);
  text-underline-offset: 2px;
}

._domain_b1ozn_91 svg {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

@media (prefers-reduced-motion: reduce) {
  ._chevron_b1ozn_75 {
    transition: none;
  }
}
/* The plan card (the feed design page, 2026-10-05): a white card on one hairline, its label
   inside, the plan's numbered steps in mono, a diagram on a quiet strip, and two buttons, a quiet
   one and the ink one. */
._card_1qy22_4 {
  --plan-ink-mute: var(--baseloop-ink-faint);
  --plan-hairline-soft: rgba(42, 32, 29, 0.055);
  --plan-hover: rgba(42, 32, 29, 0.045);
  /* Step numbers and counts in the app's pixel mono, on its 11px grid. */
  --plan-mono: var(--baseloop-font-pixel);
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px 16px 12px;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: 0 0 0 1px var(--baseloop-hairline);
}
._card_1qy22_4[data-superseded='true'] {
  opacity: 0.65;
}
._card_1qy22_4[data-collapsed='true'] {
  padding-bottom: 14px;
}

._label_1qy22_25 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: -3px 0 0 -6px;
  padding: 3px 6px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
._label_1qy22_25:hover {
  background: var(--plan-hover);
}
._label_1qy22_25:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
._chev_1qy22_48 {
  color: var(--plan-ink-mute);
  transition: transform 140ms ease;
}
._label_1qy22_25[aria-expanded='true'] > ._chev_1qy22_48 {
  transform: rotate(90deg);
}
._shimmer_1qy22_55 {
  background: linear-gradient(
    90deg,
    var(--baseloop-ink-faint) 0%,
    var(--baseloop-ink-faint) 40%,
    var(--plan-ink-mute) 50%,
    var(--baseloop-ink-faint) 60%,
    var(--baseloop-ink-faint) 100%
  );
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: _shimmer_1qy22_55 2.2s linear infinite;
}
@keyframes _shimmer_1qy22_55 {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -140% 0;
  }
}

._title_1qy22_79 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: 15px;
  font-weight: 600;
  text-wrap: balance;
}

/* The plan's own markdown, on the chat's markdown look, a step quieter. Doubled class: the chat's
   markdown styles arrive later and would win a tie. */
._body_1qy22_89._body_1qy22_89 {
  min-width: 0;
  color: var(--baseloop-ink-secondary);
  font-size: 13px;
}
._body_1qy22_89._body_1qy22_89 :is(p, li, td, th, blockquote) {
  font-size: 13px;
}
._body_1qy22_89._body_1qy22_89 :is(h1, h2, h3) {
  margin: 0 0 6px;
  color: var(--baseloop-ink);
  font-size: 15px;
  font-weight: 600;
}
._body_1qy22_89._body_1qy22_89 :is(h4, h5, h6) {
  color: var(--baseloop-ink);
  font-size: 13px;
  font-weight: 600;
}
._body_1qy22_89._body_1qy22_89 ol li::marker {
  color: var(--baseloop-ink-faint);
  font-family: var(--plan-mono);
  font-size: var(--baseloop-text-11);
}

/* A diagram or a code block in the plan: a quiet strip on the frame colour. */
._flow_1qy22_115 {
  margin: 8px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--baseloop-frame);
}
._flow_1qy22_115 > * {
  margin: 0;
}

/* What the plan covers: one quiet line under a soft hairline. */
._touches_1qy22_126 {
  display: grid;
  gap: 2px;
  padding-top: 10px;
  border-top: 1px solid var(--plan-hairline-soft);
  color: var(--baseloop-ink-faint);
  font-size: 12px;
}
._touchesHead_1qy22_134 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
._status_1qy22_140 {
  color: var(--baseloop-ink-secondary);
  font-weight: 600;
}
._provenance_1qy22_144 {
  color: var(--plan-ink-mute);
  font-family: var(--plan-mono);
  font-size: var(--baseloop-text-11);
}

._actions_1qy22_150 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._btn_1qy22_155 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
._btn_1qy22_155:disabled {
  cursor: default;
  opacity: 0.55;
}
._btn_1qy22_155:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}
._quiet_1qy22_176 {
  background: none;
  color: var(--baseloop-ink-soft);
}
._quiet_1qy22_176:hover:not(:disabled) {
  background: var(--plan-hover);
}
._primary_1qy22_183 {
  background: var(--baseloop-ink);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  ._shimmer_1qy22_55 {
    animation: none;
    background: none;
    color: var(--baseloop-ink-faint);
  }
  ._chev_1qy22_48 {
    transition: none;
  }
}
/* The strip under the sheet, centered under it (Kevin: "put it in the middle"): the strip's box is
   the sheet's width (AppLayout's .appMainBox margins: 4px right, 1px left beside the sidebar, the
   full 4px with it closed). One height, always (ASK_STRIP_HEIGHT): the tab, and 4px of paper. */
._strip_1ny02_4 {
  /* The muted ink: the faint ink token (the mock's #8a817c failed small-text contrast) */
  --ask-ink-mute: var(--baseloop-ink-faint);
  display: flex;
  flex-shrink: 0;
  min-width: 0;
  padding: 0 4px 0 max(1px, calc(4px - var(--mantine-navbar-width, 0px)));
  box-sizing: border-box;
}

._lane_1ny02_14 {
  position: relative;
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}

/* Where the tab hangs: 456px with its shoulders (less when the room is short), its top 1px over the
   sheet's edge so the sheet's ring does not run across it. */
._tabSlot_1ny02_25 {
  position: relative;
  width: min(456px, 100%);
  min-width: 0;
  margin-top: -1px;
}

/* The clock 6px right of the tab, centered in the strip like the chips: as much room above it, from
   the sheet's bottom line, as below it. */
._statusSlot_1ny02_34 {
  position: absolute;
  top: 1px;
  left: calc(100% + 6px);
  display: flex;
  align-items: center;
  height: 39px;
}

/* The ask tab: white like the sheet, above it in the stacking order, 36px tall (the control scale's
   panel step). The edge's color and width live here, so the shape's pieces follow hover, focus and
   the open card together. */
._tab_1ny02_25 {
  --tab-edge: rgba(42, 32, 29, 0.11);
  --tab-edge-width: 1px;
  position: relative;
  z-index: 1;
  height: 36px;
}

/* Hovered, or while its card is open: so it is clear where the card came from. */
._tab_1ny02_25:hover,
._tabActive_1ny02_56 {
  --tab-edge: rgba(42, 32, 29, 0.18);
}

._tab_1ny02_25:has(._tabButton_1ny02_60:focus-visible) {
  --tab-edge: var(--baseloop-focus);
}

/* The resting tab is one button: the page-aware question on the strip's middle line, with the chips'
   and the clock's text (5px more above: the tab runs up into the sheet, so its middle is the strip's). */
._tabButton_1ny02_60 {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 5px 20px 0 19px;
  color: var(--ask-ink-mute);
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._tabButton_1ny02_60:focus-visible {
  outline: none;
}

._tab_1ny02_25 > :not(._tabShape_1ny02_83) {
  position: relative;
}

._tabShape_1ny02_83 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

._tabShoulder_1ny02_93 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

._tabShoulderRight_1ny02_100 {
  right: 0;
  left: auto;
  transform: scaleX(-1);
}

._tabShoulderFill_1ny02_106 {
  fill: var(--baseloop-sheet);
}

/* The edge fades between its looks (rest, hover, the card's open edge) over 160ms. */
._tabShoulderEdge_1ny02_111 {
  fill: none;
  stroke: var(--tab-edge);
  stroke-width: var(--tab-edge-width);
  transition: stroke 160ms ease-out;
}

/* The 2px focus edge, moved half a pixel in so it stays under the sheet and meets the body's side. */
._tab_1ny02_25:has(._tabButton_1ny02_60:focus-visible) ._tabShoulderEdge_1ny02_111 {
  transform: translate(0.5px, 0.5px);
}

/* Joins the shoulders along the top: white, no edge, covering the sheet's ring across the tab. */
._tabBand_1ny02_124 {
  position: absolute;
  top: 0;
  right: 9px;
  left: 9px;
  height: 10px;
  background-color: var(--baseloop-sheet);
}

/* The body under the shoulders: the edge down its sides and along its bottom, round at the bottom. */
._tabBody_1ny02_134 {
  position: absolute;
  top: 10px;
  right: 8px;
  bottom: 1px;
  left: 8px;
  border: var(--tab-edge-width) solid var(--tab-edge);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background-color: var(--baseloop-sheet);
  transition: border-color 160ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ._tabShoulderEdge_1ny02_111,
  ._tabBody_1ny02_134 {
    transition: none;
  }
}

._fieldIcon_1ny02_154 {
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
}

._fieldText_1ny02_159 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._fieldText_1ny02_159 b {
  color: var(--baseloop-ink-faint);
  font-weight: 450;
}

/* The history clock right of the tab (ChatHistoryButton): a ghost button. */
._status_1ny02_34 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-ink-secondary);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
  cursor: pointer;
}

._status_1ny02_34:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._status_1ny02_34:hover,
._status_1ny02_34[aria-expanded='true'] {
  background-color: rgba(42, 32, 29, 0.05);
}

/* The full chat list above the clock: the float sheet the chat list uses. */
._chatsDropdown_1ny02_201 {
  display: flex;
  flex-direction: column;
  max-height: min(560px, 70vh);
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

/* The card over the table: 500px with the composer and the chat alike, so the one grows into the
   other in height only (less on a narrow sheet), centered on the tab, its bottom edge 8px above the
   sheet's. As tall as what it holds, growing to it over 150ms, anchored to the bottom and clipped
   at the top until it fits: it grows upward. */
._card_1ny02_217 {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  z-index: var(--z-chrome);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: min(500px, calc(100% - 16px));
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  transform: translateX(-50%);
  /* It rises out of the tab and sinks back into it (cardMotion.ts), from its bottom center. */
  transform-origin: bottom center;
  transition:
    height 150ms ease-out,
    border-radius 150ms ease-out,
    box-shadow 160ms ease-out;
}

._cardChat_1ny02_239 {
  border-radius: 20px;
}

/* Unpinned: a free window where it was dragged (its left and top inline), on screen whatever the
   sheet, anchored at the top so it grows down. Unpinned where it stood, it lifts: a deeper shadow
   and a 0.98 to 1 settle over 160ms, without moving. A drag follows the pointer 1:1. */
._cardFree_1ny02_246 {
  position: fixed;
  bottom: auto;
  justify-content: flex-start;
  transform: none;
  box-shadow: var(--baseloop-float-shadow-lift);
  animation: _askCardLift_1ny02_1 160ms ease-out;
}

@keyframes _askCardLift_1ny02_1 {
  from {
    transform: scale(0.98);
  }

  to {
    transform: scale(1);
  }
}

._cardFree_1ny02_246[data-dragging] {
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  ._card_1ny02_217,
  ._cardFree_1ny02_246 {
    transition: none;
    animation: none;
  }
}

._cardContent_1ny02_277 {
  flex-shrink: 0;
}

/* A new chat in the card, which is its frame. */
._cardComposer_1ny02_282 {
  display: grid;
  gap: 2px;
  padding: 8px 8px 6px;
}

/* The composer inside draws no frame of its own: the card is the frame. Its styles come in through
   emotion, prepended, so this module wins at the same specificity. */
._cardComposer_1ny02_282 [data-layout],
._cardComposer_1ny02_282 [data-layout]:focus-within {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

._suggestions_1ny02_297 {
  display: grid;
  min-width: 0;
}

/* Plain rows: icon and label, ink-soft, left-aligned, one background step on hover. */
._suggestion_1ny02_297 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._suggestion_1ny02_297:hover,
._suggestion_1ny02_297:focus-visible {
  background-color: rgba(42, 32, 29, 0.045);
  color: var(--baseloop-ink);
  outline: none;
}

._suggestionIcon_1ny02_326 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

/* A chat in the card: the header, then the chat view as tall as the conversation, up to half the
   sheet (the viewport less the 4px inset above it and the strip) and never past 560px, then it
   scrolls inside: taller, it covers the table it is about (Kevin). The same cap unpinned, so
   unpinning never resizes the card. White like the window. */
._chatCard_1ny02_335 {
  --chat-canvas: var(--baseloop-sheet);
  /* The reply composer flat on its hairline, like every other composer. */
  --chat-composer-shadow: none;
  display: grid;
  /* One column, the card's width, whatever the chat holds: an implicit column grew to the widest
     thing in the transcript (a reply's markdown table or code block, up to 800px), and the header,
     the replies and the composer were laid out that wide and cut off at the card's edge. Too wide
     a block scrolls in its own frame instead. */
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  max-height: min(calc((100dvh - 46px) * 0.5), 560px);
}

/* The chat list and the chat's title on the left; Unpin, New chat, Open as a page and Collapse on
   the right. Unpinned, it is the handle that drags the card. */
._chatCardHead_1ny02_351 {
  display: flex;
  /* A long title shrinks into its ellipsis instead of widening the card's grid column. */
  min-width: 0;
  align-items: center;
  gap: 2px;
  height: 46px;
  padding: 0 8px 0 10px;
}

._cardFree_1ny02_246 ._chatCardHead_1ny02_351 {
  cursor: grab;
  touch-action: none;
}

._cardFree_1ny02_246[data-dragging] ._chatCardHead_1ny02_351 {
  cursor: grabbing;
}

._cardFree_1ny02_246 ._chatCardHead_1ny02_351:focus-visible {
  border-radius: 20px 20px 0 0;
  outline: 1px solid var(--baseloop-focus);
  outline-offset: -2px;
}

/* The reply box: a hairline at rest, the app's one focus line (--baseloop-focus) when focused. */
._chatCard_1ny02_335 [data-layout] {
  border-color: rgba(42, 32, 29, 0.12);
}

._chatCard_1ny02_335 [data-layout]:focus-within {
  border-color: var(--baseloop-focus);
}

._chatCardSpacer_1ny02_385 {
  flex: 1;
}

/* The chat's title: small and quiet, one line, cut with an ellipsis before the buttons. */
._chatCardTitle_1ny02_390 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0 8px 0 6px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._chatCardHistory_1ny02_402,
._chatCardAction_1ny02_403 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  cursor: pointer;
}

._chatCardHistory_1ny02_402 {
  gap: 3px;
  padding: 0 6px;
}

._chatCardAction_1ny02_403 {
  width: 30px;
}

._chatCardHistory_1ny02_402:hover,
._chatCardHistory_1ny02_402[aria-expanded='true'],
._chatCardAction_1ny02_403:hover {
  background-color: rgba(42, 32, 29, 0.05);
  color: var(--baseloop-ink);
}

._chatCardHistory_1ny02_402:focus-visible,
._chatCardAction_1ny02_403:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._chatCardBody_1ny02_436 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
/* Quiet starter rows for a blank chat surface — ghost at rest, one background step on hover.
   Deliberately rows and not cards: a blank state should offer a way in without setting up a
   second thing competing with the composer for attention. */

._root_iewxr_5 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

/* Horizontal variant (the /chat welcome): hairline pills centred under the composer, ghost
   at rest, one background step on hover. Quiet on purpose: the composer is the object on that
   screen and the pills only offer a way in. */
._rootRow_iewxr_15 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

/* 30px with 8px corners and 13px words: the control scale, not a capsule */
._chip_iewxr_25 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  white-space: nowrap;
  padding: 0 12px;
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

._chip_iewxr_25:hover {
  background-color: var(--mantine-color-gray-1);
}

/* A step quieter than the list rows: the pills are secondary to the composer above them. */
._chip_iewxr_25 ._label_iewxr_43 {
  color: var(--mantine-color-gray-6);
  font-weight: var(--baseloop-weight-regular);
}

._row_iewxr_48 {
  display: flex;
  align-items: center;
  gap: 8px;
  /* Negative margin + matching extra width bleeds the hover background past the text column,
     so the row reads as a full-width target without indenting the label. */
  padding: 6px 8px;
  margin: 0 -8px;
  width: calc(100% + 16px);
  border-radius: var(--mantine-radius-sm);
  cursor: pointer;
  transition: background-color 0.12s ease;
}

._row_iewxr_48:hover {
  background-color: var(--mantine-color-gray-1);
}

._label_iewxr_43 {
  font-size: var(--baseloop-text-13);
  color: var(--mantine-color-gray-7);
  font-weight: 500;
}
._root_105eg_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px 18px 18px;
  overflow-y: auto;
}

/* Opening line from the agent. Grouped with the starter rows rather than pinned to the top:
   anchored separately it left a lone paragraph floating above the full height of the panel.
   Sitting directly above the rows it introduces, it reads as one block with them. */
._opener_105eg_12 {
  max-width: 52ch;
  margin-bottom: 12px;
}

/* Opener + starter rows sit at the TOP, where the transcript's first message will render.
   They used to be bottom-anchored with the whole body left blank above them, which in a
   full-height dock read as an empty panel rather than a calm one. Leading with them makes
   the empty state look like a thread that has started: one message, then room below it. */
._starters_105eg_21 {
  margin-bottom: 4px;
}

/* Composer block — no wrapper border/background of its own; the textarea + bottom action row
   read as one element inside ChatComposer's rounded container. `margin-top: auto` keeps it
   pinned to the bottom now that the content above is top-aligned. */
._composerWrap_105eg_28 {
  margin-top: auto;
  padding-top: 16px;
}
/* The open chats left of the ask tab (ChatChips): a row ending 6px from the tab, as wide as the
   room the strip measured, centered in the strip from the sheet's bottom line to the strip's bottom
   edge (the slot sits 1px up, over the sheet's ring), so each chip has as much room above as below. */
._rail_1ml1q_4 {
  position: absolute;
  top: 1px;
  right: calc(100% + 6px);
  display: flex;
  align-items: center;
  height: 39px;
}

._row_1ml1q_13 {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* A chip: 28px, 8px corners, the open button and its × inside one hairline. */
._chip_1ml1q_20 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid rgba(42, 32, 29, 0.11);
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  color: var(--baseloop-ink-secondary);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

._chip_1ml1q_20:hover,
._chip_1ml1q_20:focus-within,
._chip_1ml1q_20[data-active] {
  border-color: rgba(42, 32, 29, 0.2);
}

._chipOpen_1ml1q_40 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 2px 0 9px;
  border: 0;
  border-radius: 7px 0 0 7px;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

/* The keyboard ring goes round the whole chip, its × included, not just the open button. */
._chipOpen_1ml1q_40:focus-visible {
  outline: none;
}

._chip_1ml1q_20:has(._chipOpen_1ml1q_40:focus-visible),
._more_1ml1q_60:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

._chipTitle_1ml1q_65 {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* The ×, there all along so nothing shifts, seen on hover or focus. */
._chipClose_1ml1q_72 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 4px 0 2px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: none;
  color: var(--baseloop-ink-soft);
  opacity: 0;
  cursor: pointer;
}

._chip_1ml1q_20:hover ._chipClose_1ml1q_72,
._chip_1ml1q_20:focus-within ._chipClose_1ml1q_72 {
  opacity: 1;
}

._chipClose_1ml1q_72:hover {
  background-color: rgba(42, 32, 29, 0.06);
}

/* "+N": the chats that did not fit, in the pixel face the counts use. */
._more_1ml1q_60 {
  justify-content: center;
  padding: 0 9px;
  font-family: var(--baseloop-font-pixel);
  font-size: var(--baseloop-text-11);
  cursor: pointer;
}

._moreList_1ml1q_106 {
  min-width: 240px;
  max-width: 320px;
  padding: 4px;
  border: 0;
  border-radius: 12px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

._moreItem_1ml1q_116 {
  font-size: var(--baseloop-text-13);
}

._markWorking_1ml1q_120 {
  flex-shrink: 0;
  color: var(--baseloop-accent);
}

/* Orange is for "waiting for you", as in the sidebar. */
._markWaiting_1ml1q_126 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: var(--baseloop-accent);
}

._markDone_1ml1q_135,
._markOpen_1ml1q_136 {
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
}

/* Bit at work: a slow breathe, still for people who ask for less motion. */
._breathing_1ml1q_142 {
  animation: _chipBreathe_1ml1q_1 1.6s ease-in-out infinite;
}

@keyframes _chipBreathe_1ml1q_1 {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }
}

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

/* The widths are read from here: off-screen, unseen, out of the layout. */
._measure_1ml1q_164 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 6px;
  visibility: hidden;
  pointer-events: none;
}

/* No room for a chip beside the centered tab: it narrows and moves right, the clock still beside it. */
._tabCompact_1ml1q_175 {
  width: min(320px, 100%);
  margin-left: auto;
  margin-right: 46px;
}
/* The floating chat window (mock v85, v86, v92): 400 by 590, 6px above the chat bar (34px), the
   float edge and short lift every floating layer uses, the lifted shadow while it is dragged.
   White like every floating layer, and the chat inside follows (--chat-canvas), so no grey
   panel sits in it. Above the page's chrome; a modal opened
   from inside it mounts later at the same rung and covers it. Its right edge sits on the right
   edge of the tab that opened it (--chat-window-right), at least 16px from either side. */
._window_73nb0_7 {
  position: fixed;
  right: clamp(16px, var(--chat-window-right, 16px), calc(100vw - 416px));
  bottom: 40px;
  z-index: var(--z-chrome);
  display: flex;
  flex-direction: column;
  width: min(400px, calc(100vw - 32px));
  height: 590px;
  max-height: calc(100dvh - 96px);
  overflow: hidden;
  /* The floating window has the sheet's and the cards' 12px corner */
  border-radius: var(--baseloop-sheet-radius);
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  --chat-canvas: var(--baseloop-sheet);
}

._window_73nb0_7[data-dragging] {
  box-shadow: var(--baseloop-float-shadow-lift);
  user-select: none;
}

/* The header is the handle: grab anywhere but its buttons. */
._head_73nb0_31 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  height: 46px;
  padding: 0 8px 0 16px;
  cursor: grab;
  touch-action: none;
}

._window_73nb0_7[data-dragging] ._head_73nb0_31 {
  cursor: grabbing;
}

._title_73nb0_46 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._action_73nb0_57 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  cursor: pointer;
}

._action_73nb0_57:hover {
  background-color: rgba(42, 32, 29, 0.05);
  color: var(--baseloop-ink);
}

._action_73nb0_57:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._body_73nb0_78 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

/* A new chat away from a table: the question and starters on top, the composer at the foot, the
   same frame as the table chat's opener. */
._newChat_73nb0_87 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 4px 16px 16px;
  overflow-y: auto;
}

._opener_73nb0_95 {
  margin: 0 0 12px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-14);
  line-height: 1.55;
}

._newComposer_73nb0_102 {
  margin-top: auto;
  padding-top: 16px;
}
:root{--rqb-spacing: 0.5rem;--rqb-border-width: 1px;--rqb-branch-indent: var(--rqb-spacing);--rqb-branch-width: var(--rqb-border-width);--rqb-base-color: #004bb8;--rqb-background-color: color-mix(in srgb, transparent, #004bb8 20%);--rqb-border-color: #8081a2;--rqb-border-style: solid;--rqb-border-radius: 0.25rem;--rqb-dnd-drop-indicator-color: rebeccapurple;--rqb-dnd-drop-indicator-style: dashed;--rqb-dnd-drop-indicator-width: 2px;--rqb-dnd-drop-indicator-copy-color: #693;--rqb-dnd-drop-indicator-copy-style: dashed;--rqb-dnd-drop-indicator-copy-width: 2px;--rqb-dnd-drop-indicator-group-color: #369;--rqb-dnd-drop-indicator-group-style: dashed;--rqb-dnd-drop-indicator-group-width: 2px;--rqb-dnd-drop-not-allowed-cursor: not-allowed;--rqb-branch-color: var(--rqb-border-color);--rqb-branch-radius: var(--rqb-border-radius);--rqb-branch-style: var(--rqb-border-style)}.ruleGroup{display:flex;flex-direction:column;gap:var(--rqb-spacing);padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;gap:var(--rqb-spacing)}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;gap:var(--rqb-spacing);align-items:center}.ruleGroup .rule .rule-value:has(.rule-value-list-item){display:flex;gap:var(--rqb-spacing);align-items:baseline}.ruleGroup .rule.rule-hasSubQuery{flex-wrap:wrap;padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .rule.rule-hasSubQuery .ruleGroup-body{flex-basis:100%}.ruleGroup .betweenRules{display:flex}.ruleGroup .shiftActions{display:flex;flex-direction:column}.ruleGroup .shiftActions>*{padding:0}.dndOver.rule,.dndOver.ruleGroup-header{padding-bottom:var(--rqb-spacing)}.dndOver.betweenRules{padding-top:var(--rqb-spacing)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(.ruleGroup-header.dndOver){padding:var(--rqb-spacing)}.queryBuilder-branches:dir(ltr) .ruleGroup-body{margin-left:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches:dir(ltr) .rule,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 0 var(--rqb-branch-width) var(--rqb-branch-width)}.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{top:50%;height:50%;border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches:dir(ltr) .rule:last-child::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup:last-child::after{display:none}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::before,.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches:dir(ltr) .betweenRules{position:relative}.queryBuilder-branches:dir(ltr) .betweenRules::before{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches:dir(rtl) .ruleGroup-body{margin-right:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches:dir(rtl) .rule,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{content:"";width:var(--rqb-branch-indent);right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 var(--rqb-branch-width) var(--rqb-branch-width) 0}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before{top:50%;height:50%;border-width:0 var(--rqb-branch-width) 0 0}.queryBuilder-branches:dir(rtl) .rule:last-child::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup:last-child::before{display:none}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::before,.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches:dir(rtl) .betweenRules{position:relative}.queryBuilder-branches:dir(rtl) .betweenRules::after{content:"";width:var(--rqb-branch-indent);right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 var(--rqb-branch-width) 0 0}.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-lock,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-remove,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-lock,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-remove,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-lock,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-remove,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .rule-value+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .rule-value+.rule-lock,.queryBuilder-justified:dir(ltr) .rule-value+.rule-remove,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .control+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .control+.rule-lock,.queryBuilder-justified:dir(ltr) .control+.rule-remove,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-lock,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-remove,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-cloneRule,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-lock,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-remove{margin-left:auto !important}.queryBuilder-justified:dir(ltr) .ruleGroup-addRule:first-child,.queryBuilder-justified:dir(ltr) .ruleGroup-addGroup:first-child{margin-left:auto !important}.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-lock,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-remove,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-lock,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-remove,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-lock,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-remove,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .rule-value+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .rule-value+.rule-lock,.queryBuilder-justified:dir(rtl) .rule-value+.rule-remove,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .control+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .control+.rule-lock,.queryBuilder-justified:dir(rtl) .control+.rule-remove,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-lock,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-remove,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-cloneRule,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-lock,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-remove{margin-right:auto !important}.queryBuilder-justified:dir(rtl) .ruleGroup-addRule:first-child,.queryBuilder-justified:dir(rtl) .ruleGroup-addGroup:first-child{margin-right:auto !important}.ruleGroup,.rule-hasSubQuery{border-color:var(--rqb-border-color);border-style:var(--rqb-border-style);border-radius:var(--rqb-border-radius);background:var(--rqb-background-color)}.ruleGroup .shiftActions>*,.rule-hasSubQuery .shiftActions>*{background-color:rgba(0,0,0,0);border:none;cursor:pointer}.dndOver.rule,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header){border-bottom-width:var(--rqb-dnd-drop-indicator-width);border-bottom-style:var(--rqb-dnd-drop-indicator-style);border-bottom-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.rule.dndCopy,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header).dndCopy{border-bottom-width:var(--rqb-dnd-drop-indicator-copy-width);border-bottom-style:var(--rqb-dnd-drop-indicator-copy-style);border-bottom-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndOver.betweenRules{border-top-width:var(--rqb-dnd-drop-indicator-width);border-top-style:var(--rqb-dnd-drop-indicator-style);border-top-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.betweenRules.dndCopy{border-top-width:var(--rqb-dnd-drop-indicator-copy-width);border-top-style:var(--rqb-dnd-drop-indicator-copy-style);border-top-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndDropNotAllowed{cursor:var(--rqb-dnd-drop-not-allowed-cursor)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver){border-width:var(--rqb-dnd-drop-indicator-group-width);border-style:var(--rqb-dnd-drop-indicator-group-style);border-color:var(--rqb-dnd-drop-indicator-group-color);border-radius:var(--rqb-border-radius)}.dndGroup.rule.dndOver.dndCopy,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver).dndCopy{border-color:var(--rqb-dnd-drop-indicator-copy-color);border-width:var(--rqb-dnd-drop-indicator-copy-width);border-style:var(--rqb-dnd-drop-indicator-copy-style)}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}.ruleGroup.queryBuilder-disabled .queryBuilder-dragHandle,.rule.queryBuilder-disabled .queryBuilder-dragHandle{cursor:not-allowed;opacity:.5}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(ltr) .rule:last-child::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup:last-child::before{border-bottom-left-radius:var(--rqb-branch-radius)}.queryBuilder-branches:dir(ltr) .betweenRules{position:relative}.queryBuilder-branches:dir(ltr) .betweenRules::before{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(rtl) .rule:last-child::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup:last-child::after{border-bottom-right-radius:var(--rqb-branch-radius)}.queryBuilder-branches:dir(rtl) .betweenRules{position:relative}.queryBuilder-branches:dir(rtl) .betweenRules::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}

/*# sourceMappingURL=query-builder.css.map */._wrapper_16vcu_1 {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

._input_16vcu_7 {
    width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
    border-radius: var(--mantine-radius-md);
    padding: 1px 10px;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
    height: calc(1em + 12px);
}

/* 1em for the font size and 2px for the top and bottom padding */

._input_16vcu_7:hover {
        background-color: var(--mantine-color-gray-1);
    }

._input_16vcu_7:focus {
        box-shadow: none;
        background-color: var(--mantine-color-gray-1);
    }

._input_16vcu_7[data-show-required="true"] {
    box-shadow: 0 0 0 1px var(--mantine-color-red-4) inset;
    background-color: var(--mantine-color-red-0);
}

._inputRightSection_16vcu_33 {
    display: flex;
    align-items: center;
    margin-right: 10px;
}/* List container */
._listRoot_1w1qk_2 {
  max-height: 200px;
  padding: 8px;
  display: flex;
  overflow: auto;
  gap: 6px;
}

._listRootNoWrap_1w1qk_10 {
  flex-wrap: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Size variants for noWrap list */
._listRootNoWrapSm_1w1qk_17 {
  height: 29px;
  padding: 3px 6px;
}

._listRootNoWrapMd_1w1qk_22 {
  height: 38px;
  padding: 4px 8px;
}

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

._listRootWrap_1w1qk_31 {
  flex-wrap: wrap;
  height: auto;
  overflow: auto;
}

/* Wrap mode only: values longer than the container (full industry names)
   break onto extra lines inside the pill instead of overflowing the input.
   No ellipsis — these names share prefixes, so the tail is the
   distinguishing part. The noWrap variant keeps flex-shrink: 0 and
   single-line pills — it handles overflow by scrolling. */
._listRootWrap_1w1qk_31 ._listItem_1w1qk_42,
._listRootWrap_1w1qk_31 ._badgeWrapper_1w1qk_43 {
  max-width: 100%;
  min-width: 0;
}

._listRootWrap_1w1qk_31 ._badgeRoot_1w1qk_48 {
  max-width: 100%;
  height: auto;
  padding-block: 3px;
  white-space: normal;
  line-height: 1.45;
}

._listRootWrap_1w1qk_31 ._badgeRootSm_1w1qk_56 {
  min-height: 22px;
}

._listRootWrap_1w1qk_31 ._badgeRootMd_1w1qk_60 {
  min-height: 24px;
}

._listRootWrap_1w1qk_31 ._badgeInner_1w1qk_64,
._listRootWrap_1w1qk_31 ._badgeText_1w1qk_65 {
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
}

/* List item */
._listItem_1w1qk_42 {
  width: auto;
  display: flex;
  align-items: center;
  list-style: none;
  flex-shrink: 0;
}

/* Badge wrapper for overlay positioning */
._badgeWrapper_1w1qk_43 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

/* Toggle control - hidden by default, positioned before X */
._toggleControl_1w1qk_89 {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  padding: 2px;
  background: var(--baseloop-sheet);
  pointer-events: none;
  transition:
    opacity 0.15s ease,
    visibility 0.15s ease;
}

/* Prevent active state transform shift */
._toggleControl_1w1qk_89:active {
  transform: translateY(-50%);
}

._toggleControlExcluded_1w1qk_110 {
  background: color-mix(in srgb, var(--baseloop-danger) 9%, var(--baseloop-sheet));
}

/* Show toggle control on badge hover */
._badgeWrapper_1w1qk_43:hover ._toggleControl_1w1qk_89 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Exclude icon overlay - positioned at bottom-left */
._excludeIconOverlay_1w1qk_122 {
  position: absolute;
  bottom: -4px;
  left: -4px;
  color: var(--mantine-color-red-6);
  cursor: pointer;
  background: white;
  border-radius: 50%;
  z-index: 1;
}

._excludeIconOverlay_1w1qk_122:hover {
  opacity: 0.7;
}

/* Excluded text strikethrough */
._excludedText_1w1qk_138 {
  text-decoration: line-through;
  color: var(--mantine-color-gray-6);
}

/* A picked value: the column chip's look (ColumnChip, standalone): white on the card's shadow,
   8px corners, ink text, and the × a quiet 12px ink-faint icon that darkens on hover */
._badgeRoot_1w1qk_48 {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border: 0;
  border-radius: 8px;
  background: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
  font-weight: var(--baseloop-weight-regular);
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  transition: background-color 0.1s ease;
}

/* Size variants: sm fits the filter bar's 29px row, md is the chip's 24px */
._badgeRootSm_1w1qk_56 {
  height: 22px;
  padding: 0 3px 0 8px;
  border-radius: 6px;
  font-size: var(--baseloop-text-12);
}

._badgeRootMd_1w1qk_60 {
  height: 24px;
  padding: 0 3px 0 9px;
  font-size: var(--baseloop-text-13);
}

/* Without a ×, the right edge takes the left's padding */
._badgeRootSm_1w1qk_56:not(:has(.mantine-Badge-section[data-position='right'])) {
  padding-right: 8px;
}

._badgeRootMd_1w1qk_60:not(:has(.mantine-Badge-section[data-position='right'])) {
  padding-right: 9px;
}

._deleteIcon_1w1qk_186 {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  border-radius: 6px;
  color: var(--baseloop-ink-faint);
}

._deleteIcon_1w1qk_186:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 6%, transparent);
  color: var(--baseloop-ink);
}

._badgeInner_1w1qk_64 {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

._badgeLabel_1w1qk_207 {
  min-width: 0;
}

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

/* Right section for icons */
._badgeRoot_1w1qk_48 .mantine-Badge-section[data-position='right'] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}

/* Prevent ActionIcon active state transform shift */
._badgeRoot_1w1qk_48 .mantine-ActionIcon-root:active {
  transform: none;
}

/* Right section when exclusion is allowed */
._allowsExclusion_1w1qk_231 .mantine-Badge-section[data-position='right'] {
  justify-content: flex-end;
}

/* Badge that allows exclusion */
._allowsExclusion_1w1qk_231 {
  cursor: default;
}

/* Excluded badge: the danger tint a missing column wears */
._excludedBadge_1w1qk_241 {
  background: color-mix(in srgb, var(--baseloop-danger) 9%, var(--baseloop-sheet));
  color: var(--baseloop-danger);
}

/* Remaining count badge */
._remainingBadge_1w1qk_247 {
  color: var(--baseloop-ink-faint);
}

/* Delete icon when excluded */
._deleteIconExcluded_1w1qk_252,
._deleteIconExcluded_1w1qk_252:hover {
  color: var(--baseloop-danger);
}
/* DynamicMultiSelectDropdown - Notion-like clean aesthetic */

._container_1s6er_3 {
  position: relative;
}

._trigger_1s6er_7 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 30px;
  padding-right: 30px;
  background: var(--mantine-color-white);
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 100ms ease;
  overflow: hidden;
}

._triggerFocused_1s6er_21 {
  border-color: var(--baseloop-focus);
}

._triggerError_1s6er_25 {
  border-color: var(--mantine-color-red-6);
}

._placeholder_1s6er_29 {
  padding-left: 12px;
  font-size: var(--baseloop-text-13);
  color: var(--mantine-color-placeholder);
}

._placeholderError_1s6er_35 {
  color: var(--mantine-color-red-6);
}

._addButton_1s6er_39 {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  background: var(--mantine-color-white);
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 60ms ease;
}

._addButton_1s6er_39:hover {
  background: var(--mantine-color-gray-0);
}

._addButtonIcon_1s6er_60 {
  color: var(--mantine-color-gray-6);
}

._errorText_1s6er_64 {
  margin-top: 4px;
  font-size: 12px;
  color: var(--mantine-color-red-6);
}

/* Dropdown styles */
._searchInput_1s6er_71 {
  padding: 10px 12px;
  font-size: var(--font-size-compact);
  border: none;
  background: transparent;
}

._searchInput_1s6er_71:focus {
  outline: none;
  box-shadow: none;
}

._sectionHeader_1s6er_83 {
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--mantine-color-gray-5);
  text-transform: uppercase;
}

._optionsList_1s6er_91 {
  max-height: 300px;
  overflow-y: auto;
  padding: 4px 0;
}

._optionItem_1s6er_97 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 60ms ease;
  text-align: left;
}

._optionItem_1s6er_97:hover {
  background: var(--mantine-color-gray-0);
}

._optionItemSelected_1s6er_114 {
  background: var(--mantine-color-gray-1);
}

._optionIcon_1s6er_118 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._optionLabel_1s6er_127 {
  flex: 1;
  font-size: var(--font-size-compact);
  font-weight: var(--baseloop-weight-regular);
  color: var(--mantine-color-gray-8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._loadingState_1s6er_137 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
}

._loadingText_1s6er_145 {
  font-size: var(--font-size-compact);
  color: var(--mantine-color-gray-6);
}

._divider_1s6er_150 {
  border-color: var(--mantine-color-gray-2);
  margin: 0;
}
/* The trigger: a hairline field with the column's icon and name and a faint chevron. */
._trigger_7k1gb_2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* The height of the app's compact (xs) inputs, so it lines up with the selects beside it */
  height: 30px;
  padding: 0 8px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(42, 32, 29, 0.14);
  /* Its own fill, as the inputs beside it, so it reads the same on a tinted surface */
  background-color: var(--baseloop-sheet);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._trigger_7k1gb_2[data-placeholder] {
  color: var(--baseloop-ink-faint);
}

._trigger_7k1gb_2:hover:not(:disabled),
._trigger_7k1gb_2[aria-expanded='true'] {
  box-shadow: inset 0 0 0 1px rgba(42, 32, 29, 0.24);
}

._trigger_7k1gb_2:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._chevron_7k1gb_31 {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--baseloop-ink-faint);
}

/* The list: the app's floating surface (a 4px inset, 10px corners, the float shadow), as every
   menu. Mantine's search margins assume that inset, so the search runs edge to edge over it. */
._dropdown_7k1gb_39 {
  padding: 4px;
  border: 0;
  border-radius: 10px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

/* The list on its own (ColumnList): the dropdown's 4px inset on the surface around it. Mantine sizes
   the search from the dropdown's padding variable, which only a dropdown sets, so this sets it too and
   the search runs edge to edge the same way. A little more room for rows. */
._list_7k1gb_50 {
  --combobox-padding: 4px;
  max-width: 100%;
  padding: 4px;
}

._list_7k1gb_50 ._options_7k1gb_56 {
  max-height: 320px;
}

/* The search: no box of its own, a hairline under it; it keeps the hairline when focused. The
   theme's Input rule paints every focused input's border gray.4 with a four-part selector, which
   drew a dark line here; !important keeps this field's hairline. */
._search_7k1gb_63,
._search_7k1gb_63._search_7k1gb_63:focus,
._search_7k1gb_63._search_7k1gb_63:focus-visible,
._search_7k1gb_63._search_7k1gb_63[data-focused] {
  height: 30px;
  border: 0;
  border-bottom: 1px solid var(--baseloop-hairline) !important;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._options_7k1gb_56 {
  max-height: 240px;
  overflow-y: auto;
}

._option_7k1gb_56 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._check_7k1gb_88 {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--baseloop-ink-soft);
}

._icon_7k1gb_94 {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._name_7k1gb_100 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* The filter: rows that read as sentences ("Where Company is Acme", "and Country is France"), one
   control look, each row's actions behind a ⋯. react-querybuilder's own sheet still draws the
   drag-and-drop markers; these set them in the app's ink. */
._filter_y6rpz_4 {
  --rqb-spacing: 6px;
  --rqb-dnd-drop-indicator-color: var(--baseloop-ink-soft);
  --rqb-dnd-drop-indicator-copy-color: var(--baseloop-ink-soft);
  --rqb-dnd-drop-indicator-group-color: var(--baseloop-ink-soft);
  --rqb-dnd-drop-indicator-width: 1px;
  --rqb-dnd-drop-indicator-copy-width: 1px;
  --rqb-dnd-drop-indicator-group-width: 1px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

/* Every group, the root included: no box of its own */
._filter_y6rpz_4 .ruleGroup {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* A group's rows: the word that joins each one ("Where", "and") in a fixed column, the row beside it */
._filter_y6rpz_4 .ruleGroup .ruleGroup-body {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 6px 8px;
}

/* A long filter scrolls inside the popover. The scroll box reaches 6px past the rows on each side,
   so the "and" pill's fill and the focus rings are not cut at its edge. */
._filter_y6rpz_4 .queryBuilder > .ruleGroup > .ruleGroup-body {
  max-height: 350px;
  margin-inline: -6px;
  padding-inline: 6px;
  overflow-y: auto;
}

._filter_y6rpz_4 .betweenRules {
  display: flex;
  align-items: center;
}

/* Before a group, the word sits on the group's first row, not its middle */
._filter_y6rpz_4 .betweenRules:has(+ .ruleGroup) {
  align-self: start;
  padding-top: 8px;
}

._filter_y6rpz_4 .ruleGroup .rule {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

/* A group inside the filter: slightly inset, on a faint fill inside a hairline */
._filter_y6rpz_4 .ruleGroup .ruleGroup {
  padding: 8px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--baseloop-ink) 2.5%, var(--baseloop-sheet));
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

/* A group's header holds its Add filter and its ⋯: under its rows */
._filter_y6rpz_4 .ruleGroup .ruleGroup-header {
  display: flex;
  order: 1;
  align-items: center;
  gap: 4px;
}

/* The root's header is empty while its Add buttons sit in the popover's footer */
._filter_y6rpz_4 .queryBuilder > .ruleGroup > .ruleGroup-header:empty {
  display: none;
}

._where_y6rpz_83,
._joinWord_y6rpz_84 {
  color: var(--baseloop-ink-faint);
  line-height: 30px;
}

/* The second row's word: picks the group's "and" or "or" */
._joinPick_y6rpz_90 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 26px;
  margin-left: -6px;
  padding: 0 6px;
  border-radius: 6px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._joinPick_y6rpz_90:hover,
._joinPick_y6rpz_90[aria-expanded='true'] {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}

/* The row's drag handle and ⋯: there while the row is hovered or focused, or its menu is open */
._dragHandle_y6rpz_109 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 30px;
  color: var(--baseloop-ink-faint);
  opacity: 0;
  cursor: grab;
}

/* 30px like the fields beside it, 8px corners */
._rowMenu_y6rpz_122 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-left: auto;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  opacity: 0;
}

._rowMenu_y6rpz_122:hover,
._rowMenu_y6rpz_122[aria-expanded='true'] {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}

._rowMenu_y6rpz_122:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._filter_y6rpz_4 .rule:hover > ._dragHandle_y6rpz_109,
._filter_y6rpz_4 .rule:focus-within > ._dragHandle_y6rpz_109,
._filter_y6rpz_4 .rule:hover > ._rowMenu_y6rpz_122,
._filter_y6rpz_4 .rule:focus-within > ._rowMenu_y6rpz_122,
._filter_y6rpz_4 .ruleGroup .ruleGroup:hover > .ruleGroup-header > ._dragHandle_y6rpz_109,
._filter_y6rpz_4 .ruleGroup .ruleGroup:focus-within > .ruleGroup-header > ._dragHandle_y6rpz_109,
._filter_y6rpz_4 .ruleGroup .ruleGroup:hover > .ruleGroup-header > ._rowMenu_y6rpz_122,
._filter_y6rpz_4 .ruleGroup .ruleGroup:focus-within > .ruleGroup-header > ._rowMenu_y6rpz_122,
._rowMenu_y6rpz_122[aria-expanded='true'] {
  opacity: 1;
}

/* Every field, condition and value control: 30px, 13px, 8px corners, the column picker's look.
   Mantine's sizes set their own height and type through variables; these win over them. */
._control_y6rpz_159 {
  height: 30px;
  min-height: 30px;
  border-radius: 8px;
  font-size: var(--baseloop-text-13);
}

/* The one chevron, down, faint */
._controlChevron_y6rpz_167 {
  color: var(--baseloop-ink-faint);
}

/* Add filter, Add group: quiet text buttons */
._addAction_y6rpz_172 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._addAction_y6rpz_172:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}

._addAction_y6rpz_172:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* A filter with no rows yet: one quiet line where they will go, across both columns */
._filter_y6rpz_4 ._empty_y6rpz_194 {
  grid-column: 1 / -1;
  padding: 4px 0;
}

/* Tags input styles */
._tagsTrigger_y6rpz_200 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 30px;
  min-width: 150px;
  max-width: 250px;
  padding-right: 30px;
  background: var(--baseloop-sheet);
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 100ms ease;
  overflow: hidden;
}

._tagsTriggerFocused_y6rpz_216 {
  border-color: var(--baseloop-focus);
}

._tagsPlaceholder_y6rpz_220 {
  padding-left: 12px;
  font-size: var(--baseloop-text-13);
  color: var(--baseloop-ink-faint);
}

._tagsSearchInput_y6rpz_226 {
  padding: 10px 12px;
  font-size: var(--font-size-compact);
  border: none;
  background: transparent;
}

._tagsSearchInput_y6rpz_226:focus {
  outline: none;
  box-shadow: none;
}

._tagsList_y6rpz_238 {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
}

._tagItem_y6rpz_250 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px 4px 10px;
  background: var(--mantine-color-gray-0);
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--font-size-compact);
  color: var(--mantine-color-gray-7);
}

._tagDeleteButton_y6rpz_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--mantine-color-gray-5);
  border-radius: var(--mantine-radius-xs);
}

._tagDeleteButton_y6rpz_262:hover {
  background: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-7);
}

._tagsEmptyHint_y6rpz_279 {
  padding: 8px 12px;
  font-size: 12px;
  color: var(--mantine-color-gray-5);
}

._tagsDivider_y6rpz_285 {
  border-color: var(--mantine-color-gray-2);
  margin: 0;
}
/* Clears every picked value: a quiet ink-soft text button at the field's right, centred on the
   input line. It reads as a control, not as a disabled ghost. */
._wrap_6fy7w_3 {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

._clear_6fy7w_10 {
  padding: 2px 6px;
  border-radius: 6px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  line-height: 18px;
}

._clear_6fy7w_10:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  color: var(--baseloop-ink);
}

._clear_6fy7w_10:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
/* An option in an action dropdown, on the app's floating-list row (the theme sets its height and
   inset): the icon, the name on one line, an optional faint second line, credits as a quiet chip */
._root_1x59m_3 {
  flex: 1;
  min-width: 0;
}

._row_1x59m_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

._main_1x59m_16 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._icon_1x59m_24 {
  display: flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._text_1x59m_30 {
  min-width: 0;
}

._label_1x59m_34 {
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._description_1x59m_43 {
  display: -webkit-box;
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  line-height: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

._credits_1x59m_53 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  height: 18px;
  padding: 0 6px;
  border-radius: 5px;
  background-color: var(--baseloop-bubble);
  color: var(--baseloop-ink-soft);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

._credits_1x59m_53 svg {
  color: var(--baseloop-ink-faint);
}

._check_1x59m_71 {
  display: none;
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
}

[data-checked] ._check_1x59m_71 {
  display: block;
}

._typeValue_1x59m_81 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--baseloop-ink);
}

._typeValueText_1x59m_88 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._typeValue_1x59m_81 svg {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

/* The row sits under the options like a list footer: a hairline across the list above it */
.mantine-Select-option:has(> ._typeValue_1x59m_81) {
  position: relative;
  margin-top: 9px;
}

.mantine-Select-option:has(> ._typeValue_1x59m_81)::before {
  content: '';
  position: absolute;
  top: -6px;
  right: -4px;
  left: -4px;
  border-top: 1px solid var(--baseloop-hairline);
}

/* Alone (nothing matched the search), the option is the list's empty state: a centered message,
   a hairline, then the action, which alone takes the hover band */
.mantine-Select-option:has(> ._typeValueAlone_1x59m_117) {
  display: block;
  margin-top: 0;
  padding: 0;
  background-color: transparent !important;
}

.mantine-Select-option:has(> ._typeValueAlone_1x59m_117)::before {
  display: none;
}

._typeValueAlone_1x59m_117 ._typeValue_1x59m_81 {
  padding: 5px 8px;
  border-radius: 6px;
}

.mantine-Select-option:hover > ._typeValueAlone_1x59m_117 ._typeValue_1x59m_81,
.mantine-Select-option[data-combobox-selected] > ._typeValueAlone_1x59m_117 ._typeValue_1x59m_81 {
  background-color: var(--baseloop-hover);
}
/* Wrapper - Clean border with subtle focus state */
._wrapper_1bmq0_2 {
  border-radius: var(--mantine-radius-md);
  transition: box-shadow 0.15s ease;
}

._wrapperFocused_1bmq0_7 {
  box-shadow: 0 0 0 1px var(--baseloop-focus);
}

._wrapperBlurred_1bmq0_11 {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-3);
}

._wrapperBlurred_1bmq0_11:hover {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-4);
}

/* Container - Clean white background */
._container_1bmq0_20 {
  display: flex;
  flex-direction: column;
  border-radius: var(--mantine-radius-md);
  background-color: var(--mantine-color-white);
  min-height: 36px;
}

/* Value container - Selected tags area */
._valueContainer_1bmq0_29 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

._valueContainerFocused_1bmq0_36 {
  cursor: text;
}

._valueContainerBlurred_1bmq0_40 {
  cursor: pointer;
}

/* Autocomplete input - Borderless, clean */
._autocompleteInput_1bmq0_45 {
  border: none !important;
  background: transparent;
  font-size: var(--baseloop-text-13);
}

._autocompleteInput_1bmq0_45:focus {
  box-shadow: none !important;
  outline: none;
}

._autocompleteInputError_1bmq0_56::placeholder {
  color: var(--mantine-color-red-6);
}

._autocompleteInputNormal_1bmq0_60::placeholder {
  color: var(--mantine-color-placeholder);
}

/* Icon states */
._iconError_1bmq0_65 {
  color: var(--mantine-color-red-6);
}

._iconNormal_1bmq0_69 {
  color: var(--mantine-color-gray-5);
}

/* The hint ("Loading...", "Press Enter to add") is a disabled option so it cannot be picked; Mantine fades
   disabled options to 35%, while Mantine 6 showed this message at full strength. */
._option_1bmq0_75[data-combobox-disabled] {
  opacity: 1;
  cursor: default;
}
/* Not named addButton: no panel rule should restyle it as a slot row */
._addRow_2zfm9_2 {
  align-self: flex-start;
  height: 28px;
  padding: 0 8px;
  margin-top: 4px;
  border: 0;
  border-radius: 6px;
  background-color: transparent;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._addRow_2zfm9_2:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}
._itemContainer_15mjx_1 {
  width: 100%;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
  margin-bottom: 6px;
  border-radius: 6px;
}

._flexibleItem_15mjx_14 {
  border: 1px solid rgba(42, 32, 29, 0.14);
  border-radius: 8px;
}

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

._itemTitle_15mjx_24 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  line-height: 18px;
}

._flexColumn_15mjx_31 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._stackContent_15mjx_37 {
  padding: 8px 10px;
}

._flexibleContent_15mjx_41 {
  padding: 2px 10px 10px;
  background-color: var(--baseloop-sheet);
  border-radius: 0 0 8px 8px;
}

._nonFlexibleContent_15mjx_47 {
  padding: 0;
}

/* An item's header: a plain row on the card's own white, the chevron, the name and a quiet remove */
._collapsibleHeader_15mjx_52 {
  min-height: 34px;
  padding: 4px 6px 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
}

._collapsibleHeader_15mjx_52[data-expanded] {
  border-radius: 8px 8px 0 0;
}

._collapsibleHeader_15mjx_52:hover {
  background-color: rgba(42, 32, 29, 0.03);
}

._removeButton_15mjx_68 {
  background-color: transparent;
  color: var(--baseloop-ink-faint);
}

._removeButton_15mjx_68:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}

._collapseIcon_15mjx_78 {
  flex-shrink: 0;
  transition: transform 0.2s ease;
  color: var(--baseloop-ink-faint);
}

._collapseIcon_15mjx_78._expanded_15mjx_84 {
  transform: rotate(90deg);
}
._container_1wcai_1 {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

._containerWithItems_1wcai_7 {
  border: 1px solid var(--mantine-color-gray-2);
}

/* The list's size after its label: quiet, in figures that do not shift */
._count_1wcai_12 {
  color: var(--baseloop-ink-faint);
  font-weight: var(--baseloop-weight-regular);
  font-variant-numeric: tabular-nums;
}

._headerRow_1wcai_18 {
  padding: 6px 12px;
  background-color: var(--mantine-color-gray-0);
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

._headerLabel_1wcai_24 {
  flex: 1;
  min-width: 0;
  font-weight: 500;
  font-size: 11px;
  color: var(--mantine-color-gray-5);
}

._row_1wcai_32 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--mantine-color-gray-1);
  background-color: var(--mantine-color-white);
  transition: background-color 0.1s ease;
}

/* The list's last row: the box's own edge closes it (the add button sits under the box) */
._row_1wcai_32:last-child,
._customRow_1wcai_41:last-child {
  border-bottom: 0;
}

._row_1wcai_32:hover {
  background-color: var(--mantine-color-gray-0);
}

._customRow_1wcai_41 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--mantine-color-gray-1);
  background-color: var(--mantine-color-white);
  transition: background-color 0.1s ease;
}

._customRow_1wcai_41:hover {
  background-color: var(--mantine-color-gray-0);
}

._customRow_1wcai_41:hover ._deleteButton_1wcai_60 {
  opacity: 1;
}

._duplicateRow_1wcai_64 {
  background-color: var(--mantine-color-red-0);
}

._duplicateRow_1wcai_64:hover {
  background-color: var(--mantine-color-red-1);
}

._labelGroup_1wcai_72 {
  flex: 0 0 200px;
  min-width: 200px;
}

._fieldLabel_1wcai_77 {
  color: var(--mantine-color-gray-7);
  font-weight: 500;
  font-size: var(--font-size-compact);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dropdownContainer_1wcai_86 {
  flex: 1.5;
  min-width: 0;
}

/* A typed value: the editor keeps room at its end for the button back to the column picker. The
   panel's one-line editor rule sets the padding with !important at four classes; this one has five */
._typedValue_1wcai_93 {
  position: relative;
}

._typedValue_1wcai_93._typedValue_1wcai_93._typedValue_1wcai_93 .mantine-RichTextEditor-root .ProseMirror {
  padding-right: 34px !important;
}

/* Centered on a one-line value: the field starts 2px into the box (the label row's gap) and is 35px
   tall, so 2 + (35 - 22) / 2 */
._pickColumn_1wcai_103 {
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 1;
}

._customTargetContainer_1wcai_110 {
  flex: 1;
  min-width: 0;
}

._deleteButton_1wcai_60 {
  opacity: 0.4;
  transition: opacity 0.15s ease;
  margin-top: 9px;
}

._deleteButton_1wcai_60:hover {
  opacity: 1;
}

/* The two column pickers, the "/" menu in text inputs (FieldList) and the column dropdown
   (FieldPathSelect), on one look: the app's floating surface, as every menu and Select list
   (mantine.config.ts). The search runs edge to edge over it, the rows sit in the 4px inset. */
._dropdown_qg2po_4 {
  border: 0;
  border-radius: 10px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  overflow: hidden;
}

._panel_qg2po_12 {
  display: flex;
  flex-direction: column;
  max-height: 360px;
}

._slashMenu_qg2po_18 {
  min-width: 300px;
  max-width: 460px;
}

/* The search: no box of its own, a hairline under it, as the column picker's */
._search_qg2po_24 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
  cursor: text;
}

/* The global input:focus-visible ring (global.tsx) outranks a single class; the row's hairline is
   the only edge this field has, focused or not */
._searchInput_qg2po_38,
._searchInput_qg2po_38:focus,
._searchInput_qg2po_38:focus-visible {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._searchInput_qg2po_38::placeholder {
  color: var(--baseloop-ink-faint);
}

._list_qg2po_56 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  padding: 4px;
  overflow-y: auto;
}

/* Nothing in the list shrinks: it scrolls instead */
._list_qg2po_56 > * {
  flex-shrink: 0;
}

/* A column and its open fields (and, in a grouped list, the group's label above it) */
._option_qg2po_72 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* A row: 13px ink on an 18px line, 28px tall, a warm grey step on hover. The picked row carries a
   check, never a fill, so a hovered row next to it stays a separate band. */
._row_qg2po_80 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
}

._row_qg2po_80:hover,
._row_qg2po_80:focus-visible,
._row_qg2po_80[data-active] {
  outline: none;
  background-color: var(--baseloop-hover);
}

/* The "/" menu moves one active row with the keys and the pointer; a row the pointer rests on
   after the keys moved on is not a second band */
._list_qg2po_56[data-roving] ._row_qg2po_80:hover:not([data-active]) {
  background-color: transparent;
}

._row_qg2po_80[data-static] {
  cursor: default;
}

._row_qg2po_80[data-disabled] {
  opacity: 0.5;
}

/* Nested rows sit tighter: 6px between the chevron, the type icon and the name */
._node_qg2po_114 {
  gap: 6px;
}

._indent_qg2po_118 {
  flex-shrink: 0;
}

._chevron_qg2po_122,
._icon_qg2po_123 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  color: var(--baseloop-ink-faint);
}

._chevron_qg2po_122[data-toggle] {
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
}

._chevron_qg2po_122[data-toggle]:hover {
  background-color: rgba(42, 32, 29, 0.07);
  color: var(--baseloop-ink);
}

._text_qg2po_143 {
  flex: 1;
  min-width: 0;
}

._labelLine_qg2po_148 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

._hint_qg2po_155 {
  display: flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._label_qg2po_148,
._example_qg2po_162,
._snippet_qg2po_163,
._nodeLabel_qg2po_164 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._nodeLabel_qg2po_164 {
  flex-shrink: 0;
  max-width: 180px;
}

._example_qg2po_162 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._snippet_qg2po_163 {
  flex: 1;
  min-width: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  text-align: right;
}

._check_qg2po_189 {
  flex-shrink: 0;
  color: var(--baseloop-ink-soft);
}

/* The count and chevron on an expandable column: one quiet pill that opens the column's fields
   (the row itself picks the column) */
._expand_qg2po_196 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 5px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  cursor: pointer;
}

._expand_qg2po_196:hover {
  background-color: rgba(42, 32, 29, 0.07);
  color: var(--baseloop-ink);
}

._info_qg2po_213 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._groupLabel_qg2po_222 {
  padding: 6px 8px 2px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._loading_qg2po_229 {
  align-items: center;
  padding: 16px 0;
}

/* Create a column: a footer row under a hairline, in the list's own row style */
._create_qg2po_235 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 12px;
  border-top: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._create_qg2po_235:hover:not(:disabled) {
  background-color: rgba(42, 32, 29, 0.035);
}

._create_qg2po_235 svg {
  color: var(--baseloop-ink-faint);
}
._container_2nrln_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._filterGroup_2nrln_7 {
  padding: 10px 12px;
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 6px;
  background: var(--mantine-color-white);
}

._conditionStack_2nrln_14 {
  padding: 6px 0;
}

._conditionStack_2nrln_14:first-child {
  padding-top: 0;
}

._conditionStack_2nrln_14:last-child {
  padding-bottom: 0;
}

._combinatorLabel_2nrln_26 {
  display: flex;
  align-items: center;
  padding: 2px 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--mantine-color-gray-5);
  margin: 4px 0;
}

._orSeparator_2nrln_36 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 0;
}

._orSeparator_2nrln_36::before,
._orSeparator_2nrln_36::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--mantine-color-gray-2);
}

._orLabel_2nrln_51 {
  font-size: 11px;
  font-weight: 500;
  color: var(--mantine-color-gray-5);
}

._actionButtons_2nrln_57 {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

._filterInput_2nrln_63 {
  min-height: 32px;
  height: auto;
  border-radius: 6px;
  font-size: var(--font-size-compact);
}

._noValueText_2nrln_70 {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 4px;
  font-style: italic;
}

/* A picked filter value: the column chip's look at the compact field's size (22px, 6px corners),
   white on the card's shadow, ink text and a quiet ink-faint × that darkens on hover */
._multiValue_2nrln_80 {
  max-width: 150px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 0 2px 0 8px;
  margin: 2px 6px 2px 0;
  border-radius: 6px;
  background: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
  line-height: 1;
}

._multiValueLabel_2nrln_95 {
  max-width: 116px;
}

._multiValue_2nrln_80 .mantine-CloseButton-root {
  border-radius: 6px;
  color: var(--baseloop-ink-faint);
}

._multiValue_2nrln_80 .mantine-CloseButton-root:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 6%, transparent);
  color: var(--baseloop-ink);
}

._searchInput_2nrln_109 {
  border: none;
  background: transparent;
  height: auto;
  min-height: 0;
  padding: 0 4px;
  font-size: var(--font-size-compact);
}

._searchInput_2nrln_109:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

/* The field gives its line to the box around it and the picked values: the app's focus line */
._filterInput_2nrln_63:focus-within {
  outline: 1px solid var(--baseloop-focus);
}

._providerIcon_2nrln_129 {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  opacity: 0.8;
}

._clearIcon_2nrln_136 {
  cursor: pointer;
  color: var(--mantine-color-gray-4);
  transition: color 0.15s ease;
}

._clearIcon_2nrln_136:hover {
  color: var(--mantine-color-gray-6);
}

._deleteButton_2nrln_146 {
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

._deleteButton_2nrln_146:hover {
  opacity: 1;
}

._deleteGroupButton_2nrln_155 {
  margin-left: auto;
  color: var(--mantine-color-gray-5);
}
/* A hairline figure on the sheet: its lines in the drawing greys, its one bright stroke in the
   brand orange, its plates filled with what it sits on (--figure-plate, the sheet by default). */
._figure_1cxif_3 {
  --hairline-plate: var(--figure-plate, var(--baseloop-sheet));
  --hairline-hi: var(--baseloop-accent);
  --hairline-edge: var(--baseloop-drawing-edge);
  --hairline-mid: var(--baseloop-drawing-mid);
  --hairline-lo: var(--baseloop-drawing-lo);

  width: 100%;
}

/* Linear's empty-state look: the subject in ink, its echoes fading through three greys, a line
   about 1.5px at the drawn size, no orange */
._minimal_1cxif_15 {
  --hairline-hi: var(--baseloop-ink);
  --hairline-edge: var(--baseloop-ink-faint);
  --hairline-mid: var(--baseloop-drawing-edge);
  --hairline-lo: var(--baseloop-drawing-mid);
  --hairline-stroke: 1.5;
}
._content_1t7os_1 {
  display: flex;
  flex-direction: column;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}

._compact_1t7os_11 {
  padding: 0;
}

._inCard_1t7os_15 {
  padding: 40px;
}

/* A page with nothing on it: the frame takes the height left under the page's header and intro
   line (its host is a flex column; any other host leaves it at its own height), and the space
   above and below the block parts 42 to 58, which puts the block's middle about 45% of the way
   down at the heights pages have, the optical centre. Never under 48px either side: a short
   window keeps the block clear of the header and scrolls instead. */
._pageFrame_1t7os_24 {
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: flex-start;
}

._pageFrame_1t7os_24::before,
._pageFrame_1t7os_24::after {
  min-height: 48px;
  content: '';
}

._pageFrame_1t7os_24::before {
  flex: 42 1 0;
}

._pageFrame_1t7os_24::after {
  flex: 58 1 0;
}

/* The figure at the width hairline's figures are drawn to read at */
._figure_1t7os_45 {
  width: 240px;
  max-width: 100%;
  margin-bottom: -6px;
}

/* The minimal look, drawn small over the title */
._minimalPage_1t7os_52 {
  width: 160px;
}

._minimalPanel_1t7os_56 {
  width: 120px;
}

._text_1t7os_60 {
  margin: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  text-wrap: balance;
}

._description_1t7os_68 {
  max-width: 340px;
  margin: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  line-height: 1.5;
  text-wrap: pretty;
}

/* Under a figure the words read at the 404's sizes: a short ink title, one plain line */
._drawn_1t7os_78 {
  gap: 6px;
}

._drawn_1t7os_78 ._text_1t7os_60 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
}

._drawn_1t7os_78 ._description_1t7os_68 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.55;
}

._action_1t7os_94 {
  margin-top: 10px;
}
._gateContainerBase_e079n_1 {
  display: flex;
  width: 100%;
  min-height: 200px; /* Ensure the container has some min height */
}

._gateContainerHiddenDetailed_e079n_7 {
  justify-content: center;
  align-items: center;
  padding: var(--mantine-spacing-md);
}

._gateContainerHiddenCompact_e079n_13 {
  align-items: flex-start;
  padding: var(--mantine-spacing-sm);
}

/* Classes for buttonPosition */
._justifyStart_e079n_19 {
  justify-content: flex-start;
}

._justifyCenter_e079n_23 {
  justify-content: center;
}

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

/* Flat warm off-white upsell surface, as InfoCard's. */
._promptCard_e079n_32 {
  max-width: 350px;
  width: 100%;
  background: var(--upsell-surface);
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-md);
  padding: var(--mantine-spacing-lg);
}

._lockTile_e079n_41 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-gray-0);
  border: 1px solid var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-6);
}

._gateRoot_e079n_54 {
  position: relative;
}

._disabledContent_e079n_58 {
  opacity: 0.7;
  filter: grayscale(100%);
}

._overlayContainer_e079n_63 {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background is set dynamically in component for theme awareness */
}

/* The card genuinely floats over the dimmed content here, so it takes the float shadow, whose
   ring stands in for its border. The inline (hideContentWhenLocked) variant stays flat: it isn't
   floating. */
._overlayContainer_e079n_63 ._promptCard_e079n_32 {
  border-color: transparent;
  box-shadow: var(--baseloop-float-shadow);
}

._compactButtonOverlayWrapper_e079n_80 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-start;
  padding: var(--mantine-spacing-sm);
}
/* Every tooltip, as Linear draws them: a white card with a hairline ring and a short lift, ink
   text at 13px. A tooltip that passes its own colour (the red "must be unique" ones) keeps it:
   Mantine sets that colour inline, over these variables. */
._tooltip_n3usz_4 {
  --tooltip-bg: var(--baseloop-sheet);
  --tooltip-color: var(--baseloop-ink);
  --tooltip-radius: 8px;

  padding: 5px 9px;
  border: 0;
  box-shadow: var(--baseloop-float-shadow);
  font-size: var(--baseloop-text-13);
  line-height: 1.45;
}

/* No arrows: the card's ring and lift already say where it came from */
._arrow_n3usz_17 {
  display: none;
}

/* Rich content: one line each, an optional bold verb first, an optional key chip last */
._lines_n3usz_22 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._line_n3usz_22 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  white-space: nowrap;
}

._verb_n3usz_35 {
  font-weight: 600;
}

._keys_n3usz_39 {
  display: inline-flex;
  gap: 3px;
  margin-left: 4px;
}

/* A key, as the sidebar's Search shows ⌘K: a small hairline chip in the soft ink */
._key_n3usz_39 {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
  border-radius: 4px;
  background: var(--baseloop-sheet);
  color: var(--baseloop-ink-soft);
  font-family: inherit;
  font-size: var(--baseloop-text-11);
  font-weight: 500;
  line-height: 1;
}
/* A main-sidebar row: the icon in a 20px box 8px in from the row's edge, then the label. */
._row_13iz3_2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: var(--baseloop-row-height);
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-rail-ink);
  font-size: var(--baseloop-text-13);
  /* Sidebar labels at 500, as in Linear; the current row differs by colour, icon and edge bar */
  font-weight: 500;
  white-space: nowrap;
  transition:
    color 180ms ease,
    background-color 120ms ease;
}

._row_13iz3_2:hover {
  background-color: var(--baseloop-hover);
}

._row_13iz3_2:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._icon_13iz3_30 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--baseloop-rail-icon);
  transition: color 180ms ease;
}

._icon_13iz3_30 svg {
  width: 16px;
  height: 16px;
}

/* The current row: orange icon, deeper orange label (4.6:1 on the paper), no fill. The column's
   edge bar (NavIndicator) completes the mark. */
._row_13iz3_2[aria-current='page'] {
  color: var(--baseloop-accent-text);
  font-weight: 500;
}

._row_13iz3_2[aria-current='page'] ._icon_13iz3_30 {
  color: var(--baseloop-accent);
}

._row_13iz3_2[aria-current='page']:hover {
  background-color: rgba(42, 32, 29, 0.045);
}

._label_13iz3_61 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

._count_13iz3_69,
._attention_13iz3_70 {
  flex-shrink: 0;
  max-width: 48px;
  overflow: hidden;
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
}

/* Counts are machine labels: the pixel mono on its 11px grid, which has one weight, so attention
   reads by colour alone. */
._count_13iz3_69,
._attention_13iz3_70 {
  font-family: var(--baseloop-font-pixel);
  font-size: var(--baseloop-text-11);
  font-weight: 400;
}

._count_13iz3_69 {
  color: var(--baseloop-ink-faint);
}

/* Needs the user: amber, never the orange of the current row. */
._attention_13iz3_70 {
  color: var(--baseloop-warn);
}

/* The column's edge bar (NavIndicator): flush with the column's left edge, slid between rows. */
._indicator_13iz3_97 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 2px;
  height: 16px;
  border-radius: 1px;
  background-color: var(--baseloop-accent);
  pointer-events: none;
  opacity: 0;
  transition:
    transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 160ms ease;
  will-change: transform;
}

._indicator_13iz3_97[data-on='true'] {
  opacity: 1;
}

._indicator_13iz3_97[data-still='true'] {
  transition: opacity 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
  ._indicator_13iz3_97 {
    transition: opacity 160ms ease;
  }
}

/* Open sidebar, at the start of a page header while the sidebar is closed. It fades in once the
   sidebar has gone, so the two panel buttons never show at once. */
._openSidebar_13iz3_130 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  animation: _openSidebarIn_13iz3_1 200ms ease 140ms both;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

._openSidebar_13iz3_130:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink-soft);
}

._openSidebar_13iz3_130:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

@keyframes _openSidebarIn_13iz3_1 {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._openSidebar_13iz3_130 {
    animation: none;
  }
}
/* The bar: pinned to the top of the page's scroll, white, a hairline across the whole sheet. */
._bar_3b0r4_2 {
  position: sticky;
  top: 0;
  z-index: 3;
  flex-shrink: 0;
  width: 100%;
  border-bottom: 1px solid var(--baseloop-hairline);
  background: var(--baseloop-sheet);
}

/* Full width at any size, its contents 24px from the sheet's edge, where the page body starts.
   43px over the bar's 1px hairline: 44 in all, as the table's header. The sheet sits 8px down, so
   the title shares its center line with the sidebar's top row (centered 30px from the top). */
._inner_3b0r4_15 {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 43px;
  padding: 0 24px;
}

._lead_3b0r4_24 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._leadLong_3b0r4_32 {
  flex-shrink: 1;
}

._icon_3b0r4_36 {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._icon_3b0r4_36 svg {
  width: 16px;
  height: 16px;
}

._title_3b0r4_47 {
  margin: 0;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._meta_3b0r4_58 {
  display: inline-flex;
  align-items: center;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

/* A slot for controls that live deep in the page; it takes the room between the tabs and the right */
._slot_3b0r4_67 {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
}

._slot_3b0r4_67:empty {
  flex: 1;
}

._right_3b0r4_78 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

._slot_3b0r4_67:not(:empty) + ._right_3b0r4_78 {
  margin-left: 0;
}

/* Out of room (a long tab list beside a search field at laptop widths), the tabs give way first and
   scroll sideways, as they do on a phone, so the title and the right section stay on the sheet */
._tabs_3b0r4_92 {
  display: flex;
  gap: 2px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

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

._tab_3b0r4_92 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
  cursor: pointer;
}

._tab_3b0r4_92:hover {
  color: var(--baseloop-ink);
}

._tab_3b0r4_92[aria-pressed='true'] {
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink);
}

._tab_3b0r4_92:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._count_3b0r4_134 {
  color: var(--baseloop-ink-faint);
  font-variant-numeric: tabular-nums;
}

._countWarn_3b0r4_139 {
  color: var(--baseloop-warn);
}

._usage_3b0r4_143 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._meter_3b0r4_149 {
  width: 36px;
  height: 3px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--baseloop-bubble);
}

._meter_3b0r4_149 span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: var(--baseloop-ink-soft);
}

/* The page's one-line description, at the top of its body */
._description_3b0r4_165 {
  margin: 0 0 20px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

/* A link in copy: ink, underlined at 35%, the line full ink on hover */
._description_3b0r4_165 a {
  color: var(--baseloop-ink);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 35%, transparent);
  text-underline-offset: 2px;
}

._description_3b0r4_165 a:hover {
  text-decoration-color: currentColor;
}

/* On a phone the bar wraps instead of clipping its controls: the title and the right section
   keep the first row, the tabs (and a page's slotted toolbar) take a full row under them and
   scroll sideways when they still do not fit */
@media (max-width: 768px) {
  ._inner_3b0r4_15 {
    flex-wrap: wrap;
    gap: 6px 12px;
    height: auto;
    min-height: 44px;
    padding: 6px 20px;
  }

  ._tabs_3b0r4_92,
  ._slot_3b0r4_67:not(:empty) {
    flex-basis: 100%;
    order: 3;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  ._tabs_3b0r4_92::-webkit-scrollbar,
  ._slot_3b0r4_67::-webkit-scrollbar {
    display: none;
  }

  ._slot_3b0r4_67:empty {
    display: none;
  }

  ._right_3b0r4_78 {
    min-width: 0;
    margin-left: auto;
  }
}
/* The raised white tile under an action's glyph or a partner's logo (the Actions panel, the Add
   column picker, the template and column panels, the schedule's date): sheet white in the 1px
   raised ring, flat. Compose it into a tile class, which keeps its own size, corner and colour. */._raisedTile_en1jt_4 {
  background: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
}

/* The schedule editor: the cadence as tabs, one line per setting, the schedule in words, and the
   next runs as small calendar pages. Imports and columns render the same editor. */

._usage_1ng2b_4 {
  margin-top: 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._editor_1ng2b_10 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._tabs_1ng2b_19 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

._tab_1ng2b_19 {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._tab_1ng2b_19:hover:not(:disabled) {
  color: var(--baseloop-ink);
}

._tab_1ng2b_19[aria-pressed='true'] {
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink);
}

._tab_1ng2b_19:focus-visible,
._day_1ng2b_47:focus-visible,
._remove_1ng2b_48:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._line_1ng2b_53 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

._label_1ng2b_60 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
}

._number_1ng2b_65 {
  width: 64px;
}

._unit_1ng2b_69 {
  width: 112px;
}

/* Wide enough for the time with its clock and zone, and the date with its icon and clear */
._time_1ng2b_74 {
  width: 150px;
}

._date_1ng2b_78 {
  width: 184px;
}

._zone_1ng2b_82 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._days_1ng2b_87 {
  display: flex;
  gap: 4px;
}

/* A weekday as a round toggle: filled ink when the schedule runs that day */
._day_1ng2b_47 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(42, 32, 29, 0.14);
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-12);
  font-weight: 500;
  cursor: pointer;
}

._day_1ng2b_47[aria-pressed='true'] {
  background: var(--baseloop-ink);
  box-shadow: none;
  color: var(--baseloop-on-ink);
}

._sentence_1ng2b_116 {
  margin: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._nextLabel_1ng2b_123 {
  margin-bottom: 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

/* The next runs: five small calendar pages, an orange band with the weekday over the day, the
   month and time on one line under it */
._tiles_1ng2b_132 {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._tile_1ng2b_132 {
  display: flex;
  flex: 0 0 56px;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding: 0 0 5px;
  border-radius: 8px;
  font-variant-numeric: tabular-nums;
}

._weekday_1ng2b_152 {
  align-self: stretch;
  padding: 1px 0;
  background: var(--baseloop-accent);
  color: #ffffff;
  font-family: var(--baseloop-font-pixel);
  font-size: var(--baseloop-text-11);
  /* The pixel mono's one weight, not the app's regular */
  font-weight: 400;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
}

._dayNumber_1ng2b_166 {
  margin-top: 2px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-20);
  font-weight: 500;
  line-height: 22px;
}

._when_1ng2b_174 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-11);
  line-height: 13px;
  white-space: nowrap;
}

/* Remove: a quiet line under the editor, not a button competing with the schedule */
._remove_1ng2b_48 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  padding: 2px 4px;
  margin-left: -4px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-12);
  cursor: pointer;
}

._remove_1ng2b_48:hover:not(:disabled) {
  color: var(--baseloop-ink);
}
/* A choice card (mock v116 to v118): white with a hairline; the choice you made takes the accent
   (an orange radio, a warm hairline, the faintest tint) instead of a black frame. */
._card_ygaqv_3 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-height: 90px;
  padding: 14px 40px 14px 14px;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
  text-align: left;
  transition:
    background-color 120ms ease,
    box-shadow 120ms ease,
    opacity 120ms ease;
}

._card_ygaqv_3:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 18%, transparent);
}

._card_ygaqv_3[data-active] {
  background: color-mix(in srgb, var(--baseloop-accent) 3.5%, var(--baseloop-sheet));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-accent) 45%, transparent);
}

._card_ygaqv_3:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._card_ygaqv_3:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._card_ygaqv_3:disabled:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
}

._card_ygaqv_3[data-locked]:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
}

/* The radio says "one of these"; selected, it is an orange ring around an orange dot */
._radio_ygaqv_50 {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--baseloop-ink) 28%, transparent);
}

._card_ygaqv_3[data-active] ._radio_ygaqv_50 {
  box-shadow:
    inset 0 0 0 1.5px var(--baseloop-accent),
    inset 0 0 0 4px var(--baseloop-sheet),
    inset 0 0 0 8px var(--baseloop-accent);
}

._lock_ygaqv_67 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-soft);
  font-size: 11px;
  font-weight: 500;
}

._content_ygaqv_83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

._card_ygaqv_3[data-locked] ._content_ygaqv_83 {
  opacity: 0.55;
}

._icon_ygaqv_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--baseloop-ink-soft);
}

._title_ygaqv_102 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  line-height: 1.3;
}

._description_ygaqv_109 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  line-height: 1.4;
}
/* The simple import flow (mock v120 to v125), shared by the import wizards: two steps, defaults
   folded into one-line rows, a Review that shows the table you will get */
._question_19j4m_3 {
  margin: 16px 0 8px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._question_19j4m_3:first-child {
  margin-top: 0;
}

/* Record type: a quiet track, the picked type a white tab with a hairline */
._objectTabs_19j4m_15 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 2px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
}

._objectTab_19j4m_15 {
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._objectTab_19j4m_15:hover {
  color: var(--baseloop-ink);
}

._objectTab_19j4m_15[aria-pressed='true'] {
  background: var(--baseloop-sheet);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
  color: var(--baseloop-ink);
}

._objectTab_19j4m_15:disabled {
  color: var(--baseloop-ink-faint);
  cursor: not-allowed;
  opacity: 0.6;
}

._objectTab_19j4m_15:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* Defaults folded into rows: what you get, and Customize for whoever wants to change it */
._options_19j4m_58 {
  margin-top: 18px;
  border-top: 1px solid var(--baseloop-hairline);
}

._option_19j4m_58 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  min-height: 42px;
  border-bottom: 1px solid var(--baseloop-hairline);
}

._optionLabel_19j4m_72 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._optionValue_19j4m_77 {
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._optionPanel_19j4m_87 {
  padding: 2px 0 14px 76px;
  border-bottom: 1px solid var(--baseloop-hairline);
}

._limitEdit_19j4m_92 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--baseloop-ink-soft);
}

/* Review: the name you will find it by, and the table you will get */
._summary_19j4m_100 {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
  border-radius: 10px;
  background: var(--baseloop-rail);
}

._summaryTop_19j4m_108 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}

._summaryCount_19j4m_115 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

._summaryFrom_19j4m_122 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

/* The columns as a strip, fading out at the edge when they run past it */
._summaryColumns_19j4m_128 {
  display: flex;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
  mask-image: linear-gradient(90deg, black calc(100% - 28px), transparent);
}

._summaryColumn_19j4m_128 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-right: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
}

._summaryColumn_19j4m_128 svg {
  color: var(--baseloop-ink-faint);
}

._schedule_19j4m_155 {
  margin-top: 20px;
}

/* Connect: one sentence on what happens; the connect button is the footer's primary */
._connect_19j4m_160 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 2px 0;
}

._connectLogo_19j4m_168 {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--baseloop-rail);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
}

._connectTitle_19j4m_178 {
  margin: 8px 0 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
}

._connectText_19j4m_185 {
  max-width: 48ch;
  margin: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._connectFacts_19j4m_193 {
  align-self: stretch;
}

/* List or filters: the shared choice card, only as tall as its two lines */
._sourceCards_19j4m_198 {
  margin-bottom: 10px;
}

._sourceCards_19j4m_198 ._sourceCard_19j4m_198 {
  min-height: 0;
}

/* One line on what a one-step import does, above its form */
._intro_19j4m_207 {
  margin: 0 0 16px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}
/* The import wizard's frame (mock v116 to v119): one 640px frame at a fixed height, so the footer
   and its primary button stay put on every step. The source's logo and name, its steps as one
   short numbered line, the step's content, and a footer on the sidebar's paper. */
._content_iymdp_4 {
  display: flex;
  flex-direction: column;
  height: min(600px, calc(100dvh - 112px));
  overflow: hidden;
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

._content_iymdp_4._fit_iymdp_13 {
  height: auto;
  max-height: min(600px, calc(100dvh - 112px));
}

._header_iymdp_18 {
  flex-shrink: 0;
  gap: 8px;
  min-height: 52px;
  padding: 0 10px 0 18px;
  background: var(--baseloop-sheet);
}

._title_iymdp_26 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
}

._titleText_iymdp_37 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._logo_iymdp_44 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--baseloop-ink-soft);
}

._logo_iymdp_44 img {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

/* Beside the title (the import's account chip): the title gives up its spare width to it */
._title_iymdp_26:has(+ ._headerAside_iymdp_61) {
  flex: 0 1 auto;
}

._headerAside_iymdp_61 {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  margin-left: 4px;
}

._close_iymdp_73 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

/* Steps: a short line under the title, the current one in ink on a soft disc */
._steps_iymdp_79 {
  display: flex;
  margin: 0;
  list-style: none;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 0 18px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._step_iymdp_79 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 6px;
  white-space: nowrap;
}

._step_iymdp_79[data-state='current'] {
  color: var(--baseloop-ink);
  font-weight: 500;
}

._step_iymdp_79[data-state='done'] {
  color: var(--baseloop-ink-soft);
}

._disc_iymdp_111 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 20%, transparent);
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
}

._step_iymdp_79[data-state='current'] ._disc_iymdp_111 {
  background: var(--baseloop-bubble);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 16%, transparent);
}

._step_iymdp_79[data-state='done'] ._disc_iymdp_111 {
  background: color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
  box-shadow: none;
}

._stepSep_iymdp_133 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._body_iymdp_138 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 18px 18px;
}

._stepContent_iymdp_145 {
  animation: _wizardStepIn_iymdp_1 150ms ease;
}

@keyframes _wizardStepIn_iymdp_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._stepContent_iymdp_145 {
    animation: none;
  }
}
/* The table picker in the import modals' frame (WizardModal) with the ⌘K palette's list: the
   search as the body's top row, a quiet path under it, then 13px rows with plain 16px grey icons,
   the palette's hover fill, a chevron where a row opens and a check on the picked table. */

/* The palette's top row, edge to edge under the title: the field is the row, the caret shows focus */
._search_18oxl_6 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -16px -18px 0;
  padding: 2px 12px 2px 18px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
}

._searchInput_18oxl_16 {
  flex: 1;
  min-width: 0;
  padding: 11px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-14);
}

._searchInput_18oxl_16::placeholder {
  color: var(--baseloop-ink-faint);
}

/* Scoped so it outranks the app's global input rules, whose focus ring would draw in the row */
._search_18oxl_6 ._searchInput_18oxl_16 {
  box-shadow: none;
}

._search_18oxl_6 ._searchInput_18oxl_16:focus-visible {
  outline: none;
}

/* Home / Workspace / Folder: one quiet line, every step back a click */
._path_18oxl_42 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 10px 0 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._pathSep_18oxl_52 {
  padding: 0 2px;
}

._crumb_18oxl_56 {
  max-width: 220px;
  padding: 2px 4px;
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--baseloop-ink-faint);
  font: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

._crumb_18oxl_56:hover:not(:disabled) {
  color: var(--baseloop-ink);
}

._crumb_18oxl_56[aria-current='location'] {
  color: var(--baseloop-ink-soft);
  cursor: default;
}

/* The list fits its rows up to the cap, then scrolls; the search and the path stay put above it */
._list_18oxl_80 {
  display: flex;
  flex-direction: column;
  max-height: min(360px, calc(100dvh - 300px));
  margin: 4px -8px -8px;
  padding: 0 0 4px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

._row_18oxl_90 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

._row_18oxl_90:hover {
  background-color: color-mix(in srgb, var(--baseloop-ink) 5%, var(--baseloop-sheet));
}

._row_18oxl_90:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: -1px;
}

/* A table that can't be picked stays in place, greyed, with its reason */
._row_18oxl_90[data-disabled] {
  color: var(--baseloop-ink-faint);
  cursor: default;
}

._row_18oxl_90[data-disabled]:hover {
  background-color: transparent;
}

._icon_18oxl_126 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  color: var(--baseloop-ink-faint);
}

._row_18oxl_90[data-disabled] ._icon_18oxl_126 {
  opacity: 0.55;
}

._name_18oxl_139 {
  min-width: 0;
  overflow: hidden;
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* While searching: the workspace a table sits in */
._context_18oxl_148 {
  flex-shrink: 0;
  max-width: 180px;
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* A disabled row's reason in a few words, quiet at its right; the sentence is in the tooltip */
._meta_18oxl_159 {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
}

/* The reason's sentence, for a screen reader (the eye gets it from the tooltip) */
._srOnly_18oxl_169 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

._trail_18oxl_178,
._check_18oxl_179 {
  flex-shrink: 0;
  margin-left: auto;
}

._trail_18oxl_178 {
  color: var(--baseloop-ink-faint);
}

._check_18oxl_179 {
  color: var(--baseloop-ink);
}

._status_18oxl_192 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 24px 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
}

._empty_18oxl_202 {
  padding: 16px 8px 12px;
}
/* Wrapper - Clean border with subtle focus state */
._wrapper_m7f56_2 {
  border-radius: var(--mantine-radius-md);
  transition: box-shadow 0.15s ease;
}

._wrapperFocused_m7f56_7 {
  box-shadow: 0 0 0 1px var(--baseloop-focus);
}

._wrapperBlurred_m7f56_11 {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-3);
}

._wrapperBlurred_m7f56_11:hover {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-4);
}

/* Container - Clean white background */
._container_m7f56_20 {
  display: flex;
  flex-direction: column;
  border-radius: var(--mantine-radius-md);
  background-color: var(--mantine-color-white);
  min-height: 36px;
}

/* Value container - Selected tags area */
._valueContainer_m7f56_29 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

._valueContainerFocused_m7f56_36 {
  cursor: text;
}

._valueContainerBlurred_m7f56_40 {
  cursor: pointer;
}

/* Autocomplete input - Borderless, clean */
._autocompleteInput_m7f56_45 {
  border: none !important;
  background: transparent;
  font-size: var(--baseloop-text-13);
}

._autocompleteInput_m7f56_45:focus {
  box-shadow: none !important;
  outline: none;
}

._autocompleteInputError_m7f56_56::placeholder {
  color: var(--mantine-color-red-6);
}

._autocompleteInputNormal_m7f56_60::placeholder {
  color: var(--mantine-color-placeholder);
}

/* Icon states */
._iconError_m7f56_65 {
  color: var(--mantine-color-red-6);
  width: 36px;
  padding-left: 12px;
}

._iconNormal_m7f56_71 {
  color: var(--mantine-color-gray-5);
  width: 36px;
  padding-left: 12px;
}
._container_1l9lt_1 {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

._containerWithItems_1l9lt_7 {
  border: 1px solid var(--mantine-color-gray-2);
}

._row_1l9lt_11 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--mantine-color-gray-1);
  background-color: var(--mantine-color-white);
  transition: background-color 0.1s ease;
}

/* The list's last row: the box's own edge closes it (the add button sits under the box) */
._row_1l9lt_11:last-child {
  border-bottom: 0;
}

._row_1l9lt_11:hover {
  background-color: var(--mantine-color-gray-0);
}

._row_1l9lt_11:hover ._deleteButton_1l9lt_27 {
  opacity: 1;
}

._rowContent_1l9lt_31 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  /* A flex item's min-width defaults to its content's width, so without this
     the widest option chip propagates its full nowrap text width up the chain
     and the whole config panel grows into horizontal scroll. */
  min-width: 0;
}

._topRow_1l9lt_42 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._fieldNameInput_1l9lt_48 {
  flex: 1;
  min-width: 0;
}

._columnTypeDropdown_1l9lt_53 {
  width: 140px;
  flex-shrink: 0;
}

._descriptionInput_1l9lt_58 {
  width: 100%;
}

/* Options: the same box as the job-title chips, chips on top, a hairline, then the input */
._optionsTagContainer_1l9lt_63 {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(42, 32, 29, 0.14);
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  min-height: 32px;
}

._optionsTags_1l9lt_72 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border-bottom: 1px solid var(--baseloop-hairline);
}

/* A chip as in the job titles: a 24px bubble, 12px medium words, a light clear */
._optionTag_1l9lt_81 {
  max-width: 100%;
  /* Flex items refuse to shrink below content by default; without this the
     ellipsis on the badge label never engages. */
  min-width: 0;
  text-transform: none;
  font-weight: 500;
  font-size: var(--baseloop-text-12);
  padding: 0 4px 0 8px;
  height: 24px;
  background: var(--baseloop-bubble);
  border: 0;
  color: var(--baseloop-ink);
  border-radius: 6px;
}

._optionTag_1l9lt_81 .mantine-Badge-section[data-position='right'] {
  margin-left: 2px;
  flex-shrink: 0;
}

._optionTag_1l9lt_81 svg {
  width: 12px;
  height: 12px;
  color: var(--baseloop-ink-faint);
}

/* A single option longer than the row must truncate with an ellipsis instead
   of overflowing the panel into horizontal scroll. */
._optionTag_1l9lt_81 .mantine-Badge-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

._optionsTagInput_1l9lt_115 {
  flex: 1;
  min-width: 120px;
}

._deleteButton_1l9lt_27 {
  opacity: 0.4;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}

._deleteButton_1l9lt_27:hover {
  opacity: 1;
}

/* Wrapper - Clean border with subtle focus state */
._wrapper_11lmt_2 {
  border-radius: var(--mantine-radius-md);
  transition: box-shadow 0.15s ease;
}

._wrapperFocused_11lmt_7 {
  box-shadow: 0 0 0 1px var(--baseloop-focus);
}

._wrapperBlurred_11lmt_11 {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-3);
}

._wrapperBlurred_11lmt_11:hover {
  box-shadow: 0 0 0 1px var(--mantine-color-gray-4);
}

/* Container - Clean white background */
._container_11lmt_20 {
  display: flex;
  flex-direction: column;
  border-radius: var(--mantine-radius-md);
  background-color: var(--mantine-color-white);
  min-height: 36px;
}

/* Value container - Selected tags area */
._valueContainer_11lmt_29 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

._valueContainerFocused_11lmt_36 {
  cursor: text;
}

._valueContainerBlurred_11lmt_40 {
  cursor: pointer;
}

/* Autocomplete input - Borderless, clean */
._autocompleteInput_11lmt_45 {
  border: none !important;
  background: transparent;
  font-size: var(--baseloop-text-13);
}

._autocompleteInput_11lmt_45:focus {
  box-shadow: none !important;
  outline: none;
}

._autocompleteInputError_11lmt_56::placeholder {
  color: var(--mantine-color-red-6);
}

._autocompleteInputNormal_11lmt_60::placeholder {
  color: var(--mantine-color-placeholder);
}

/* Icon states */
._iconError_11lmt_65 {
  color: var(--mantine-color-red-6);
}

._iconNormal_11lmt_69 {
  color: var(--mantine-color-gray-5);
}
/* The CSV import's parts, shared by Create table's CSV step and a table's own CSV import (mock
   v139): the drop area that fills the frame, its error line, and the file row once it is read. */
._drop_au1c5_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  border: 1px dashed color-mix(in srgb, var(--baseloop-ink) 22%, transparent);
  border-radius: 12px;
  background: var(--baseloop-rail);
  color: var(--baseloop-ink-soft);
  cursor: pointer;
  transition:
    border-color 120ms ease,
    background-color 120ms ease;
}

._drop_au1c5_3:hover,
._drop_au1c5_3[data-accept] {
  border-color: color-mix(in srgb, var(--baseloop-ink) 36%, transparent);
  background: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-rail));
}

._drop_au1c5_3[data-reject],
._drop_au1c5_3[data-error] {
  border-color: color-mix(in srgb, var(--baseloop-danger) 50%, transparent);
}

._dropInner_au1c5_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  pointer-events: none;
}

._dropIcon_au1c5_38 {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
  color: var(--baseloop-ink-soft);
}

._dropTitle_au1c5_50 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._dropSub_au1c5_56 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._error_au1c5_61 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
  color: var(--baseloop-danger);
  font-size: var(--baseloop-text-12);
}

._file_au1c5_70 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px 10px 12px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
}

._fileIcon_au1c5_79 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  color: var(--baseloop-ink-soft);
}

._fileText_au1c5_90 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

._fileName_au1c5_98 {
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._fileMeta_au1c5_107 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
}
/* The CSV step (mock v139): a drop area that fills the wizard's frame, then the table name, the
   file and a preview of the table you will get. */
._stack_1lxks_3 {
  display: flex;
  flex-direction: column;
}

._label_1lxks_8 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._nameInput_1lxks_14 {
  height: 36px;
  margin: 8px 0 16px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 12%, transparent);
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

._nameInput_1lxks_14:focus,
._nameInput_1lxks_14:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._previewHead_1lxks_33 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 18px 0 8px;
}

._previewSub_1lxks_40 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* The first rows, as the table will show them; wide files scroll sideways in place */
._preview_1lxks_33 {
  overflow-x: auto;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
}

._preview_1lxks_33 table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--baseloop-text-12);
}

._preview_1lxks_33 th,
._preview_1lxks_33 td {
  max-width: 220px;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._preview_1lxks_33 th + th,
._preview_1lxks_33 td + td {
  border-left: 1px solid color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
}

._preview_1lxks_33 tbody tr:last-child td {
  border-bottom: 0;
}

._preview_1lxks_33 th {
  background: var(--baseloop-rail);
  color: var(--baseloop-ink-soft);
  font-weight: 500;
}

._preview_1lxks_33 td {
  color: var(--baseloop-ink);
}

._th_1lxks_89 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._th_1lxks_89 svg {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._previewMore_1lxks_100 {
  margin: 8px 0 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._footer_1lxks_106 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._footerEnd_1lxks_113 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

._hint_1lxks_119 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}
._wizardContent_6243k_1 {
  animation: _fadeIn_6243k_1 0.15s ease;
}

._permissionNotice_6243k_5 {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--mantine-color-orange-2);
  border-radius: 6px;
  background: var(--mantine-color-orange-0);
}

._permissionAlert_6243k_13 {
  margin-top: 12px;
  border: 1px solid var(--mantine-color-orange-2);
}

._permissionNoticeText_6243k_18 {
  color: var(--mantine-color-orange-9);
  line-height: 1.45;
}

._permissionNoticeDetail_6243k_23 {
  color: var(--mantine-color-orange-8);
  line-height: 1.4;
}

@keyframes _fadeIn_6243k_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Lists: a quiet searchable picker with each list's size */
._lists_6243k_38 {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
  border-radius: 10px;
}

._listSearch_6243k_44 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
}

._listSearch_6243k_44 input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

/* No box when focused, as the other in-card searches (ColumnPicker, the views list): the caret
   says where typing goes. A text input matches :focus-visible on a click too, and the app's global
   input:focus-visible outline (global.tsx) outranks the plain rule above; class plus pseudo-class
   outranks it back. */
._listSearch_6243k_44 input:focus,
._listSearch_6243k_44 input:focus-visible {
  outline: none;
}

._listRows_6243k_74 {
  display: flex;
  flex-direction: column;
  max-height: 228px;
  overflow-y: auto;
}

._listSkeleton_6243k_81,
._listRow_6243k_74 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
}

._listRow_6243k_74 + ._listRow_6243k_74,
._listSkeleton_6243k_81 + ._listSkeleton_6243k_81 {
  border-top: 1px solid var(--baseloop-hairline);
}

._listRow_6243k_74 {
  border: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
  text-align: left;
  cursor: pointer;
}

._listRow_6243k_74:hover {
  background: var(--baseloop-rail);
}

._listRow_6243k_74[aria-checked='true'] {
  background: color-mix(in srgb, var(--baseloop-accent) 3.5%, var(--baseloop-sheet));
}

._listRow_6243k_74:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: -1px;
}

._listRadio_6243k_119 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--baseloop-ink) 28%, transparent);
}

._listRow_6243k_74[aria-checked='true'] ._listRadio_6243k_119 {
  box-shadow:
    inset 0 0 0 1.5px var(--baseloop-accent),
    inset 0 0 0 3.5px var(--baseloop-sheet),
    inset 0 0 0 7px var(--baseloop-accent);
}

._listName_6243k_134 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* HubSpot holds more lists than one search returns: one quiet line under the rows */
._listsMore_6243k_143 {
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._listSize_6243k_151 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
}
/* Connecting an integration (mock v57), shared by the API key and sign-in modals: the logo tile,
   the title, numbered steps joined by a dotted line (the current one in the accent), then the
   actions. */
._content_ajjzg_4 {
  overflow: hidden;
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

._body_ajjzg_10 {
  display: flex;
  flex-direction: column;
  padding: 28px 28px 26px;
}

._top_ajjzg_16 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

._logo_ajjzg_22 {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._logo_ajjzg_22 img {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
}

._close_ajjzg_39 {
  margin: -4px -6px 0 0;
  color: var(--baseloop-ink-faint);
}

._title_ajjzg_44 {
  margin: 20px 0 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-16);
  font-weight: 600;
  line-height: 22px;
}

._steps_ajjzg_52 {
  display: flex;
  flex-direction: column;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

._step_ajjzg_52 {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 14px;
}

/* The dotted line from one step's disc down to the next */
._step_ajjzg_52:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 28px;
  bottom: 4px;
  left: 11.5px;
  border-left: 1px dotted color-mix(in srgb, var(--baseloop-ink) 30%, transparent);
}

._step_ajjzg_52:not(:last-child) ._stepBody_ajjzg_77 {
  padding-bottom: 22px;
}

._disc_ajjzg_81 {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--baseloop-ink) 22%, transparent);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  font-variant-numeric: tabular-nums;
}

._step_ajjzg_52[data-current] ._disc_ajjzg_81 {
  box-shadow: inset 0 0 0 1.5px var(--baseloop-accent);
  color: var(--baseloop-accent-text);
}

._stepBody_ajjzg_77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

._stepTitle_ajjzg_105 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-14);
  line-height: 24px;
}

._step_ajjzg_52[data-done] ._disc_ajjzg_81 {
  background: color-mix(in srgb, var(--baseloop-ink) 8%, transparent);
  box-shadow: none;
}

._step_ajjzg_52[data-current] ._stepTitle_ajjzg_105 {
  color: var(--baseloop-ink);
  font-weight: 500;
}

._stepText_ajjzg_121 {
  margin-top: 2px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
}

._link_ajjzg_127 {
  margin-top: 8px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 30%, transparent);
  text-underline-offset: 3px;
}

._link_ajjzg_127:hover {
  text-decoration-color: currentColor;
}

._field_ajjzg_140 {
  width: 100%;
  margin-top: 12px;
}

._label_ajjzg_145 {
  margin-bottom: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._input_ajjzg_152 {
  height: 36px;
  border-radius: 8px;
  font-size: var(--baseloop-text-13);
}

._note_ajjzg_158 {
  margin-top: 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._footer_ajjzg_164 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 26px;
}

._sub_ajjzg_171 {
  margin: 2px 0 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
}

/* What the sign-in will do: three short lines on the rail, the app's panel inside a white surface
   (as the LinkedIn wizard's live state and the import review), a faint rule between them */
._lines_ajjzg_179 {
  align-self: stretch;
  margin: 14px 0 0;
  padding: 4px 16px;
  border-radius: 12px;
  background: var(--baseloop-rail);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 1.45;
  list-style: none;
}

._lines_ajjzg_179 li {
  padding: 10px 0;
}

._lines_ajjzg_179 li + li {
  border-top: 1px solid color-mix(in srgb, var(--baseloop-ink) 7%, transparent);
}

/* The popup's host as a chip */
._code_ajjzg_200 {
  padding: 1px 6px;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--baseloop-text-12);
}

._primary_ajjzg_208 {
  margin-top: 14px;
}

._waiting_ajjzg_212 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

/* A step's live screen (the LinkedIn wizard's forms and checks), full width under its title */
._stepContent_ajjzg_222 {
  align-self: stretch;
  margin-top: 14px;
}

/* A screen that ends the flow (connected, an error), without the steps around it */
._outcome_ajjzg_228 {
  margin-top: 22px;
}

/* The sign-in method switch: the app's quiet segmented track */
._segment_ajjzg_233 {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
}
/* The phone body buzzes for 0.4s, then rests, so the loop reads as a notification arriving
   rather than a shake that never stops. */
._vibrateBody_1pplw_3 {
  transform-origin: center;
  animation: _wizardIcons_buzz_1pplw_1 2.4s ease-in-out infinite;
}

@keyframes _wizardIcons_buzz_1pplw_1 {
  0%, 17%, 100% { transform: rotate(0deg); }
  3% { transform: rotate(-5deg); }
  7% { transform: rotate(5deg); }
  10% { transform: rotate(-5deg); }
  14% { transform: rotate(5deg); }
}

/* The tick draws itself once when the connected screen mounts. */
._checkMark_1pplw_17 {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: _wizardIcons_draw_1pplw_1 0.4s ease-out 0.1s forwards;
}

@keyframes _wizardIcons_draw_1pplw_1 {
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  ._vibrateBody_1pplw_3 { animation: none; }
  ._checkMark_1pplw_17 { animation: none; stroke-dashoffset: 0; }
}
/* A wizard screen inside the connect modal's step. What is happening sits in one soft panel (the
   state glyph on a white tile, the line, its explanation, the countdown), and the buttons stand
   clear of it on the right, as in the API key and sign-in modals. */
._message_66qad_4 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._panel_66qad_10 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-radius: 12px;
  /* The rail: the app's panel inside a white surface, as the import review and the wizard footer */
  background: var(--baseloop-rail);
}

._tile_66qad_20 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
  color: var(--baseloop-ink-soft);
}

._text_66qad_32 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding-top: 1px;
}

._title_66qad_40 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  line-height: 20px;
  text-wrap: pretty;
}

/* A title that is the whole message (an error, the extra step) reads at body weight */
._plain_66qad_50 {
  font-weight: var(--baseloop-weight-regular);
}

._description_66qad_54 {
  margin: 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 19px;
  text-wrap: pretty;
}

/* The countdown and the like: a quiet line under the explanation */
._meta_66qad_63 {
  margin-top: 6px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* The buttons: right-aligned, the main one last, clear of the panel */
._actions_66qad_70 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
}

/* The left end of the actions row, for a lone Cancel next to a primary on the right */
._actionsStart_66qad_80 {
  margin-right: auto;
}
/* Connect: the two ways to run the import, on the shared choice card, only as tall as its lines */
._choices_1vgq7_2 {
  align-self: stretch;
  margin-top: 12px;
}

._choices_1vgq7_2 ._choice_1vgq7_2 {
  min-height: 0;
}

._loggedOut_1vgq7_11 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 4px;
  color: var(--baseloop-ink-faint);
}

/* Records: the search under the record type, the limit row under it */
._searchUrl_1vgq7_21 {
  margin-top: 16px;
}

._errors_1vgq7_25 {
  margin-top: 12px;
}
/* A template card (the Templates page, the new-workspace template picker): a hairline card that
   takes the rows' warm fill on hover, the workspace tile and the name, what the template holds, and
   a quiet Use template at its foot. */
._templateCard_fvdzj_4 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 10%, transparent);
  transition: background-color 120ms ease-out;
}

._templateCard_fvdzj_4[data-clickable]:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
}

._cardContent_fvdzj_20 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 10px;
}

._cardContent_fvdzj_20[role='button'] {
  cursor: pointer;
}

._cardContent_fvdzj_20[role='button']:focus-visible {
  border-radius: 10px;
  outline: 1px solid var(--baseloop-focus);
  outline-offset: -1px;
}

._cardTitle_fvdzj_38 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._templateName_fvdzj_45 {
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 500;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._description_fvdzj_55 {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

._tableCount_fvdzj_66 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
}

/* The tables as plain lines: an emoji and a name, up to three, then "+N more" */
._tableLines_fvdzj_73 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}

._tableLine_fvdzj_73 {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

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

._moreTables_fvdzj_98 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

._cardFooter_fvdzj_104 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 16px 14px;
}

/* Use template: the raised white key (the toolbar's), the preview page holds the primary button */
._useButton_fvdzj_113 {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  white-space: nowrap;
}

._useButton_fvdzj_113:hover {
  background-color: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
  outline-color: var(--baseloop-raised-ring-hover);
}

._shareButton_fvdzj_132 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
}

._shareButton_fvdzj_132:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink);
}

._useButton_fvdzj_113:focus-visible,
._shareButton_fvdzj_132:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}
/* The Templates page: its filters in the header bar (the categories as tabs, the search at the right
   end, as on Integrations), then sections of template cards in a grid. */
._column_gdauk_3 {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

/* In the header bar's slot: the tabs, then the search pushed to the right end */
._bar_gdauk_10 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

/* Integrations' header search: a soft fill that rings on focus */
._searchField_gdauk_20 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  width: 220px;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-faint);
  cursor: text;
}

._searchField_gdauk_20:focus-within {
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._searchField_gdauk_20 input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

/* The box shows focus; the global input ring would draw a second one inside it */
._searchField_gdauk_20 input:focus,
._searchField_gdauk_20 input:focus-visible {
  outline: 0;
  box-shadow: none;
}

._searchField_gdauk_20 input::placeholder {
  color: var(--baseloop-ink-faint);
}

._searchField_gdauk_20 input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

._section_gdauk_63 {
  margin-top: 24px;
}

._section_gdauk_63:first-of-type {
  margin-top: 4px;
}

/* A section's label as the Actions panel's groups: sentence case, 12px, faint, the count as text */
._sectionTitle_gdauk_72 {
  margin: 0 0 10px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
  line-height: 16px;
}

._sectionCount_gdauk_80 {
  font-weight: var(--baseloop-weight-regular);
  font-variant-numeric: tabular-nums;
}

/* Three cards a row, two on a laptop sheet, one on a phone */
._grid_gdauk_86 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1100px) {
  ._grid_gdauk_86 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  ._grid_gdauk_86 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._emptyLine_gdauk_104 {
  margin-top: 48px;
}
/* What the endpoint takes: quiet rows on the rail, each with a small icon */
._details_1giwe_2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--baseloop-rail);
  list-style: none;
}

._detail_1giwe_2 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.4;
}

._detail_1giwe_2 svg {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}
/* Create table (mock v116 to v124): one 640px frame, the title with its search beside it, then
   every way to start in one three-column grid of one tile size, grouped by a quiet label. Tiles
   carry no box of their own: the icon tile gives the shape and hover gives a warm fill. */
._content_fbfdf_4 {
  overflow: hidden;
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

._header_fbfdf_10 {
  gap: 8px;
  min-height: 52px;
  padding: 0 10px 0 18px;
  background: var(--baseloop-sheet);
}

._title_fbfdf_17 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._search_fbfdf_28 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 200px;
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink-faint);
  cursor: text;
}

._search_fbfdf_28:focus-within {
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._search_fbfdf_28 input {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

/* The pill shows focus; the app's global input ring and focus underline would draw inside it */
._search_fbfdf_28 input:focus,
._search_fbfdf_28 input:focus-visible {
  outline: none;
  box-shadow: none;
}

._search_fbfdf_28 input::placeholder {
  color: var(--baseloop-ink-faint);
}

._close_fbfdf_68 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._body_fbfdf_73 {
  max-height: min(560px, calc(100dvh - 200px));
  overflow-y: auto;
  padding: 0 18px 18px;
}

._section_fbfdf_79 {
  margin: 14px 0 6px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: 500;
}

._grid_fbfdf_86 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 8px;
  margin: 0 -8px;
}

._tile_fbfdf_93 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 52px;
  padding: 0 10px 0 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 120ms ease;
}

._tile_fbfdf_93:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 4%, var(--baseloop-sheet));
}

._tile_fbfdf_93:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._tile_fbfdf_93[data-locked] ._tileIcon_fbfdf_119,
._tile_fbfdf_93[data-locked] ._tileName_fbfdf_120 {
  opacity: 0.55;
}

._tileIcon_fbfdf_119 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  color: var(--baseloop-ink-soft);
}

._tileIcon_fbfdf_119 img {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}

._tileText_fbfdf_142 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

._tileName_fbfdf_120,
._tileLine_fbfdf_151 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._tileName_fbfdf_120 {
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._tileLine_fbfdf_151 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

@media (max-width: 760px) {
  ._grid_fbfdf_86 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._search_fbfdf_28 {
    width: 140px;
  }
}
/* Purchase credits: the theme's modal shell, ink tokens, and the credit packs as the plan cards'
   light cards (BillingPlan .card) with one picked state */
._label_1ap7g_3 {
  margin: 0 0 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._rules_1ap7g_10 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  color: var(--baseloop-ink-secondary);
  font-size: var(--baseloop-text-13);
  line-height: 1.55;
}

._pack_1ap7g_21 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  border-radius: 10px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

._pack_1ap7g_21 svg {
  color: var(--baseloop-ink-faint);
}

._pack_1ap7g_21:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
}

/* The picked pack: the ring the plan cards give the plan they put forward */
._pack_1ap7g_21[data-selected],
._pack_1ap7g_21[data-selected]:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 40%, transparent);
}

._pack_1ap7g_21[data-selected] svg {
  color: var(--baseloop-ink-soft);
}

._pack_1ap7g_21:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

._pack_1ap7g_21:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

/* The cap reached: the balance and what is left of the cycle's cap */
._balance_1ap7g_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

._balanceRow_1ap7g_72 {
  display: flex;
  justify-content: space-between;
  font-size: var(--baseloop-text-13);
}

._balanceRow_1ap7g_72 dt {
  color: var(--baseloop-ink-soft);
}

._balanceRow_1ap7g_72 dd {
  margin: 0;
  color: var(--baseloop-ink);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

._balanceRow_1ap7g_72 dd[data-tone='warn'] {
  color: var(--baseloop-warn);
}
/* The plans: the currency picker, then the cards in a row of three that stacks when its column
   runs short (the Billing page, the paywall and the plans modal all hold it). Each card takes six
   rows of the grid (name, pitch, price, credits, button, features), so the rows line up across
   the cards whatever wraps. */
._plans_92zee_5 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  container-type: inline-size;
}

._plansHead_92zee_15 {
  display: flex;
  justify-content: flex-end;
}

/* A field with its label at its left (the currency) */
._inlineField_92zee_21 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* A field's visible label: 13 at 500 */
._fieldLabel_92zee_28 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  line-height: 20px;
}

._grid_92zee_35 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 12px;
}

@container (max-width: 640px) {
  ._grid_92zee_35 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._card_92zee_46 + ._card_92zee_46 {
    margin-top: 12px;
  }
}

/* The currency and credits pickers: a settings control at the scale's 36px, 13px with 8px corners,
   one chevron, down and faint */
._control_92zee_53 {
  height: 36px;
  min-height: 36px;
  border-radius: 8px;
  font-size: var(--baseloop-text-13);
  font-variant-numeric: tabular-nums;
}

._controlChevron_92zee_61 {
  color: var(--baseloop-ink-faint);
}

/* One plan. Your plan's edge is a step darker; the popular plan, when it is not yours, has the
   stronger ink ring. */
._card_92zee_46 {
  display: grid;
  grid-row: span 6;
  grid-template-rows: subgrid;
  row-gap: 0;
  padding: 16px;
  border-radius: var(--baseloop-sheet-radius);
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
}

._current_92zee_78 {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
}

._popular_92zee_82 {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 40%, transparent);
}

._head_92zee_86 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._name_92zee_92 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
  line-height: 20px;
}

._tag_92zee_100 {
  margin-left: auto;
  padding: 0 7px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--baseloop-ink) 6%, transparent);
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-11);
  line-height: 20px;
  white-space: nowrap;
}

._tagPopular_92zee_111 {
  background: color-mix(in srgb, var(--baseloop-accent) 10%, transparent);
  color: var(--baseloop-accent-text);
  font-weight: 500;
}

._subtitle_92zee_117 {
  margin: 8px 0 14px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 1.45;
  text-wrap: pretty;
}

._price_92zee_125 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-26);
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

._price_92zee_125 span {
  margin-left: 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  font-weight: var(--baseloop-weight-regular);
}

/* The credits under the price, under their label: the 36px picker when the plan has tiers, its
   one amount as text set like the picker's value when it has one */
._credits_92zee_142 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 12px 0;
}

._creditsStatic_92zee_149 {
  height: 36px;
  padding-left: 11px;
  line-height: 36px;
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The card's one button, with its note under it */
._action_92zee_162 {
  display: flex;
  flex-direction: column;
}

._button_92zee_167 {
  font-size: var(--baseloop-text-13);
}

._button_92zee_167:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* The Billing page's own buttons (Add extra credits, Edit) compose these */
._cta_92zee_177 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 100ms ease,
    transform 100ms ease;
}

._cta_92zee_177:active:not(:disabled) {
  transform: scale(0.98);
}

._cta_92zee_177:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 2px;
}

._ink_92zee_206 {
  background: var(--baseloop-ink);
  color: var(--baseloop-on-ink);
}

._ink_92zee_206:hover:not(:disabled) {
  background: color-mix(in srgb, var(--baseloop-ink) 86%, var(--baseloop-sheet));
}

._line_92zee_215 {
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 16%, transparent);
  color: var(--baseloop-ink);
}

._line_92zee_215:hover:not(:disabled) {
  background: color-mix(in srgb, var(--baseloop-ink) 2%, var(--baseloop-sheet));
}

._cta_92zee_177:disabled:not([data-loading]) {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  box-shadow: none;
  color: var(--baseloop-ink-faint);
  cursor: default;
}

._cta_92zee_177[data-loading] {
  cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
  ._cta_92zee_177 {
    transition: none;
  }

  ._cta_92zee_177:active:not(:disabled) {
    transform: none;
  }
}

/* Under the button: when a scheduled switch happens, and Cancel plan on your plan */
._actionNote_92zee_247 {
  margin: 8px 0 0;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  text-align: center;
}

._cancel_92zee_254 {
  align-self: center;
  margin-top: 6px;
  padding: 2px 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--baseloop-ink-faint);
  font: inherit;
  font-size: var(--baseloop-text-12);
  cursor: pointer;
}

._cancel_92zee_254:hover {
  color: var(--baseloop-ink);
}

._cancel_92zee_254:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

._lead_92zee_276 {
  margin: 18px 0 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._features_92zee_282 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  padding: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
  list-style: none;
}

._features_92zee_282 li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

._features_92zee_282 li > svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--baseloop-ink-soft);
}

/* "Coming soon" after a feature: a quiet word, not a chip (no glyph says "soon" without
   borrowing another meaning: Clock is waiting, CalendarClock a schedule) */
._soon_92zee_308 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}
/* The plans modal: the confirm's surface, no header bar. Two classes on the rules that undo the
   theme's modal header and title, so they win wherever the theme's styles land. */
._content_4mna6_3 {
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

._content_4mna6_3 ._header_4mna6_8 {
  align-items: flex-start;
  gap: 8px;
  padding: 22px 16px 0 24px;
}

._heading_4mna6_14 {
  flex: 1;
  min-width: 0;
}

._header_4mna6_8 ._title_4mna6_19 {
  margin: 0;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-20);
  font-weight: 600;
  line-height: 30px;
}

._context_4mna6_27 {
  margin: 2px 0 0;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  line-height: 20px;
}

/* The currency picker lands here, on the title's line */
._currency_4mna6_35 {
  display: flex;
  flex-shrink: 0;
}

._header_4mna6_8 ._close_4mna6_40 {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--baseloop-ink-faint);
}

._header_4mna6_8 ._close_4mna6_40:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  color: var(--baseloop-ink);
}

._content_4mna6_3 ._body_4mna6_51 {
  padding: 20px 24px 24px;
}

@media (max-width: 640px) {
  ._content_4mna6_3 ._header_4mna6_8 {
    padding: 18px 12px 0 16px;
  }

  ._content_4mna6_3 ._body_4mna6_51 {
    padding: 16px;
  }
}
/* An app-wide notice: a slim sheet over the work, on the same edges as the sheet below it
   (AppLayout .appMainBox: 4px of paper on top and right, 1px from the sidebar), with its corner
   and hairline ring. 13px ink, a quiet amber glyph, the actions at its end. */
._bar_jvsdz_4 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-height: 36px;
  margin: 4px 4px 0 max(1px, calc(4px - var(--mantine-navbar-width, 0px)));
  padding: 4px 6px 4px 14px;
  border-radius: var(--baseloop-sheet-radius);
  background-color: var(--baseloop-sheet);
  box-shadow: 0 0 0 1px var(--baseloop-hairline);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  line-height: 18px;
  text-align: left;
}

._clickable_jvsdz_21 {
  cursor: pointer;
}

._clickable_jvsdz_21:hover {
  background-color: color-mix(in srgb, var(--baseloop-ink) 2%, var(--baseloop-sheet));
}

._icon_jvsdz_29 {
  flex-shrink: 0;
  color: var(--baseloop-warn);
}

._message_jvsdz_34 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._actions_jvsdz_42 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
}

/* A secondary action: quiet text */
._action_jvsdz_42 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

button._action_jvsdz_42:hover,
._clickable_jvsdz_21:hover ._action_jvsdz_42 {
  color: var(--baseloop-ink);
}

/* The primary action: the raised key (the toolbar's), its label in ink */
._key_jvsdz_68 {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

button._key_jvsdz_68:hover,
._clickable_jvsdz_21:hover ._key_jvsdz_68 {
  background-color: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
  outline-color: var(--baseloop-raised-ring-hover);
}

._dismiss_jvsdz_87 {
  color: var(--baseloop-ink-faint);
}

._dismiss_jvsdz_87:hover {
  color: var(--baseloop-ink);
}

/* A hovered key keeps the focus line: its hover ring (button.key:hover) is an outline colour too,
   so the button key's focus rule is as specific and comes after it */
._action_jvsdz_42:focus-visible,
button._key_jvsdz_68:focus-visible,
._bar_jvsdz_4:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* Several notices: the summary bar opens them as rows in a floating list, where each row drops
   the sheet's edges and corner in favour of the list's own */
._popoverRows_jvsdz_106 {
  border: 0;
  border-radius: 10px;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
}

._popoverRows_jvsdz_106 ._bar_jvsdz_4 {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  box-shadow: none;
}
/* The ⌘K palette, after the reference Kevin picked: a white sheet on the modal shadow with no
   dimmed page, the search row, filter chips, one clean list (plain 16px icons, names in ink, quiet
   meta on the right, the current row saying what Enter does), the last rows fading into a foot on
   the rail with labels before their keys. */
._content_8dg9x_5 {
  overflow: hidden;
  border: 0;
  background-color: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

/* The dialog's title, for screen readers only. */
._hiddenHeader_8dg9x_13 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

._command_8dg9x_22 {
  display: flex;
  flex-direction: column;
}

._top_8dg9x_27 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
}

/* 36px, the control scale's panel step, at 13px */
._input_8dg9x_37 {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-13);
}

._input_8dg9x_37::placeholder {
  color: var(--baseloop-ink-faint);
}

/* The field is the whole top row and the caret shows focus. Scoped so it outranks the app's
   global input rules, whose focus ring and underline would draw inside the palette. */
._top_8dg9x_27 ._input_8dg9x_37 {
  box-shadow: none;
}

._top_8dg9x_27 ._input_8dg9x_37:focus-visible {
  outline: none;
}

/* The chips: All, Tables, Workspaces, Chats; the chosen one on the bubble grey */
._filters_8dg9x_65 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--baseloop-hairline);
}

._filter_8dg9x_65 {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-13);
  cursor: pointer;
}

._filter_8dg9x_65:hover {
  color: var(--baseloop-ink);
}

._filter_8dg9x_65[aria-selected='true'] {
  background: var(--baseloop-bubble);
  color: var(--baseloop-ink);
}

._list_8dg9x_94 {
  height: min(360px, calc(100dvh - 240px));
  overflow: auto;
  padding: 4px 8px 6px;
  overscroll-behavior: contain;
}

/* More below: the last rows fade into the foot */
._list_8dg9x_94[data-more-below] {
  mask-image: linear-gradient(to bottom, #000 calc(100% - 44px), transparent);
}

._group_8dg9x_106 [cmdk-group-heading] {
  padding: 12px 8px 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-11);
  font-weight: 500;
}

._group_8dg9x_106:first-child [cmdk-group-heading] {
  padding-top: 6px;
}

/* Results ease in as they land, instead of popping into the blank list */
._group_8dg9x_106 {
  animation: _paletteGroupIn_8dg9x_1 160ms ease both;
}

@keyframes _paletteGroupIn_8dg9x_1 {
  from {
    opacity: 0;
  }
}

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

._row_8dg9x_134 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  cursor: pointer;
}

._row_8dg9x_134[data-selected='true'] {
  background-color: color-mix(in srgb, var(--baseloop-ink) 5%, var(--baseloop-sheet));
}

/* A plain glyph, no tile: the emoji or the line icon carries itself */
._icon_8dg9x_149 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 16px;
  height: 16px;
  color: var(--baseloop-ink-faint);
}

._line_8dg9x_158 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

._name_8dg9x_165 {
  overflow: hidden;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
  text-overflow: ellipsis;
}

._context_8dg9x_173 {
  flex-shrink: 0;
  max-width: 180px;
  overflow: hidden;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
  text-overflow: ellipsis;
}

._meta_8dg9x_183,
._metaLive_8dg9x_184,
._hint_8dg9x_185 {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  font-size: var(--baseloop-text-11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._meta_8dg9x_183 {
  color: var(--baseloop-ink-faint);
}

/* Running or waiting on the user: live state, so the one orange word in the palette. */
._metaLive_8dg9x_184 {
  color: var(--baseloop-accent-text);
}

/* What Enter does, shown on the current row in place of its meta */
._hint_8dg9x_185 {
  display: none;
  align-items: center;
  gap: 6px;
  color: var(--baseloop-ink-soft);
}

._row_8dg9x_134[data-selected='true'] ._hint_8dg9x_185 {
  display: inline-flex;
}

._row_8dg9x_134[data-selected='true'] ._meta_8dg9x_183,
._row_8dg9x_134[data-selected='true'] ._metaLive_8dg9x_184 {
  display: none;
}

/* The typed text where it matched: a soft accent tint, the text in its own colour. */
._mark_8dg9x_221 {
  margin: 0 -1px;
  padding: 0 1px;
  border-radius: 2px;
  background-color: var(--baseloop-highlight);
  color: inherit;
}

/* The foot on the rail: each label before its keys, Close at the far end */
._foot_8dg9x_230 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 16px;
  border-top: 1px solid var(--baseloop-hairline);
  background: var(--baseloop-rail);
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-11);
}

._keys_8dg9x_242 {
  display: inline-flex;
  gap: 14px;
}

._keys_8dg9x_242 > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

._keys_8dg9x_242 kbd,
._hint_8dg9x_185 kbd {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 5px;
  background-color: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px var(--baseloop-hairline);
  color: var(--baseloop-ink-soft);
  font: inherit;
  font-size: var(--baseloop-text-11);
}

._keys_8dg9x_242 kbd:first-of-type {
  margin-left: 4px;
}

@media (max-width: 560px) {
  ._keys_8dg9x_242 > span:nth-child(3) {
    display: none;
  }
}
/* New organization: the new modal (as Save as template's): no header bar, the modal shadow, the
   title with the quiet × beside it, one field, then Cancel and Create on the grey band */
._content_1qo7e_3 {
  overflow: hidden;
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-modal-shadow);
}

._form_1qo7e_9 {
  display: flex;
  flex-direction: column;
}

._body_1qo7e_14 {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

._top_1qo7e_20 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

._top_1qo7e_20 ._title_1qo7e_27 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-16);
  font-weight: 600;
  line-height: 22px;
}

._close_1qo7e_34 {
  margin: -3px -6px 0 0;
  color: var(--baseloop-ink-faint);
}

._close_1qo7e_34:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 5%, transparent);
  color: var(--baseloop-ink);
}

._field_1qo7e_44 {
  margin-top: 16px;
}

/* The app's label: 13px ink at 500, as the connect modals' fields */
._label_1qo7e_49 {
  margin-bottom: 6px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._input_1qo7e_56 {
  height: 36px;
  border-radius: 8px;
  font-size: var(--baseloop-text-13);
}
/* A reference to a column, one look everywhere: white and raised on the card's shadow, the
   column's type icon in ink-faint and its name in ink. Inline sits in a line of text (the prompt
   editor's tokens), standalone in lists and rows (the full data panel's mapped fields). The
   prompt editor's tokens are TipTap DOM, so they take these classes through columnChipClassName;
   global.tsx adds only what is the editor's own (selection, the required mark, a missing column). */

/* The surface alone, for a token whose box cannot change (the JSON editor's Monaco text) */
._surface_fypw1_8 {
  border-radius: 6px;
  background: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
}

._chip_fypw1_14 {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  border: 0;
  color: var(--baseloop-ink);
  font: inherit;
  font-weight: var(--baseloop-weight-regular);
  white-space: nowrap;
}

._inline_fypw1_26 {
  gap: 4px;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: var(--baseloop-text-12);
  line-height: 20px;
}

._standalone_fypw1_35 {
  gap: 6px;
  height: 24px;
  padding: 0 9px 0 8px;
  border-radius: 8px;
  font-size: var(--baseloop-text-13);
  line-height: 1;
}

._icon_fypw1_44 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

._inline_fypw1_26 ._icon_fypw1_44 {
  width: 14px;
  height: 14px;
}

/* getFieldIcon paints its own grey; the chip's is ink-faint. An icon coloured for its action or by
   the user (data-action-glyph, data-column-color: on getFieldIcon's box, or on this wrapper in the
   prompt's chips) keeps its colour. */
._icon_fypw1_44:not([data-action-glyph], [data-column-color]),
._icon_fypw1_44:not([data-action-glyph], [data-column-color]) > svg,
._icon_fypw1_44:not([data-action-glyph], [data-column-color]) > :not([data-action-glyph], [data-column-color]) svg {
  color: var(--baseloop-ink-faint);
}

/* A long name ends in an ellipsis; the padding lets the descenders out of the clip at line-height 1,
   the margin takes it back */
._label_fypw1_67 {
  min-width: 0;
  margin-block: -2px;
  padding-block: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

._clickable_fypw1_75 {
  cursor: pointer;
}

._clickable_fypw1_75:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
}

._clickable_fypw1_75:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._chip_fypw1_14:disabled {
  background: var(--baseloop-sheet);
  cursor: default;
  opacity: 0.6;
}
._container_hoyyr_1 {
  padding: 6px;
}

._button_hoyyr_5 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 450;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

._button_hoyyr_5:hover {
  background-color: var(--mantine-color-gray-0);
}

._popoverContent_hoyyr_21 {
  min-width: 280px;
}

._fieldItem_hoyyr_25 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

._fieldItem_hoyyr_25:hover {
  background-color: var(--mantine-color-gray-0);
}

._fieldName_hoyyr_39 {
  flex: 1;
  font-size: 12px;
  font-weight: 450;
  color: var(--mantine-color-gray-8);
}

._fieldType_hoyyr_46 {
  font-size: 11px;
  color: var(--mantine-color-gray-6);
  margin-left: 8px;
}

._emptyState_hoyyr_52 {
  padding: 20px;
  text-align: center;
  color: var(--mantine-color-gray-6);
  font-size: 12px;
}

._searchInput_hoyyr_59 {
  margin-bottom: 8px;
}

._fieldList_hoyyr_63 {
  max-height: 240px;
  overflow-y: auto;
}

._divider_hoyyr_68 {
  margin: 4px 0;
  border-color: var(--mantine-color-gray-1);
}

/* Copy and Add column over the row's right end: hidden until the row is hovered or the popover
   is open, on a fade of the row's hover colour so long values run under it */
._popoverTargetGroup_hoyyr_75 {
  padding-left: 20px;
  background: linear-gradient(
    to right,
    transparent,
    color-mix(in srgb, var(--baseloop-ink) 3.5%, var(--baseloop-sheet)) 20px
  );
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
}

._popoverTargetGroup_hoyyr_75[data-visible] {
  opacity: 1;
  visibility: visible;
}

._copyButton_hoyyr_92 {
  border-radius: 6px;
  background-color: transparent;
  color: var(--baseloop-ink-faint);
}

._copyButton_hoyyr_92:hover {
  background-color: color-mix(in srgb, var(--baseloop-ink) 6%, transparent);
  color: var(--baseloop-ink-soft);
}

._addButton_hoyyr_103 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 8px 0 6px;
  border: 0;
  border-radius: 6px;
  background: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-12);
  white-space: nowrap;
  cursor: pointer;
}

._addButton_hoyyr_103:hover {
  background: color-mix(in srgb, var(--baseloop-ink) 2%, var(--baseloop-sheet));
}

._addButton_hoyyr_103:focus-visible,
._copyButton_hoyyr_92:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* Popover Dropdown */
._popoverDropdown_hoyyr_131 {
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: var(--baseloop-sheet);
  box-shadow: var(--baseloop-float-shadow);
  overflow: hidden;
}

/* Stack Container */
._stackContainer_hoyyr_141 {
  width: 304px;
}

/* Tabs */
._tabsList_hoyyr_146 {
  border-bottom: 1px solid var(--mantine-color-gray-1);
}

._tab_hoyyr_146 {
  font-size: var(--font-size-compact);
  font-weight: 450;
  padding: 6px 10px;
  color: var(--mantine-color-gray-7);
}

._tab_hoyyr_146[data-active] {
  color: var(--mantine-color-dark-6);
  border-bottom-color: var(--mantine-color-dark-6);
}

/* Section Headers */
._sectionHeader_hoyyr_163 {
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-14);
  font-weight: 600;
}

._sectionDescription_hoyyr_169 {
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-12);
  line-height: 1.5;
}

/* Text Input */
._textInput_hoyyr_176 {
  height: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baseloop-ink) 14%, transparent);
  font-size: var(--baseloop-text-13);
}

._textInputLabel_hoyyr_186 {
  margin-bottom: 6px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
  font-weight: var(--baseloop-weight-regular);
}

._textInput_hoyyr_176:focus {
  box-shadow: inset 0 0 0 1px var(--baseloop-focus);
}

/* Checkbox */
._checkbox_hoyyr_198 {
  border-color: var(--mantine-color-gray-3);
}

._checkboxLabel_hoyyr_202 {
  user-select: none;
  cursor: pointer;
}

/* Search Input */
._searchInput_hoyyr_59 {
  background-color: white;
  border: 1px solid var(--mantine-color-gray-2);
  font-size: var(--font-size-compact);
  height: 32px;
}

/* Scroll Area */
._scrollArea_hoyyr_216 {
  height: min(240px, 35vh);
}

/* Field Box */
._fieldBox_hoyyr_221 {
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  transition: background-color 0.1s ease;
  padding: 6px;
}

._fieldBoxSelected_hoyyr_230 {
  background-color: var(--mantine-color-gray-0);
}

._fieldCheckbox_hoyyr_234 {
  cursor: pointer;
}

/* Property Select */
._propertySelect_hoyyr_239 {
  background-color: white;
  border: 1px solid var(--mantine-color-gray-2);
  font-size: 11px;
  height: 28px;
  min-height: 28px;
}

._propertySelect_hoyyr_239:focus {
  border-color: var(--baseloop-focus);
}

/* Add Property Button */
._addPropertyButton_hoyyr_252 {
  border: 1px dashed var(--mantine-color-gray-2);
  background-color: transparent;
  color: var(--mantine-color-gray-6);
  font-size: 12px;
}

._addPropertyButton_hoyyr_252:hover {
  background-color: var(--mantine-color-gray-0);
  border-color: var(--mantine-color-gray-3);
}

/* Footer Buttons */
/* Cancel and the add button, on the right, as every confirming popover ends */
._footerBox_hoyyr_266 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 4px 16px 16px;
}

/* Both buttons the same size, whichever add button the mode shows */
._footerBox_hoyyr_266 .mantine-Button-root {
  height: 30px;
  padding: 0 12px;
  font-size: var(--baseloop-text-13);
  font-weight: 500;
}

._cancelButton_hoyyr_281 {
  color: var(--baseloop-ink);
}

._createButton_hoyyr_285 {
  background-color: var(--mantine-color-dark-6);
  color: white;
  font-weight: 450;
  height: 32px;
  font-size: var(--font-size-compact);
}

._createButton_hoyyr_285:hover {
  background-color: var(--mantine-color-dark-7);
}

._createButtonSmall_hoyyr_297 {
  background-color: var(--mantine-color-dark-6);
  color: white;
  font-weight: 450;
  height: 28px;
  font-size: 12px;
}

._createButtonSmall_hoyyr_297:hover {
  background-color: var(--mantine-color-dark-7);
}

._mapButton_hoyyr_309 {
  color: white;
  font-weight: 450;
  height: 32px;
  font-size: var(--font-size-compact);
}

._mapButtonActive_hoyyr_316 {
  background-color: var(--mantine-color-dark-6);
}

._mapButtonActive_hoyyr_316:hover {
  background-color: var(--mantine-color-dark-7);
}

._mapButtonInactive_hoyyr_324 {
  background-color: var(--mantine-color-gray-3);
}

._mapButtonInactive_hoyyr_324:hover {
  background-color: var(--mantine-color-gray-4);
}

._mapButton_hoyyr_309:disabled {
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-4);
}

._mapButtonSmall_hoyyr_337 {
  color: white;
  font-weight: 450;
  height: 28px;
  font-size: 12px;
}

/* Empty State */
._emptyStateBox_hoyyr_345 {
  text-align: center;
}

._emptyStateTitle_hoyyr_349 {
  font-size: 14px;
  color: var(--mantine-color-gray-6);
  font-weight: 450;
}

._emptyStateText_hoyyr_355 {
  font-size: 14px;
  color: var(--mantine-color-gray-6);
  margin-top: 4px;
}

/* Extraction Path Preview */
._extractionPath_hoyyr_362 {
  font-size: 11px;
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--mantine-color-gray-2);
  word-break: break-all;
  line-height: 1.4;
}

._extractionPathLabel_hoyyr_374 {
  font-size: 11px;
  color: var(--mantine-color-gray-5);
  font-weight: 500;
  text-transform: uppercase;
}

/* Property Row with nested dropdowns */
._propertyRow_hoyyr_382 {
  padding: 6px;
  background-color: var(--mantine-color-gray-0);
  border-radius: var(--mantine-radius-sm);
  border: 1px solid var(--mantine-color-gray-1);
}

/* Segmented Control for extraction scope */
._segmentedControl_hoyyr_390 {
  background-color: var(--mantine-color-gray-1);
  border-radius: 6px;
}

/* Value Preview (human-readable) */
._valuePreview_hoyyr_396 {
  font-size: 12px;
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid var(--mantine-color-gray-2);
  line-height: 1.5;
}

/* Breadcrumb for nested selection */
._breadcrumb_hoyyr_407 {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-7);
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
}
/* The fields of a cell, one line each: the key on the left, the value on one vertical line at
   every depth (deeper keys get narrower through --kw), a field that feeds a column in a soft block
   with the columns under its value, and Add column on hover. */

._list_tx0tq_5 {
  display: flex;
  flex-direction: column;
}

._row_tx0tq_10 {
  position: relative;
  display: grid;
  grid-template-columns: var(--kw, 124px) minmax(0, 1fr);
  gap: 12px;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: var(--baseloop-text-13);
  line-height: 1.5;
}

._row_tx0tq_10:hover,
._row_tx0tq_10:has(:focus-visible),
._row_tx0tq_10:focus-visible {
  background: color-mix(in srgb, var(--baseloop-ink) 3.5%, var(--baseloop-sheet));
}

._row_tx0tq_10:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: -1px;
}

._key_tx0tq_32 {
  color: var(--baseloop-ink-soft);
  overflow-wrap: anywhere;
}

/* A field that feeds a column reads as one unit: a soft block, its key in ink, and "Mapped to"
   with the columns on their own line under the value */
._row_tx0tq_10[data-mapped] {
  row-gap: 6px;
  margin-block: 2px;
  padding-block: 8px;
  border-radius: 8px;
  background: var(--baseloop-rail);
}

._row_tx0tq_10[data-mapped]:hover,
._row_tx0tq_10[data-mapped]:has(:focus-visible),
._row_tx0tq_10[data-mapped]:focus-visible {
  background: color-mix(in srgb, var(--baseloop-ink) 3.5%, var(--baseloop-rail));
}

._row_tx0tq_10[data-mapped] ._key_tx0tq_32 {
  color: var(--baseloop-ink);
  font-weight: 500;
}

._mapped_tx0tq_58 {
  display: flex;
  grid-column: 2;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._mappedLabel_tx0tq_67 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._value_tx0tq_72 {
  min-width: 0;
  color: var(--baseloop-ink);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

._value_tx0tq_72[data-num] {
  font-variant-numeric: tabular-nums;
}

._empty_tx0tq_83 {
  color: var(--baseloop-ink-faint);
}

._link_tx0tq_87 {
  color: var(--baseloop-ink);
  text-decoration: none;
}

._link_tx0tq_87:hover {
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--baseloop-ink) 30%, transparent);
  text-underline-offset: 2px;
}

._linkIcon_tx0tq_98 {
  margin-left: 4px;
  color: var(--baseloop-ink-faint);
  vertical-align: -1px;
}

/* Copy and Add column, over the row's right end, shown on hover */
._actions_tx0tq_105 {
  position: absolute;
  top: 3px;
  right: 4px;
}

._row_tx0tq_10[data-mapped] ._actions_tx0tq_105 {
  top: 5px;
}

/* A group: its summary ("2 items") opens it; what is inside hangs from a hairline */
._row_tx0tq_10[data-group-head] {
  cursor: pointer;
}

._summary_tx0tq_120 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--baseloop-ink-soft);
  font-variant-numeric: tabular-nums;
}

._chevron_tx0tq_128 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
  transition: transform 150ms ease;
}

._group_tx0tq_134[data-open='true'] > ._row_tx0tq_10 ._chevron_tx0tq_128 {
  transform: rotate(90deg);
}

._groupBody_tx0tq_138 {
  margin: 0 0 4px 14px;
  padding-left: 8px;
  border-left: 1px solid var(--baseloop-hairline);
}

@media (prefers-reduced-motion: reduce) {
  ._chevron_tx0tq_128 {
    transition: none;
  }
}
/* The ⌘K palette's search row at the menu's top: edge to edge over the surface's 4px inset, a 16px
   icon, no box of its own, a hairline under it. The icon centres on the 20px avatars below it and
   the text starts where their names do (4 + 8 + 20 + 10 = 42px in). */
._searchRow_vg7zu_4 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: -4px -4px 4px;
  padding: 0 8px 0 14px;
  border-bottom: 1px solid var(--baseloop-hairline);
  color: var(--baseloop-ink-faint);
}

._searchInput_vg7zu_14 {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--baseloop-ink);
  font: inherit;
  font-size: var(--baseloop-text-14);
}

._searchInput_vg7zu_14::placeholder {
  color: var(--baseloop-ink-faint);
}

/* Scoped so it outranks the app's global input rules, whose focus ring would draw in the row */
._searchRow_vg7zu_4 ._searchInput_vg7zu_14 {
  box-shadow: none;
}

._searchRow_vg7zu_4 ._searchInput_vg7zu_14:focus-visible {
  outline: none;
}

/* Seven and a half rows, so the half row says the list scrolls */
._list_vg7zu_41 {
  display: flex;
  flex-direction: column;
  max-height: 210px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* A long name ends in an ellipsis before the check */
._name_vg7zu_50 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Three avatar-high bars where the rows will be */
._loading_vg7zu_58 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 8px;
}
/* Mirrors the visual language of RecentListsSection so the sidebar reads as one coherent
   navigation surface, not a stack of disparate widgets. */

._container_x2zb1_4 {
  overflow: hidden;
}

/* Breathing room inside the scroller so the last thread doesn't sit flush against the bottom
   when the list is scrolled all the way down. */
._list_x2zb1_10 {
  padding-bottom: 12px;
}

._header_x2zb1_14 {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  transition: background-color 0.15s ease;
}

._header_x2zb1_14:hover {
  background-color: var(--mantine-color-gray-1);
}

._row_x2zb1_27 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  margin-bottom: 1px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
  /* Pins the row height so nothing revealed on hover (the delete button) can resize it and
     shift every thread below. Belt to the button's own 20px sizing brace. */
  min-height: 30px;
}

._row_x2zb1_27:hover {
  background-color: var(--mantine-color-gray-1);
}

/* gray.2 + weight 600, matching MenuItem's active row exactly. At gray.1 the active thread
   was indistinguishable from a hovered one, so the list never showed where you were. */
._rowActive_x2zb1_50 {
  background-color: var(--mantine-color-gray-2);
  cursor: default;
}

/* Trailing status slot: the waiting or unread dot. Fixed width so titles don't reflow as the
   status comes and goes. */
._status_x2zb1_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* The agent asked something and waits on the user: the one orange dot, since it needs them. */
._waitingDot_x2zb1_67 {
  width: 6px;
  height: 6px;
  /* A pixel, like Bit and the website's section square. */
  border-radius: 0;
  background-color: var(--baseloop-accent);
}

/* A run finished since the user last had this conversation open: ink, quieter than waiting. It
   sits in its own slot rather than overlapping a glyph, so it needs no knockout. */
._unreadDot_x2zb1_77 {
  width: 6px;
  height: 6px;
  /* A pixel, like Bit and the website's section square. */
  border-radius: 0;
  background-color: var(--baseloop-ink-soft);
}

._body_x2zb1_85 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* The whole row spec lives here rather than half here and half in inline Text props, so
   colour and weight can't drift apart from the background states above. */
._title_x2zb1_93 {
  min-width: 0;
  font-size: var(--baseloop-text-13);
  font-weight: var(--baseloop-weight-regular);
  color: var(--baseloop-rail-ink);
}

/* The production shimmer (ActionFeed's live label): the title at 45% of its colour, a 108px
   window at full strength sweeping across it every 1.6s, entering and leaving fully at every
   width. */
._titleRunning_x2zb1_103 {
  -webkit-text-fill-color: transparent;
  background-image:
    linear-gradient(90deg, transparent calc(50% - 54px), currentColor, transparent calc(50% + 54px)),
    linear-gradient(
      color-mix(in oklab, currentColor 45%, transparent),
      color-mix(in oklab, currentColor 45%, transparent)
    );
  background-size:
    calc(200% + 108px) 100%,
    auto;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  animation: _titleShimmer_x2zb1_1 1.6s linear infinite;
}

@keyframes _titleShimmer_x2zb1_1 {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0% 0;
  }
}

/* Without color-mix the gradient is invalid and the transparent fill would hide the title, so
   it shows plain instead. */
@supports not (color: color-mix(in oklab, red, blue)) {
  ._titleRunning_x2zb1_103 {
    -webkit-text-fill-color: currentColor;
    background: none;
    animation: none;
  }
}

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

._row_x2zb1_27:hover ._title_x2zb1_93 {
  color: var(--baseloop-ink);
}

._rowActive_x2zb1_50 ._title_x2zb1_93 {
  font-weight: 500;
  color: var(--baseloop-ink);
}

/* `display: none`, not `opacity: 0`. Hidden it reserved its 26px plus the row's 8px gap on
   every row, so titles truncated ~34px early against a button nobody could see. Taken out of
   flow entirely the title gets the full width at rest, and because the button comes BACK into
   flow on hover the title re-truncates ahead of it rather than running underneath. */
._deleteAction_x2zb1_160 {
  display: none;
  flex-shrink: 0;
}

._row_x2zb1_27:hover ._deleteAction_x2zb1_160 {
  display: flex;
}

/* Keyboard path: :focus-visible, NOT :focus-within. A mouse click focuses the row too
   (it's a button), and with :focus-within that pinned the trash icon visible after every
   click until focus moved elsewhere. :focus-visible only matches keyboard focus, so
   tabbing to a row still reveals the button before the next Tab lands on it — a
   display:none control is unfocusable, so revealing from the row is the only way in.
   Split into separate rules (not a selector list) so a browser without :has() drops only
   that rule instead of the whole group. */
._row_x2zb1_27:focus-visible ._deleteAction_x2zb1_160 {
  display: flex;
}

/* Keeps the button visible while Tab is ON it: at that point the row itself no longer
   matches :focus-visible, and hiding a control mid-focus would trap the keyboard user. */
._row_x2zb1_27:has(:focus-visible) ._deleteAction_x2zb1_160 {
  display: flex;
}

._seeAll_x2zb1_186 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  margin-top: 2px;
  border-radius: var(--mantine-radius-sm);
  width: 100%;
  transition: background-color 0.15s ease;
}

._seeAll_x2zb1_186:hover {
  background-color: var(--mantine-color-gray-1);
}
/* Recent tables and chats under the nav: a quiet label with Tables / Chats tabs at its right,
   then rows in the nav's own size (30px, 13px), no leading icon on chats. */
._container_hfmn8_3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 18px;
}

._header_hfmn8_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px 0 8px;
}

._label_hfmn8_18 {
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

._tabs_hfmn8_23 {
  display: inline-flex;
  gap: 2px;
}

/* 28px keys with 8px corners, 13px: the toolbar's tab size, not a capsule */
._tab_hfmn8_23 {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}

._tab_hfmn8_23:hover {
  color: var(--baseloop-ink);
}

._tab_hfmn8_23[aria-selected='true'] {
  background-color: rgba(42, 32, 29, 0.05);
  color: var(--baseloop-ink);
}

._tab_hfmn8_23:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._content_hfmn8_56 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._row_hfmn8_62 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: var(--baseloop-row-height);
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-rail-ink);
  font-size: var(--baseloop-text-13);
  /* At 500, as the nav rows above it */
  font-weight: 500;
  transition: background-color 120ms ease;
}

._row_hfmn8_62:hover {
  background-color: var(--baseloop-hover);
}

._row_hfmn8_62:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* A table's emoji is its identity: it keeps its colour, in the icon column's 20px box. */
._emoji_hfmn8_87 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

._name_hfmn8_96 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._skeletonRow_hfmn8_105 {
  display: flex;
  align-items: center;
  gap: 8px;
  height: var(--baseloop-row-height);
  padding: 0 10px;
}
._navbar_1lk1j_1 {
  justify-content: space-between;
  /* On the paper with no line of its own: the sheet's hairline is the edge. */
  background-color: var(--baseloop-rail);
  border: none !important;
  transition:
    width var(--shell-motion),
    opacity 120ms ease;
  overflow: visible !important;
}

/* Closed on a main page: the column narrows to nothing and fades, and stays out of the tab order
   once it is gone. The page header's Open sidebar button brings it back. */
._navbarClosed_1lk1j_14 {
  overflow: hidden !important;
  opacity: 0;
  visibility: hidden;
  transition:
    width var(--shell-motion),
    opacity 120ms ease,
    visibility 0s linear 260ms;
}

/* Closed and peeking (AppLayout's useSidebarPeek), as Linear peeks: a card flush to the window's
   left edge at the sidebar's own width, starting under the page's header row (any notice or
   banner above the sheet, AppLayout's --app-top-section-height, then the sheet's 4px inset and the
   header's 44px), so the header's Open sidebar button stays where the eye left it,
   and running to the window's bottom. The sheet's corner on its right side, the paper, the soft
   lifted shadow; the rest of the page dims under a scrim. The navbar itself takes no width, so
   nothing underneath moves. It slides in from the left edge and back out, the scrim fading with it. */
._navbarPeek_1lk1j_31 {
  --peek-top: calc(var(--app-top-section-height, 0px) + 48px);
  overflow: visible !important;
  z-index: calc(var(--z-chrome) + 1) !important;
}

._peekPanel_1lk1j_37 {
  position: relative;
  z-index: 1;
  height: calc(100% - var(--peek-top));
  margin-top: var(--peek-top);
  overflow: hidden;
  border-radius: 0 var(--baseloop-sheet-radius) var(--baseloop-sheet-radius) 0;
  background-color: var(--baseloop-rail);
  box-shadow: var(--baseloop-float-shadow-lift);
}

._peekScrim_1lk1j_48 {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.28);
}

._navbarPeek_1lk1j_31[data-peek='in'] ._peekPanel_1lk1j_37 {
  animation: _sidebarPeekIn_1lk1j_1 180ms ease-out;
}

._navbarPeek_1lk1j_31[data-peek='in'] ._peekScrim_1lk1j_48 {
  animation: _sidebarScrimIn_1lk1j_1 180ms ease-out;
}

._navbarPeek_1lk1j_31[data-peek='out'] ._peekPanel_1lk1j_37 {
  transform: translateX(-100%);
  transition: transform 180ms ease-in;
}

._navbarPeek_1lk1j_31[data-peek='out'] ._peekScrim_1lk1j_48 {
  opacity: 0;
  transition: opacity 180ms ease-in;
}

/* On its way out it takes no pointer: the page and the left edge are reachable at once, so a
   pointer coming straight back to the edge rests on it, not on the fading scrim */
._navbarPeek_1lk1j_31[data-peek='out'] ._peekScrim_1lk1j_48,
._navbarPeek_1lk1j_31[data-peek='out'] ._peekPanel_1lk1j_37 {
  pointer-events: none;
}

@keyframes _sidebarScrimIn_1lk1j_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes _sidebarPeekIn_1lk1j_1 {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: none;
  }
}

/* A peek docked: the column is already as wide as it will be, so it stays put while the page
   slides over to make room (the main area's padding keeps its own transition) */
._navbarDocked_1lk1j_101 {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  ._navbar_1lk1j_1,
  ._navbarClosed_1lk1j_14 {
    transition: none;
  }

  /* No slide and no fade: it shows and hides */
  ._navbarPeek_1lk1j_31 ._peekPanel_1lk1j_37,
  ._navbarPeek_1lk1j_31 ._peekScrim_1lk1j_48 {
    animation: none !important;
    transition: none !important;
  }
}

/* --- The nav column ---
   The sidebar's one column, as wide as the user drags it (264px by default). The 8px top and
   bottom match the sheet's inset, so the 44px header row centres on the sheet's header and the
   foot ends on the sheet's bottom edge. */
._navColumn_1lk1j_123 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex-shrink: 0;
  /* The navbar's own width, which the user drags (220 to 360px), so nothing spills past its edge */
  width: 100%;
  min-width: 0;
  height: 100%;
  /* 4px on top, the sheet's own inset (AppLayout SHEET_INSET), so the logo row and the sheet's
     header row share one centre line; 6px below, so the last line (the trial or credits note)
     shares the chat bar's centre line under the sheet */
  padding: 4px 8px 6px 12px;
  transition:
    width var(--shell-motion),
    background-color var(--shell-motion);
}

/* Logo on the left, the panel button on the right. Relative so the button can sit at either
   end without taking part in the flex row. */
._navHeader_1lk1j_144 {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: var(--baseloop-header-height);
  /* The header and the search row sit 12px apart, not the column's 18px group gap. */
  margin-bottom: -6px;
}

/* The mark, in the rows' icon column. */
._logoMark_1lk1j_155 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 30px;
  transition: opacity 0.15s ease;
}

/* The wordmark beside the mark. */
._wordmark_1lk1j_166 {
  flex-shrink: 0;
  width: 78px;
  margin-left: 2px;
  overflow: hidden;
  transition:
    width var(--shell-motion),
    margin-left var(--shell-motion),
    opacity 120ms ease;
}

/* Search and Create on one row, keys on the paper: white in a flat 1px ring, 30px like the nav rows
   under them (the control scale's 30), 13px. */
._topRow_1lk1j_179 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
}

._searchButton_1lk1j_186,
._createButton_1lk1j_187 {
  height: 30px;
  border-radius: 8px;
  background-color: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  transition: outline-color 120ms ease;
}

._searchButton_1lk1j_186:hover,
._createButton_1lk1j_187:hover {
  outline-color: var(--baseloop-raised-ring-hover);
}

._searchButton_1lk1j_186:focus-visible,
._createButton_1lk1j_187:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._searchButton_1lk1j_186 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 6px 0 10px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

/* The shortcut (shared/Kbd), at the field's right end. */
._searchKbd_1lk1j_219 {
  margin-left: auto;
}

._createButton_1lk1j_187 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 30px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
}

._navGroup_1lk1j_232 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Settings: Account and Data, each under a quiet label. */
._settingsGroups_1lk1j_239 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

._groupLabel_1lk1j_245 {
  padding: 0 8px 4px;
  color: var(--baseloop-ink-faint);
  font-size: var(--baseloop-text-12);
}

/* The foot: More and Settings, then the account and credits. */
._foot_1lk1j_252 {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 10px;
}

._account_1lk1j_259 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._scrollSection_1lk1j_265 {
  height: 100%;
  min-height: 0;
  flex: 1;
  overflow: auto;
}

/* Content fade transition */
._sidebarContent_1lk1j_273 {
  animation: _fadeIn_1lk1j_1 0.15s ease-out;
}

@keyframes _fadeIn_1lk1j_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* The panel button at the header's right end, always shown: the way to close the sidebar has to
   be findable. */
._collapseButton_1lk1j_288 {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    opacity 0.15s ease;
}

._collapseButton_1lk1j_288:hover {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink-soft);
}

._collapseButton_1lk1j_288:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* After the first switch, reopening fades the button in once the width has settled (240ms):
   until then the right edge is still moving. Not applied on first paint, or it would flash. */
._collapseButtonEnter_1lk1j_319 {
  animation: _toggleEnterNav_1lk1j_1 120ms ease 240ms backwards;
}

@keyframes _toggleEnterNav_1lk1j_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* The expanded sidebar's right edge: a 7px strip over the sheet's gap that drags to resize, the
   same affordance as the tables pane's edge (a 2px line on hover, focus or drag). */
._resize_1lk1j_334 {
  position: absolute;
  top: 0;
  right: -4px;
  bottom: 0;
  z-index: 3;
  width: 7px;
  cursor: col-resize;
  touch-action: none;
}

/* Linear's drag line: a fine ink spindle centred on the sheet's own hairline (the strip starts 4px
   left of the navbar's edge, and the sheet's ring is the navbar's last pixel), along the
   sheet's straight edge only: a hair at both ends, 1px at its middle. It stops where the corners
   round: the 4px inset plus the 12px corner on top, the 34px chat bar plus the corner below. */
._resize_1lk1j_334::after {
  content: '';
  position: absolute;
  top: calc(4px + var(--baseloop-sheet-radius));
  bottom: calc(34px + var(--baseloop-sheet-radius));
  left: 3px;
  width: 1px;
  background-color: transparent;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transition: background-color 120ms ease;
}

._resize_1lk1j_334:hover::after,
._resize_1lk1j_334:focus-visible::after,
._resizeActive_1lk1j_363::after {
  background-color: var(--baseloop-ink);
}

._resize_1lk1j_334:focus-visible {
  outline: none;
}

/* While the sidebar's edge is dragged, the whole page keeps the resize cursor and selects no text. */
html[data-panel-resizing],
html[data-panel-resizing] * {
  cursor: col-resize !important;
  user-select: none;
}

/* Dragged, everything in the sidebar tracks its edge at once: the column's width and the labels'
   clip and fade only animate when it opens or closes. */
html[data-panel-resizing] ._navbar_1lk1j_1,
html[data-panel-resizing] ._navbar_1lk1j_1 * {
  transition: none !important;
}
/* The workspace's tables, the sheet's first pane on a workspace route (Linear's Inbox): the sheet's
   own white, one hairline parting it from the table, everything inside inset 8px so nothing
   touches the sheet's edge. */
._pane_btjr9_4 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 280px;
  height: 100%;
  min-height: 0;
  border-right: 1px solid var(--baseloop-hairline);
  background-color: var(--baseloop-sheet);
}

/* The switcher, as tall as the table's header beside it, with the same hairline under it, so the
   two read as one header bar across the sheet. */
._top_btjr9_18 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  height: var(--baseloop-header-height);
  padding: 0 8px;
  border-bottom: 1px solid var(--baseloop-hairline);
}

._switcher_btjr9_28 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-13);
  font-weight: 600;
}

/* The workspace's icon, the same layers glyph its menu lists workspaces with */
._switcherIcon_btjr9_43 {
  flex-shrink: 0;
  margin-right: 2px;
  color: var(--baseloop-ink-soft);
}

._switcherName_btjr9_49 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._switcherChevron_btjr9_56 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}

._switcher_btjr9_28:hover {
  background-color: rgba(42, 32, 29, 0.03);
}

._switcher_btjr9_28:focus-visible,
._create_btjr9_66:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

/* At the row's end: a new table or folder, the header's icon button (as the sidebar's own) */
._create_btjr9_66 {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--baseloop-ink-faint);
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

._create_btjr9_66:hover,
._create_btjr9_66[aria-expanded='true'] {
  background-color: var(--baseloop-hover);
  color: var(--baseloop-ink-soft);
}

._tree_btjr9_91 {
  padding: 8px;
}

/* The right edge: a 7px strip over the hairline that drags to resize; hovered, focused or dragged,
   the hairline darkens to a 2px line so it reads as something to grab. */
._resize_btjr9_97 {
  position: absolute;
  top: 0;
  right: -4px;
  bottom: 0;
  z-index: 2;
  width: 7px;
  cursor: col-resize;
  touch-action: none;
}

/* The sidebar's drag line (Linear's): a fine ink spindle centred on the pane's own hairline, a
   hair at both ends and 2px at its middle, short of both ends by the sheet's corner radius. */
._resize_btjr9_97::after {
  content: '';
  position: absolute;
  top: var(--baseloop-sheet-radius);
  bottom: var(--baseloop-sheet-radius);
  left: 3px;
  width: 1px;
  background-color: transparent;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transition: background-color 120ms ease;
}

._resize_btjr9_97:hover::after,
._resize_btjr9_97:focus-visible::after,
html[data-pane-resizing] ._resize_btjr9_97::after {
  background-color: var(--baseloop-ink);
}

._resize_btjr9_97:focus-visible {
  outline: none;
}

/* While dragging, the whole page keeps the resize cursor and no text gets selected. */
html[data-pane-resizing],
html[data-pane-resizing] * {
  cursor: col-resize !important;
  user-select: none;
}

/* A workspace in the switcher: the row switches, its ⋯ sits over the row's end slot */
._switcherRow_btjr9_140 {
  position: relative;
}

/* The row's end: the current workspace's check, and the slot the ⋯ takes over on hover, so the
   name never reflows as it comes and goes */
._switcherRowEnd_btjr9_146 {
  display: grid;
  place-items: center;
  width: 22px;
  height: 18px;
}

._switcherCheck_btjr9_153 {
  color: var(--mantine-color-gray-6);
}

/* The ⋯: there while the row is hovered, focused or keyboard-selected, or its menu is open. Out of
   the row's flow (absolute), so revealing it never changes the row's size. */
._switcherRowMenu_btjr9_159 {
  position: absolute;
  top: 50%;
  right: 8px;
  color: var(--baseloop-ink-faint);
  opacity: 0;
  transform: translateY(-50%);
}

._switcherRow_btjr9_140:hover ._switcherRowMenu_btjr9_159,
._switcherRow_btjr9_140:focus-within ._switcherRowMenu_btjr9_159,
._switcherRow_btjr9_140:has([data-hovered]) ._switcherRowMenu_btjr9_159,
._switcherRow_btjr9_140[data-menu-open] ._switcherRowMenu_btjr9_159 {
  opacity: 1;
}

._switcherRow_btjr9_140:hover ._switcherRowEnd_btjr9_146:has(._switcherCheck_btjr9_153),
._switcherRow_btjr9_140:focus-within ._switcherRowEnd_btjr9_146:has(._switcherCheck_btjr9_153),
._switcherRow_btjr9_140:has([data-hovered]) ._switcherRowEnd_btjr9_146:has(._switcherCheck_btjr9_153),
._switcherRow_btjr9_140[data-menu-open] ._switcherRowEnd_btjr9_146:has(._switcherCheck_btjr9_153) {
  opacity: 0;
}

/* A workspace renamed where it stands: the row's height, icon and type */
._switcherRename_btjr9_183 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 28px;
  padding: 5px 8px;
  color: var(--baseloop-ink);
  font-size: var(--mantine-font-size-sm);
  line-height: 18px;
}
._appShellMain_16zp5_1 {
  height: 100dvh;
  padding-left: var(--mantine-navbar-width, 0px);
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  /* Same motion as the navbar's width (--shell-motion), or the main area's padding jumps to
     the final value instantly and a gap shows until the navbar catches up. */
  transition: padding-left var(--shell-motion);
}

._appShellBody_16zp5_14 {
  /* The paper the sidebar sits on and the sheet floats on. */
  background-color: var(--baseloop-rail);
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Alert banner: on the paper above the sheet, no line of its own. */
._readOnlyBanner_16zp5_23 {
  background: var(--baseloop-rail);
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* The sheet: the one white surface that holds the work, inset from the paper by
   --app-sheet-inset on the top and right, with one hairline and the sheet's corner. Below it
   the chat bar takes the paper's strip. overflow clips the content to the corner; the hairline
   is a ring, so it takes no space. The ring sits 1px outside the sheet, and the fixed navbar
   paints over anything beneath it, so the sheet keeps 1px from the navbar or its left edge
   loses the line. With the sidebar closed (navbar width 0) the full inset shows on the left too. */
._appMainBox_16zp5_38 {
  margin: var(--app-sheet-inset) var(--app-sheet-inset) 0
    max(1px, calc(var(--app-sheet-inset) - var(--mantine-navbar-width, 0px)));
  transition: margin-left var(--shell-motion);
  border-radius: var(--baseloop-sheet-radius);
  box-shadow: 0 0 0 1px var(--baseloop-hairline);
  background-color: var(--baseloop-sheet);
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  min-height: 0;
}

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

/* The closed sidebar's peek strip (useSidebarPeek): the paper left of the sheet, as wide as that
   gutter (the sheet inset, set inline), the window's full height. It never covers the sheet's edge
   or the grid's first column. Only a pointer that hovers gets it; a touch screen has none. */
._peekEdge_16zp5_59 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-chrome);
}

@media (hover: none), (pointer: coarse) {
  ._peekEdge_16zp5_59 {
    display: none;
  }
}

/* A workspace route: the workspace's tables as the sheet's first pane, the page beside it. */
/* As tall as the page area, so the pane's hairline runs from the header to the sheet's bottom. */
._paneLayout_16zp5_75 {
  display: flex;
  height: var(--app-main-height, 100%);
  min-height: 0;
}

._paneContent_16zp5_81 {
  flex: 1;
  min-width: 0;
  height: 100%;
}

._topSectionWrapper_16zp5_87 {
  display: flex;
  flex-direction: column;
}

/* While a panel edge is dragged (the sidebar's), the page follows the pointer instead of easing
   after it: the offset and the sheet's margin drop their transitions for the drag. */
html[data-panel-resizing] ._appShellMain_16zp5_1,
html[data-panel-resizing] ._appMainBox_16zp5_38 {
  transition: none;
}
._settingsShellMain_15fhi_1 {
  height: 100dvh;
  background-color: var(--baseloop-rail);
  padding-left: calc(var(--mantine-navbar-width, 0px)); /* Note: No +2px like AppLayout */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/* The sheet, as in AppLayout: inset 4px from the paper on the top and right, the chat bar (34px)
   below it, and 1px from the fixed navbar, which would otherwise paint over the left side of the
   ring. */
._settingsMainContentBox_15fhi_13 {
  margin: 4px 4px 0 1px;
  height: calc(100% - 38px);
  border-radius: var(--baseloop-sheet-radius);
  box-shadow: 0 0 0 1px var(--baseloop-hairline);
  background-color: var(--baseloop-sheet);
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._settingsMainContentBox_15fhi_13::-webkit-scrollbar {
  display: none;
}
/* A toolbar tool: icon first, a faint count after it, soft ink; a faint fill on hover and while its
   popover is open. */
._tool_1faja_3 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  color: var(--baseloop-ink-soft);
  font-size: var(--baseloop-text-13);
  white-space: nowrap;
}

._tool_1faja_3 svg {
  flex-shrink: 0;
}

._tool_1faja_3:hover,
._tool_1faja_3[data-active] {
  background-color: rgba(42, 32, 29, 0.05);
  color: var(--baseloop-ink);
}

/* Raised (the table toolbar's tools): the sidebar Search's white key in a flat 1px ring, the glyph
   in ink. Hovered or open, the ring darkens and a 3% ink fill comes in. */
._tool_1faja_3[data-raised] {
  background-color: var(--baseloop-sheet);
  outline: 1px solid var(--baseloop-raised-ring);
  color: var(--baseloop-ink);
}

._tool_1faja_3[data-raised]:hover,
._tool_1faja_3[data-raised][data-active] {
  background-color: color-mix(in srgb, var(--baseloop-ink) 3%, var(--baseloop-sheet));
  outline-color: var(--baseloop-raised-ring-hover);
}

._tool_1faja_3:disabled {
  cursor: default;
  opacity: 0.6;
}

/* The raised one's too: its hover ring is as specific and would grey the focus line */
._tool_1faja_3:focus-visible,
._tool_1faja_3[data-raised]:focus-visible {
  outline: 1px solid var(--baseloop-focus);
  outline-offset: 1px;
}

._count_1faja_52 {
  color: var(--baseloop-ink-faint);
  font-variant-numeric: tabular-nums;
}
/* The new chat's hero on /chat: the pill composer, centred, Bit and the band on its top edge. */

._hero_190fg_3 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 28px;
  gap: 14px;
}

/* The company band behind the pill, inset to its straight top edge: the pill's ends are half
   circles, so a full-width band would show at its corners. */
._band_190fg_16 {
  padding-inline: 24px;
}

/* Bit stands on the column's top edge (the band or the pill), its feet over the 1px hairline,
   a little in from the left. */
._bit_190fg_22 {
  position: absolute;
  left: 30px;
  bottom: calc(100% - 1px);
  z-index: 1;
}

/* Starter pills sit centred under the composer. Narrower than the card so the five starters
   wrap into balanced rows (three, then two) instead of four and an orphan. */
._starters_190fg_31 {
  margin-top: 16px;
  max-width: 580px;
  margin-inline: auto;
}

@media (max-width: 768px) {
  ._hero_190fg_3 {
    margin-top: 8px;
    margin-bottom: 20px;
  }
}
/* The new chat on /chat, centred on the sheet. ChatHero renders inside it. */

._root_vjdis_3 {
  position: relative;
  height: var(--app-main-height, 100dvh);
  overflow: hidden;
  /* The white sheet, like every page: the pill's hairline and lift make it an object. */
  background: var(--baseloop-sheet);
}

._scroll_vjdis_11 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow-y: auto;
  padding: 48px 40px 56px;
  gap: 28px;
}

/* Center the hero in the viewport rather than pinning it to the top third. Auto margins,
   not `justify-content: center` — when the composer grows past the viewport, auto margins
   collapse to 0 instead of clipping the top of the block out of the scroller. */
._scroll_vjdis_11 > * {
  margin-block: auto;
}
/* The chat on the white sheet: the one-row header, then the chat filling the rest. The chat view
   sizes itself from --app-main-height and paints --chat-canvas, so both follow this box. */
._page_3w8q3_3 {
  display: flex;
  flex-direction: column;
  height: var(--app-main-height, 100dvh);
  background-color: var(--baseloop-sheet);
}

._body_3w8q3_10 {
  --app-main-height: 100%;
  --chat-canvas: var(--baseloop-sheet);

  flex: 1;
  min-height: 0;
}

/* The chat's title in the header's type, a chevron after it: one button that opens its menu. */
._heading_3w8q3_19 {
  display: flex;
  min-width: 0;
  margin: 0 0 0 -6px;
}

._titleButton_3w8q3_25 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 28px;
  padding: 0 6px;
  border-radius: 8px;
  color: var(--baseloop-ink);
  font-size: var(--baseloop-text-15);
  font-weight: 600;
  line-height: 20px;
}

._titleButton_3w8q3_25:hover,
._titleButton_3w8q3_25[aria-expanded='true'] {
  background-color: rgba(42, 32, 29, 0.05);
}

._titleButton_3w8q3_25:focus-visible {
  outline: 1px solid var(--baseloop-focus);
}

._titleText_3w8q3_48 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_3w8q3_55 {
  flex-shrink: 0;
  color: var(--baseloop-ink-faint);
}