:root {
  color-scheme: var(--mantine-color-scheme);
}

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

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

button,
select {
  text-transform: none;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  font-family: var(--mantine-font-family);
  font-size: calc(1rem * 1);
  font-size: var(--mantine-font-size-md);
  line-height: 1.55;
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);

  -webkit-font-smoothing: antialiased;

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

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

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

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

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

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

.mantine-focus-auto:focus-visible {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * 1);
    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 * 1);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

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

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

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

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

/* This file is automatically generated, do not modify it directly. */
:root {
  --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.25rem * 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-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'] {
  --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-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(46, 46, 46, 0.15);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --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(134, 142, 150, 0.15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --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(250, 82, 82, 0.15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --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(230, 73, 128, 0.15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --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(190, 75, 219, 0.15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --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(121, 80, 242, 0.15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --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(76, 110, 245, 0.15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --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(34, 139, 230, 0.15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --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(21, 170, 191, 0.15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --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(18, 184, 134, 0.15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --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(64, 192, 87, 0.15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --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(130, 201, 30, 0.15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --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(250, 176, 5, 0.15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --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(253, 126, 20, 0.15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --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'] {
  --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-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: rgba(46, 46, 46, 0.1);
  --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --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: rgba(134, 142, 150, 0.1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --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: rgba(250, 82, 82, 0.1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --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: rgba(230, 73, 128, 0.1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --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: rgba(190, 75, 219, 0.1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --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: rgba(121, 80, 242, 0.1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --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: rgba(76, 110, 245, 0.1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --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: rgba(34, 139, 230, 0.1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --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: rgba(21, 170, 191, 0.1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --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: rgba(18, 184, 134, 0.1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --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: rgba(64, 192, 87, 0.1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --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: rgba(130, 201, 30, 0.1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --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: rgba(250, 176, 5, 0.1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --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: rgba(253, 126, 20, 0.1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
}

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

  position: relative;
  overflow: hidden;
}

  .m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: -moz-min-content;
    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-right: 0;
        padding-left: 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-right: var(--scrollarea-scrollbar-size);
        padding-left: 0;
        padding-left: initial;
      }

.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 {
  -webkit-user-select: none;
     -moz-user-select: none;
          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: #f8f9fa;
      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: #1f1f1f;
      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: #f8f9fa;
      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: #1f1f1f;
      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);
    right: 0;
  }

.m_c44ba933:where([data-orientation='horizontal']) {
    height: var(--scrollarea-scrollbar-size);
    flex-direction: column;
    bottom: 0;
    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 * 1);
    min-width: calc(2.75rem * var(--mantine-scale));
    min-height: calc(2.75rem * 1);
    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;
  right: 0;
  bottom: 0;
}

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

:where([data-mantine-color-scheme='dark']) .m_21657268 {
    background-color: #1f1f1f;
    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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: calc(1rem * 1);
  font-size: var(--mantine-font-size-md);
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

  :where([dir="rtl"]) .m_87cf2631 {
    text-align: right;
}

.m_515a97f8 {
  border: 0;
  clip: rect(0 0 0 0);
  height: calc(0.0625rem * 1);
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * 1);
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * 1);
  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;
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: calc(0.25rem * 1);
  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 * 1) solid var(--paper-border-color);
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
  }

.m_9814e45f {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  backdrop-filter: var(--overlay-filter);
  border-radius: 0;
  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: calc(0.75rem * 1) calc(1rem * 1);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: none;
  box-shadow: var(--popover-shadow, none);
  border-radius: calc(0.25rem * 1);
  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: #fff;
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: #2e2e2e;
    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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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 * 1);
  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 * 1);
    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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;

  width: calc(1.75rem * 1);

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

  @media (hover: hover) {
    .m_8d3f4000:hover:where(:not([data-loading]):not(:disabled):not([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]):not(:disabled):not([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 * 1) solid transparent;
    border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    color: var(--mantine-color-disabled-color);
    background-color: var(--mantine-color-disabled);
  }

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

.m_302b9fb1 {
  top: calc(-0.0625rem * 1);
  right: calc(-0.0625rem * 1);
  bottom: calc(-0.0625rem * 1);
  left: calc(-0.0625rem * 1);
  top: calc(-0.0625rem * var(--mantine-scale));
  right: calc(-0.0625rem * var(--mantine-scale));
  bottom: calc(-0.0625rem * var(--mantine-scale));
  left: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: calc(0.25rem * 1);
  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-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right-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-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-left-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-left-width: calc(var(--ai-border-width) / 2);
        border-right-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-bottom-left-radius: 0;
        border-bottom-right-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-top-left-radius: 0;
        border-top-right-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: 600;
  width: auto;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: calc(0.875rem * 1);
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: calc(0.0625rem * 1) solid transparent;
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: #fff;
  color: var(--section-color, var(--mantine-color-white));
  height: calc(1.375rem * 1);
  height: var(--section-height, var(--section-height-sm));
  padding-left: calc(0.5rem * 1);
  padding-right: calc(0.5rem * 1);
  padding-left: var(--section-padding-x, var(--section-padding-x-sm));
  padding-right: 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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  width: calc(1.75rem * 1);

  width: var(--cb-size);
  height: calc(1.75rem * 1);
  height: var(--cb-size);
  min-width: calc(1.75rem * 1);
  min-width: var(--cb-size);
  min-height: calc(1.75rem * 1);
  min-height: var(--cb-size);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--cb-radius);
}

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

  :where([data-mantine-color-scheme='dark']) .m_86a44da5 {
    color: #b8b8b8;
    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]):not(:disabled)):hover {
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
  }

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

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

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

.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: flex-start;
  justify-content: var(--group-justify, flex-start);
  align-items: center;
  align-items: var(--group-align, center);
  gap: calc(1rem * 1);
  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: 400;
  font-size: calc(1rem * 1);
  font-size: var(--mantine-font-size-md);
}

.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(1rem * 1);
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-right: calc((1rem * 1) - (0.3125rem * 1));
  padding-right: calc(calc(1rem * 1) - (0.3125rem * 1));
  padding-right: calc(var(--mb-padding, var(--mantine-spacing-md)) - (0.3125rem * var(--mantine-scale)));
  padding-right: calc(calc(1rem * 1) - calc(0.3125rem * 1));
  padding-right: 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 * 1);
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-right 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: 0 calc(0.0625rem * 1) calc(0.1875rem * 1)
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * 1) calc(1.75rem * 1)
      calc(-0.4375rem * 1),
    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * 1)
      calc(1.0625rem * 1) calc(-0.4375rem * 1);
  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-right: calc((1rem * 1) + (0.3125rem * 1));
    padding-right: calc(calc(1rem * 1) + (0.3125rem * 1));
    padding-right: calc(var(--mb-padding, var(--mantine-spacing-md)) + (0.3125rem * var(--mantine-scale)));
    padding-right: calc(calc(1rem * 1) + calc(0.3125rem * 1));
    padding-right: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
  }

.m_606cb269 {
  margin-left: auto;
}

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

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

.m_6c018570 {
  position: relative;
  margin-top: 0rem;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: 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-text-align: left;
  --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-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);
}

  :where([dir="rtl"]) .m_6c018570 {
    --input-text-align: right;
    --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_8fb7ebe7 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;

  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * 1) solid var(--input-bd);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  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: calc(1rem * 1);
  font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
  border-radius: var(--input-radius);
  padding-left: var(--input-padding-inline-start);
  padding-right: var(--input-padding-inline-end);
  padding-top: 0rem;
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: 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);
  }

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

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

.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 {
    -webkit-appearance: none;
            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;
  }

.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  left: var(--section-start);
  right: 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));
}
[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
  }

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

.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  word-wrap: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: calc(0.875rem * 1);
  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_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}

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

.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: calc((0.875rem * 1) - (0.125rem * 1));
  font-size: calc(calc(0.875rem * 1) - (0.125rem * 1));
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - (0.125rem * var(--mantine-scale))));
  font-size: calc(calc(0.875rem * 1) - calc(0.125rem * 1));
  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]) {
    background-color: red;
    display: none;
  }

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

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

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

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

.m_4ba585b8 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-left: calc(1rem * 1);
  padding-right: calc(1rem * 1);
  padding-left: var(--mantine-spacing-md);
  padding-right: 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-left: 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):not([data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled):not([data-disabled])):hover {
        background-color: #f8f9fa;
        background-color: var(--mantine-color-gray-0);
  }

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

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

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

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

.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform 200ms ease;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: calc(0.9375rem * 1);
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: calc(0.9375rem * 1);
  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-right: calc(1rem * 1);
    margin-right: var(--mantine-spacing-md);
    margin-left: calc(1rem * 1);
    margin-left: var(--mantine-spacing-md);
  }

.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: calc(0.75rem * 1);
  margin-right: var(--mantine-spacing-sm);
}

.m_9bd771fe:where([data-chevron-position='left']) {
    margin-right: 0;
    margin-left: calc(1.25rem * 1);
    margin-left: 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-top-left-radius: var(--accordion-radius);
    border-top-right-radius: var(--accordion-radius);
  }

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

.m_1f921b3b:last-of-type {
    border-bottom-left-radius: var(--accordion-radius);
    border-bottom-right-radius: var(--accordion-radius);
  }

.m_1f921b3b:last-of-type > [data-accordion-control] {
      border-bottom-left-radius: var(--accordion-radius);
      border-bottom-right-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 * 1) solid transparent;
  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: #fff;
      background-color: var(--mantine-color-white);
}

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

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

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

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

  padding: calc(1rem * 1) calc(1rem * 1);

  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: calc(0.0625rem * 1) solid transparent;
  border: var(--alert-bd);
  color: var(--alert-color);
}

.m_a5d60502 {
  display: flex;
}

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

.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}

.m_6a03f287:where([data-with-close-button]) {
    padding-right: calc(1rem * 1);
    padding-right: var(--mantine-spacing-md);
  }

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

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

.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
}

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

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

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

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

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

.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: calc(1rem * 1);
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: 1.55;
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: var(--text-color);
}

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

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

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

  .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);
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: 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 {
      -webkit-text-decoration: underline;
      text-decoration: underline;
  }
}

  @media (hover: none) {

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

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

  @media (hover: hover) {

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

  @media (hover: none) {

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

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

  .m_849cf0da:where([data-variant='gradient']),
    .m_849cf0da:where([data-variant='gradient']):hover {
      -webkit-text-decoration: none;
      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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

  .m_48204f9b:focus-within {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: calc(0.125rem * 1);
    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: #f1f3f5;
    background-color: var(--mantine-color-gray-1);
}

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

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

.m_481dd586 {
  width: calc(0.125rem * 1);
  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 * 1);
    left: calc(0.03125rem * var(--mantine-scale));
    width: calc(0.0625rem * 1);
    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: #ced4da;
      background-color: var(--mantine-color-gray-4);
}

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

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

.m_bc02ba3d {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1.5px);
  right: 0;
  height: 100%;
  width: calc(0.1875rem * 1);
  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 * 1);
    width: calc(0.1875rem * var(--mantine-scale));
  }

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

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

.m_bb8e875b {
  font-size: calc(0.75rem * 1);
  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;
  }
  [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: 0rem;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(
    100dvh - 0rem - 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-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a {
    top: 0rem;
    height: 100dvh;
  }

.m_45252eee {
  left: 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([dir="rtl"]) .m_45252eee {
    transform: var(--app-shell-navbar-transform-rtl);
}

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

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

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

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

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

.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  left: 0;
  right: 0;
  transition-property: transform, left, right;
  background-color: var(--mantine-color-body);
}

:where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 {
    left: 0rem;
    left: var(--app-shell-navbar-offset, 0rem);
    right: 0rem;
    right: var(--app-shell-aside-offset, 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);
}

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

.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) {
    -o-object-fit: cover;
       object-fit: cover;
  }

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

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

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

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

/* 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: calc(0.875rem * 1);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: calc(0.25rem * 1);
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  word-wrap: break-word;
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: #fff;
    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]):not([data-combobox-disabled])) {
        background-color: #f8f9fa;
        background-color: var(--mantine-color-gray-0);
  }

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

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

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

.m_985517d8 {
  margin-left: calc(var(--combobox-padding) * -1);
  margin-right: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-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: #e9ecef;
      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: #424242;
      border-color: var(--mantine-color-dark-4);
}

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

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

.m_2530cd1d {
  font-size: calc(0.875rem * 1);
  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: calc(0.875rem * 1);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-left: calc(var(--combobox-padding) * -1);
  margin-right: 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: #e9ecef;
    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: #424242;
    border-color: var(--mantine-color-dark-4);
}

.m_82b967cb {
  border-top-width: calc(0.0625rem * 1);
  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 * 1);
  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((0.875rem * 1) * 0.85);
  font-size: calc(calc(0.875rem * 1) * 0.85);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

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

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

:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
      background-color: #424242;
      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 * 1);
  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_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: calc(0.875rem * 1);
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: default;
  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-left: var(--label-offset-start);
  padding-right: var(--label-offset-end);
}

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

.m_328f68c0 {
  margin-top: calc((0.625rem * 1) / 2);
  margin-top: calc(calc(0.625rem * 1) / 2);
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-left: var(--label-offset-start);
  padding-right: var(--label-offset-end);
}

.m_8e8a99cc {
  margin-top: calc((0.625rem * 1) / 2);
  margin-top: calc(calc(0.625rem * 1) / 2);
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-left: var(--label-offset-start);
  padding-right: var(--label-offset-end);
}

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

  display: block;
  width: 100%;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--card-radius);
  cursor: pointer;
}

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

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

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

  :where([data-mantine-color-scheme='dark']) .m_26775b0a:where([data-with-border]) {
      border-color: #424242;
      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 * 1) solid transparent;
  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: calc(0.25rem * 1);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition:
    border-color 100ms ease, background-color 100ms ease;
  cursor: default;
  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: #fff;
    background-color: var(--mantine-color-white);
    border-color: #ced4da;
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_5e5256ee {
    background-color: #2e2e2e;
    background-color: var(--mantine-color-dark-6);
    border-color: #424242;
    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: #adb5bd;
        color: var(--mantine-color-gray-5);
}

  [data-mantine-color-scheme='dark'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
        color: #696969;
        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 * 1)) scale(0.5);
  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 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: calc(0.0625rem * 1) solid transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: calc(0.25rem * 1);
  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: default;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

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

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

.m_26063560:where([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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * 1)) scale(0.5);
  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-left: calc(0.75rem * 1);
  padding-left: 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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: calc(62.5rem * 1);
  border-radius: var(--avatar-radius);
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0;
  width: calc(2.375rem * 1);
  width: var(--avatar-size);
  height: calc(2.375rem * 1);
  height: var(--avatar-size);
  min-width: calc(2.375rem * 1);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
    margin-left: var(--ag-offset);
    border: 2px solid var(--mantine-color-body);
    background: var(--mantine-color-body);
  }

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

.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          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;
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: 0;
  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: calc(0.6875rem * 1);
  font-size: var(--badge-fz);
  border-radius: calc(62.5rem * 1);
  border-radius: var(--badge-radius);
  height: calc(1.25rem * 1);
  height: var(--badge-height);
  line-height: calc((1.25rem * 1) - (0.125rem * 1));
  line-height: calc(calc(1.25rem * 1) - calc(0.125rem * 1));
  line-height: var(--badge-lh);
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0 calc(0.625rem * 1);
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: calc(0.015625rem * 1);
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: calc(0.0625rem * 1) solid transparent;
  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-left: calc(0.125rem * 1);
    padding-right: calc(0.125rem * 1);
    padding-left: calc(0.125rem * var(--mantine-scale));
    padding-right: 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: #fff;
    background-color: var(--mantine-color-white);
    border-color: #ced4da;
    border-color: var(--mantine-color-gray-4);
    color: #000;
    color: var(--mantine-color-black);
}

:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
    background-color: #3b3b3b;
    background-color: var(--mantine-color-dark-5);
    border-color: #3b3b3b;
    border-color: var(--mantine-color-dark-5);
    color: #fff;
    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-right: 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-right: var(--badge-section-margin);
  }

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

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

  position: relative;
  margin: 0;
  border-left: var(--blockquote-border);
  border-top-right-radius: var(--bq-radius);
  border-bottom-right-radius: var(--bq-radius);
  padding: calc(2rem * 1) calc(2.375rem * 1);
  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);
  left: 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: calc(1rem * 1);
  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-left: calc(0.625rem * 1);
  margin-right: calc(0.625rem * 1);
  margin-left: var(--bc-separator-margin, var(--mantine-spacing-xs));
  margin-right: 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: #495057;
    color: var(--mantine-color-gray-7);
}

:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
    color: #828282;
    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((1.5rem * 1) + (0.625rem * 1));

  width: calc(calc(1.5rem * 1) + calc(0.625rem * 1));

  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc((1.5rem * 1) + (0.625rem * 1));
  height: calc(calc(1.5rem * 1) + calc(0.625rem * 1));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc((0.625rem * 1) / 2);
  padding: calc(calc(0.625rem * 1) / 2);
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
          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 * 1) solid transparent;
    outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
    transition-property: background-color, transform;
    transition-duration: 300ms;
    transition-duration: var(--burger-transition-duration, 300ms);
    transition-timing-function: ease;
    transition-timing-function: var(--burger-transition-timing-function, ease);
  }

.m_d4fb9cad::before,
  .m_d4fb9cad::after {
    position: absolute;
    content: '';
    left: 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);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;

  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: calc(0.875rem * 1);
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: calc(0.0625rem * 1) solid transparent;
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: #fff;
  color: var(--button-color, var(--mantine-color-white));
  height: calc(2.25rem * 1);
  height: var(--button-height, var(--button-height-sm));
  padding-left: calc(1.125rem * 1);
  padding-right: calc(1.125rem * 1);
  padding-left: var(--button-padding-x, var(--button-padding-x-sm));
  padding-right: 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-left: calc(var(--button-padding-x) / 1.5);
  }

  .m_77c9d27d:where([data-with-right-section]) {
    padding-right: 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 * 1) solid transparent;
    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;
    top: calc(-0.0625rem * 1);
    right: calc(-0.0625rem * 1);
    bottom: calc(-0.0625rem * 1);
    left: calc(-0.0625rem * 1);
    top: calc(-0.0625rem * var(--mantine-scale));
    right: calc(-0.0625rem * var(--mantine-scale));
    bottom: calc(-0.0625rem * var(--mantine-scale));
    left: calc(-0.0625rem * var(--mantine-scale));
    border-radius: calc(0.25rem * 1);
    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]):not(:disabled):not([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]):not(:disabled):not([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: 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;
}

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

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

.m_a74036a:where([data-position='left']) {
    margin-right: calc(0.625rem * 1);
    margin-right: var(--mantine-spacing-xs);
  }

.m_a74036a:where([data-position='right']) {
    margin-left: calc(0.625rem * 1);
    margin-left: 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-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right-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-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-left-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-left-width: calc(var(--button-border-width) / 2);
        border-right-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-bottom-left-radius: 0;
        border-bottom-right-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-top-left-radius: 0;
        border-top-right-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: 600;
  width: auto;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: calc(0.875rem * 1);
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: calc(0.0625rem * 1) solid transparent;
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: #fff;
  color: var(--section-color, var(--mantine-color-white));
  height: calc(1.375rem * 1);
  height: var(--section-height, var(--section-height-sm));
  padding-left: calc(0.5rem * 1);
  padding-right: calc(0.5rem * 1);
  padding-left: var(--section-padding-x, var(--section-padding-x-sm));
  padding-right: 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;
  flex-direction: column;
  padding: calc(1rem * 1);
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}

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

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

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

.m_599a2148:where(:first-child) {
    margin-top: calc(var(--card-padding) * -1);
    border-top: none !important;
  }

.m_599a2148:where(:last-child) {
    margin-bottom: calc(var(--card-padding) * -1);
    border-bottom: none !important;
  }

.m_599a2148:where([data-inherit-padding]) {
    padding-left: var(--card-padding);
    padding-right: var(--card-padding);
  }

.m_599a2148:where([data-with-border]) {
    border-top: calc(0.0625rem * 1) solid;
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom: calc(0.0625rem * 1) solid;
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  }

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

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

.m_599a2148 + .m_599a2148 {
    border-top: none !important;
  }

.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 1000rem;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: calc(0.875rem * 1);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - (0.125rem * 1));
  line-height: calc(var(--chip-size) - (0.125rem * var(--mantine-scale)));
  line-height: calc(var(--chip-size) - calc(0.125rem * 1));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-left: var(--chip-padding);
  padding-right: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * 1) solid transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}

.m_be049a53:where([data-checked]) {
    padding: 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: #fff;
    background-color: var(--mantine-color-white);
    border: 1px solid #dee2e6;
    border: 1px solid var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) {
    background-color: #2e2e2e;
    background-color: var(--mantine-color-dark-6);
    border: 1px solid #424242;
    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: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
  }

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

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

    :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active {
      background-color: #3b3b3b;
      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 * 1) solid transparent;
  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: #f1f3f5;
    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: #3b3b3b;
    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: #e9ecef;
      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: #424242;
      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: #e9ecef;
      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: #424242;
      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: inherit;
  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 * 1);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_b183c0a2 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-family: var(--mantine-font-family-monospace);
  line-height: 1.55;
  line-height: var(--mantine-line-height);
  padding: 2px calc((0.625rem * 1) / 2);
  padding: 2px calc(calc(0.625rem * 1) / 2);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--mantine-radius-sm);
  font-size: calc(0.75rem * 1);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}

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

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

  .m_b183c0a2[data-block] {
    padding: calc(0.625rem * 1);
    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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: calc(1.75rem * 1);
  width: var(--cs-size);
  height: calc(1.75rem * 1);
  height: var(--cs-size);
  min-width: calc(1.75rem * 1);
  min-width: var(--cs-size);
  min-height: calc(1.75rem * 1);
  min-height: var(--cs-size);
  border-radius: calc(62.5rem * 1);
  border-radius: var(--cs-radius);
  color: inherit;
  -webkit-text-decoration: none;
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--cs-radius);
}

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

@supports (color: rgb(0, 0, 0, 0)) {
.m_98ae7f22 {
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * 1) calc(0.5rem * 1);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * 1),
    calc(0.25rem * 1) calc(-0.25rem * 1),
    calc(-0.25rem * 1) 0;
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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: calc(12.5rem * 1);

  width: var(--cp-width);
  padding: calc(0.0625rem * 1);
  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-right: calc(0.625rem * 1);
    margin-right: var(--mantine-spacing-xs);
  }

.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid #fff;
  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: auto !important;
  height: initial !important;
  width: auto !important;
  width: initial !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * 1);
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - (0.25rem * 1));
  padding-bottom: calc(var(--cp-swatch-size) - (0.25rem * var(--mantine-scale)));
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * 1));
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - (0.25rem * 1));
  flex: 0 0 calc(var(--cp-swatch-size) - (0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * 1));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}

.m_5711e686 {
  margin-top: calc(0.3125rem * 1);
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-left: calc(-0.125rem * 1);
  margin-right: calc(-0.125rem * 1);
  margin-left: calc(-0.125rem * var(--mantine-scale));
  margin-right: 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: calc(0.25rem * 1);
  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: calc(0.25rem * 1);
  border-radius: var(--mantine-radius-sm);
  top: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  right: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  bottom: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  left: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  top: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  right: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  bottom: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  left: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  top: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  bottom: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  top: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  bottom: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  left: 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) + (0.125rem * 1));
  height: calc(var(--cp-thumb-size) + (0.125rem * var(--mantine-scale)));
  height: calc(var(--cp-thumb-size) + calc(0.125rem * 1));
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-left: calc(var(--cp-thumb-size) / 2);
  margin-right: calc(var(--cp-thumb-size) / 2);
  outline: none;
}

.m_d856d47d + .m_d856d47d {
    margin-top: calc(0.375rem * 1);
    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;
  left: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  right: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * 1));
  left: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  right: calc(var(--cp-thumb-size) * -1 / 2 - (0.0625rem * var(--mantine-scale)));
  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  right: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * 1));
  left: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  right: 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_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 * 1);
  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-left: calc(1rem * 1);
    padding-right: calc(1rem * 1);
    padding-left: var(--mantine-spacing-md);
    padding-right: var(--mantine-spacing-md);
    margin-left: auto;
    margin-right: 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-left: auto;
    margin-right: 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-left: auto;
        margin-right: auto;
      }

.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: calc(21.25rem * 1);
  width: var(--dialog-size);
  max-width: calc(100vw - (2rem * 1) * 2);
  max-width: calc(100vw - calc(2rem * 1) * 2);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * 1);
  min-height: calc(3.125rem * var(--mantine-scale));
}

.m_5abab665 {
  position: absolute;
  top: calc((1rem * 1) / 2);
  top: calc(calc(1rem * 1) / 2);
  top: calc(var(--mantine-spacing-md) / 2);
  right: calc((1rem * 1) / 2);
  right: calc(calc(1rem * 1) / 2);
  right: 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) solid var(--divider-color);
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  }

  .m_3eebeb36:where([data-orientation='vertical']) {
    border-left: var(--divider-size) solid var(--divider-color);
    border-left: 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: calc(0.75rem * 1);
  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 * 1);
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) solid var(--divider-color);
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-right: calc(0.625rem * 1);
    margin-right: var(--mantine-spacing-xs);
  }

.m_9e365f20::after {
    content: '';
    flex: 1;
    height: calc(0.0625rem * 1);
    height: calc(0.0625rem * var(--mantine-scale));
    border-top: var(--divider-size) solid var(--divider-color);
    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
    margin-left: calc(0.625rem * 1);
    margin-left: 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: flex-start;
  justify-content: var(--drawer-justify, flex-start);
  align-items: flex-start;
  align-items: var(--drawer-align, flex-start);
}

.m_e9408a47 {
  padding: calc(1.25rem * 1);
  padding: var(--mantine-spacing-lg);
  padding-top: calc(0.625rem * 1);
  padding-top: var(--mantine-spacing-xs);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-width: auto;
}

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

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

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

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

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

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

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

.m_90794832 {
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
}

.m_74ca27fe {
  padding: 0;
  margin-bottom: calc(0.75rem * 1);
  margin-bottom: var(--mantine-spacing-sm);
}

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

.m_410352e9 {
  --grid-overflow: visible;
  --grid-margin: calc(var(--grid-gutter) / -2);
  --grid-col-padding: calc(var(--grid-gutter) / 2);

  overflow: visible;

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

.m_dee7bd2f {
  width: calc(100% + var(--grid-gutter));
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--grid-justify);
  align-items: var(--grid-align);
  margin: var(--grid-margin);
}

.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: 0;
  flex-grow: var(--col-flex-grow);
  margin-left: 0rem;
  margin-left: var(--col-offset);
  padding: var(--grid-col-padding);
}

.m_bcb3f3c2 {
  color: #000;
  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;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--image-object-fit, cover);
     object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: 0;
  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: 1000rem;
  border-radius: var(--indicator-radius, 1000rem);
  z-index: 200;
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.75rem * 1);
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: #fff;
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}

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

.m_760d1fb1:where([data-with-label]) {
    padding-left: calc((0.625rem * 1) / 2);
    padding-right: calc((0.625rem * 1) / 2);
    padding-left: calc(calc(0.625rem * 1) / 2);
    padding-right: calc(calc(0.625rem * 1) / 2);
    padding-left: calc(var(--mantine-spacing-xs) / 2);
    padding-right: 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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

  font-family: var(--mantine-font-family-monospace);
  line-height: 1.55;
  line-height: var(--mantine-line-height);
  font-weight: 700;
  font-size: calc(0.75rem * 1);
  font-size: var(--kbd-fz);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * 1) solid;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * 1);
  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: #dee2e6;
    border-color: var(--mantine-color-gray-3);
    color: #495057;
    color: var(--mantine-color-gray-7);
    background-color: #f8f9fa;
    background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
    border-color: #424242;
    border-color: var(--mantine-color-dark-4);
    color: #c9c9c9;
    color: var(--mantine-color-dark-0);
    background-color: #2e2e2e;
    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: calc(1rem * 1);
  font-size: var(--list-fz);
  line-height: 1.55;
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
  padding-left: calc(1.25rem * 1);
  padding-left: var(--list-marker-gap);
}

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

  .m_abbac491:where([data-with-padding]) {
    padding-left: calc(var(--list-marker-gap) + (1rem * 1));
    padding-left: calc(var(--list-marker-gap) + calc(1rem * 1));
    padding-left: 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: 0;
    margin-top: var(--list-spacing, 0);
  }

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

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

.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(0.75rem * 1);
  margin-right: var(--mantine-spacing-sm);
}

.m_6e45937b {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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);
}

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

.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: calc(0.75rem * 1);
  font-size: var(--mantine-font-size-xs);
  padding: calc((0.625rem * 1) / 2) calc(0.75rem * 1);
  padding: calc(calc(0.625rem * 1) / 2) calc(0.75rem * 1);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}

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

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

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

.m_99ac2aa1 {
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc((0.625rem * 1) / 1.5) calc(0.75rem * 1);
  padding: calc(calc(0.625rem * 1) / 1.5) calc(0.75rem * 1);
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          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):where(:not(:disabled):not([data-disabled])) {
        background-color: #f1f3f5;
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}

:where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled):not([data-disabled])) {
        background-color: #424242;
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}

.m_99ac2aa1:where([data-sub-menu-item]) {
    padding-right: calc(0.3125rem * 1);
    padding-right: calc(0.3125rem * var(--mantine-scale));
  }

.m_5476e0d3 {
  flex: 1;
}

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

.m_8b75e504:where([data-position='left']) {
    margin-right: calc(0.625rem * 1);
    margin-right: var(--mantine-spacing-xs);
  }

.m_8b75e504:where([data-position='right']) {
    margin-left: calc(0.625rem * 1);
    margin-left: var(--mantine-spacing-xs);
  }

.m_b85b0bed {
  transform: rotate(-90deg);
}

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

.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-top-left-radius: calc(0.25rem * 1);
  border-top-left-radius: var(--modal-radius, var(--mantine-radius-default));
  border-top-right-radius: calc(0.25rem * 1);
  border-top-right-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: auto;
  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: flex-start;
  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-left: var(--modal-inner-x-offset, var(--modal-x-offset));
  padding-right: 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: calc(0.75rem * 1);

  font-size: var(--pill-fz);
  flex: 0;
  height: calc(1.375rem * 1);
  height: var(--pill-height);
  padding-left: 0.8em;
  padding-right: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: 1000rem;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}

  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
    background-color: #242424;
    background-color: var(--mantine-color-dark-7);
    color: #c9c9c9;
    color: var(--mantine-color-dark-0);
}

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

  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
    padding-right: 0;
  }

  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
    cursor: not-allowed;
  }

:where([data-mantine-color-scheme='light']) .m_44da308b {
    background-color: #f1f3f5;
    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: #fff;
    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;
  overflow: hidden;
  height: 100%;
  line-height: var(--pill-height);
  text-overflow: ellipsis;
}

.m_ae386778 {
  color: inherit;
  font-size: inherit;
  height: 100%;
  min-height: 0;
  min-height: initial;
  min-width: 2em;
  width: auto;
  width: initial;
  border-radius: 0;
  padding-left: 0.1em;
  padding-right: 0.3em;
  flex: 0;
  border-bottom-right-radius: 50%;
  border-bottom-right-radius: var(--pill-radius, 50%);
  border-top-right-radius: 50%;
  border-top-right-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: calc(0.5rem * 1);
  gap: var(--pg-gap);
  flex-wrap: wrap;
}

.m_45c4369d {
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: calc(6.25rem * 1);
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}

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

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

  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
    height: calc(0.0625rem * 1);
    height: calc(0.0625rem * var(--mantine-scale));
    width: calc(0.0625rem * 1);
    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]):not(: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 calc(0.75rem * 1);
  padding: 8px var(--mantine-spacing-sm);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

    :where([data-mantine-color-scheme='dark']) .m_f0824112:hover {
      background-color: #2e2e2e;
      background-color: var(--mantine-color-dark-6);
  }
}

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

    :where([data-mantine-color-scheme='dark']) .m_f0824112:active {
      background-color: #2e2e2e;
      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-right: calc(0.75rem * 1);
    margin-right: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-position='right']) {
    margin-left: calc(0.75rem * 1);
    margin-left: var(--mantine-spacing-sm);
  }

.m_690090b5:where([data-rotate]) {
    transform: rotate(90deg);
  }

.m_1f6ac4c4 {
  font-size: calc(0.875rem * 1);
  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: calc(0.75rem * 1);
  font-size: var(--mantine-font-size-xs);
  opacity: 1;
  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-left: calc(1.25rem * 1);
  padding-left: 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-left: calc(1.375rem * 1);
  padding-left: calc(1.375rem * var(--mantine-scale));
  padding-right: calc(0.625rem * 1);
  padding-right: var(--mantine-spacing-xs);
  padding-top: calc(0.625rem * 1);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: calc(0.625rem * 1);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--notification-radius);
  box-shadow: 0 calc(0.0625rem * 1) calc(0.1875rem * 1)
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * 1)
      calc(1.4375rem * 1) calc(-0.4375rem * 1),
    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * 1) calc(0.75rem * 1)
      calc(-0.4375rem * 1);
  box-shadow: var(--mantine-shadow-lg);
}

  .m_a513464::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(0.375rem * 1);
    width: calc(0.375rem * var(--mantine-scale));
    top: var(--notification-radius);
    bottom: var(--notification-radius);
    left: calc(0.25rem * 1);
    left: 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: #fff;
    background-color: var(--mantine-color-white);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464 {
    background-color: #2e2e2e;
    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 #dee2e6;
      border: 1px solid var(--mantine-color-gray-3);
}

  :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) {
      border: 1px solid #424242;
      border: 1px solid var(--mantine-color-dark-4);
}

.m_a4ceffb {
  box-sizing: border-box;
  margin-right: calc(1rem * 1);
  margin-right: var(--mantine-spacing-md);
  width: calc(1.75rem * 1);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * 1);
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * 1);
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: #fff;
  color: var(--mantine-color-white);
}

.m_b0920b15 {
  margin-right: calc(1rem * 1);
  margin-right: var(--mantine-spacing-md);
}

.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-right: calc(0.625rem * 1);
  margin-right: var(--mantine-spacing-xs);
}

.m_3feedf16 {
  margin-bottom: calc(0.125rem * 1);
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  line-height: 1.45;
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}

:where([data-mantine-color-scheme='light']) .m_3feedf16 {
    color: #212529;
    color: var(--mantine-color-gray-9);
}

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

.m_3d733a3a {
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  line-height: 1.45;
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}

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

:where([data-mantine-color-scheme='dark']) .m_3d733a3a {
    color: #c9c9c9;
    color: var(--mantine-color-dark-0);
}

:where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) {
      color: #868e96;
      color: var(--mantine-color-gray-6);
}

:where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) {
      color: #828282;
      color: var(--mantine-color-dark-2);
}

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

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

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

    :where([data-mantine-color-scheme='dark']) .m_919a4d88:active {
      background-color: #1f1f1f;
      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) - (0.125rem * 1));
  height: calc(var(--input-height) - (0.125rem * var(--mantine-scale)));
  height: calc(var(--input-height) - calc(0.125rem * 1));
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc((0.875rem * 1) * 1.7);
  max-width: calc(calc(0.875rem * 1) * 1.7);
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-left: 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 - (0.0625rem * 1));
  height: calc(var(--input-height) / 2 - (0.0625rem * var(--mantine-scale)));
  height: calc(var(--input-height) / 2 - calc(0.0625rem * 1));
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-left: 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: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
  }

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover {
      background-color: #424242;
      background-color: var(--mantine-color-dark-4);
  }
}

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

    :where([data-mantine-color-scheme='dark']) .m_80b4b171:active {
      background-color: #424242;
      background-color: var(--mantine-color-dark-4);
  }
}

.m_80b4b171:where(:first-of-type) {
    border-radius: 0;
    border-top-right-radius: var(--control-radius);
  }

.m_80b4b171:last-of-type {
    border-radius: 0;
    border-bottom-right-radius: var(--control-radius);
  }

.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: var(--pagination-control-size-md);
  --pagination-control-fz: var(--mantine-font-size-md);
  --pagination-active-bg: var(--mantine-primary-color-filled);
}

.m_326d024a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(0.0625rem * 1) solid;
  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: calc(0.25rem * 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: #ced4da;
    border-color: var(--mantine-color-gray-4);
    background-color: #fff;
    background-color: var(--mantine-color-white);
}

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

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

:where([data-mantine-color-scheme='dark']) .m_326d024a {
    border-color: #424242;
    border-color: var(--mantine-color-dark-4);
    background-color: #2e2e2e;
    background-color: var(--mantine-color-dark-6);
}

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

@media (hover: none) {
      :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled):not([data-disabled])) {
        background-color: #3b3b3b;
        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: #fff;
    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_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(0.75rem * var(--mantine-scale));
  --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale));
  --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
  --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
  --psi-icon-size-xl: calc(1.3125rem * 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: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-right: var(--input-padding-inline-end);
  padding-left: var(--input-padding-inline-start);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  font-size: inherit;
  line-height: 1.55;
  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::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }

.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 * 1) 0;
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}

@keyframes m_e0fb7a86 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 calc(2.5rem * 1);
    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: calc(0.5rem * 1);
  height: var(--progress-size);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}

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

:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
    background-color: #424242;
    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 * 1) calc(1.25rem * 1);
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width 100ms ease;
  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-top-right-radius: var(--progress-radius);
    border-bottom-right-radius: var(--progress-radius);
  }

.m_2242eb65:where(:first-of-type) {
    border-radius: 0;
    border-top-left-radius: var(--progress-radius);
    border-bottom-left-radius: var(--progress-radius);
  }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
    width: 100%;
    height: var(--progress-section-size);
    transition: height 100ms ease;
    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-top-left-radius: var(--progress-radius);
      border-top-right-radius: var(--progress-radius);
    }

.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
      border-radius: 0;
      border-bottom-left-radius: var(--progress-radius);
      border-bottom-right-radius: var(--progress-radius);
    }

.m_91e40b74 {
  color: #fff;
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * 1));
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-left: calc(0.25rem * 1);
  padding-right: calc(0.25rem * 1);
  padding-left: calc(0.25rem * var(--mantine-scale));
  padding-right: 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: calc(0.25rem * 1);
  border-radius: var(--card-radius);
  cursor: pointer;
}

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

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

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

  :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) {
      border-color: #424242;
      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 * 1) solid transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: calc(1.25rem * 1);
  width: var(--radio-size);
  min-width: calc(1.25rem * 1);
  min-width: var(--radio-size);
  height: calc(1.25rem * 1);
  height: var(--radio-size);
  min-height: calc(1.25rem * 1);
  min-height: var(--radio-size);
  border-radius: 10000px;
  border-radius: var(--radio-radius, 10000px);
  transition:
    border-color 100ms ease, background-color 100ms ease;
  cursor: default;
  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: #fff;
    background-color: var(--mantine-color-white);
    border-color: #ced4da;
    border-color: var(--mantine-color-gray-4);
}

  :where([data-mantine-color-scheme='dark']) .m_717d7ff6 {
    background-color: #2e2e2e;
    background-color: var(--mantine-color-dark-6);
    border-color: #424242;
    border-color: var(--mantine-color-dark-4);
}

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

  .m_717d7ff6[data-indeterminate] > .m_3e4da632, .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-indeterminate]:not([data-disabled]),
  .m_2980836c[data-checked]:not([data-disabled]) {
    background-color: transparent;
    border-color: var(--radio-color);
  }

.m_2980836c[data-indeterminate]:not([data-disabled]) > .m_3e4da632, .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 * 1)) scale(0.5);
  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: 0;
  opacity: var(--radio-icon-opacity, 0);
  transform: scale(0.2) translateY(calc(0.625rem * 1));
  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: calc(50% - var(--radio-icon-size) / 2);
  left: calc(50% - var(--radio-icon-size) / 2);
}

.m_8a3dbb89 {
  border: calc(0.0625rem * 1) solid;
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          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: default;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}

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

:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
    background-color: #2e2e2e;
    background-color: var(--mantine-color-dark-6);
    border-color: #424242;
    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-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: -moz-max-content;
  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: #dee2e6;
    fill: var(--mantine-color-gray-3);
    stroke: #dee2e6;
    stroke: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_5662a89a {
    fill: #696969;
    fill: var(--mantine-color-dark-3);
    stroke: #696969;
    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 * 1);
    outline-offset: calc(0.125rem * var(--mantine-scale));
  }

.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 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_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);

  position: absolute;
  padding: calc((0.625rem * 1) / 2) calc(0.625rem * 1);
  padding: calc(calc(0.625rem * 1) / 2) calc(0.625rem * 1);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--tooltip-radius);
}

  :where([data-mantine-color-scheme='light']) .m_1b3c8819 {
    background-color: #212529;
    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
    color: #fff;
    color: var(--tooltip-color, var(--mantine-color-white));
}

  :where([data-mantine-color-scheme='dark']) .m_1b3c8819 {
    background-color: #e9ecef;
    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
    color: #000;
    color: var(--tooltip-color, var(--mantine-color-black));
}

  .m_1b3c8819:where([data-multiline]) {
    white-space: normal;
  }

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

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

.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%);
  left: var(--rp-label-offset);
  right: var(--rp-label-offset);
}

.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: calc(0.25rem * 1);
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * 1);
  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: -moz-max-content;
    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: #f1f3f5;
    background-color: var(--mantine-color-gray-1);
}

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

.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_9e182ccd {
    box-shadow: none;
    box-shadow: var(--sc-shadow, none);
    background-color: #fff;
    background-color: var(--sc-color, var(--mantine-color-white));
}

:where([data-mantine-color-scheme='dark']) .m_9e182ccd {
    box-shadow: none;
    background-color: #3b3b3b;
    background-color: var(--sc-color, var(--mantine-color-dark-5));
}

.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: calc(0.25rem * 1);
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  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: none;
  outline: var(--segmented-control-outline, none);
}

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

:where([data-mantine-color-scheme='dark']) .m_1738fcb2 {
    color: #b8b8b8;
    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: #000;
      color: var(--sc-label-color, var(--mantine-color-black));
}

:where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) {
      color: #fff;
      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: '';
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      position: absolute;
      border-radius: calc(0.25rem * 1);
      border-radius: var(--sc-radius, var(--mantine-radius-default));
}

:where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before {
        box-shadow: none;
        box-shadow: var(--sc-shadow, none);
        background-color: #fff;
        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: #3b3b3b;
        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]):not([data-active]):not([data-read-only])):hover {
        color: #000;
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled]):not([data-active]):not([data-read-only])):hover {
        color: #fff;
        color: var(--mantine-color-white);
  }
}

@media (hover: none) {
      :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled]):not([data-active]):not([data-read-only])):active {
        color: #000;
        color: var(--mantine-color-black);
  }

      :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled]):not([data-active]):not([data-read-only])):active {
        color: #fff;
        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;
    left: 0;
    background-color: var(--separator-color);
    width: calc(0.0625rem * 1);
    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;
      left: 0;
      right: 0;
      bottom: auto;
      height: calc(0.0625rem * 1);
      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.625rem * 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: -moz-fit-content;
  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 var(--scp-transition-duration);
}

.m_4fa340f2 {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

.m_4fa340f2:where([data-position='bottom']) {
    bottom: 0;
    padding-left: calc(var(--scp-thickness) * 2);
    padding-right: 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%;
    padding-left: calc(var(--scp-thickness) * 3);
    padding-right: 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-gap: var(--sg-spacing-y) var(--sg-spacing-x);
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

@keyframes m_299c329c {
  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

.m_18320242 {
  height: auto;
  height: var(--skeleton-height, auto);
  width: 100%;
  width: var(--skeleton-width, 100%);
  border-radius: calc(0.25rem * 1);
  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: '';
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
      background-color: var(--mantine-color-body);
    }

.m_18320242:where([data-visible])::after {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 11;
    }

:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
        background-color: #dee2e6;
        background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
        background-color: #424242;
        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((0.5rem * 1) * 2);
  height: calc(calc(0.5rem * 1) * 2);
  height: calc(var(--slider-size) * 2);
  padding-left: calc(0.5rem * 1);
  padding-right: calc(0.5rem * 1);
  padding-left: var(--slider-size);
  padding-right: 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_c9357328 {
  position: absolute;
  top: calc(-2.25rem * 1);
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: calc(0.75rem * 1);
  font-size: var(--mantine-font-size-xs);
  color: #fff;
  color: var(--mantine-color-white);
  padding: calc((0.625rem * 1) / 2);
  padding: calc(calc(0.625rem * 1) / 2);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

:where([data-mantine-color-scheme='light']) .m_c9357328 {
    background-color: #212529;
    background-color: var(--mantine-color-gray-9);
}

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

.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * 1) solid;
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * 1);
  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: 0 calc(0.0625rem * 1) calc(0.1875rem * 1)
      rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * 1)
      calc(0.9375rem * 1) calc(-0.3125rem * 1),
    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * 1)
      calc(0.4375rem * 1) calc(-0.3125rem * 1);
    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: #fff;
    background-color: var(--mantine-color-white);
}

:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
    color: #fff;
    color: var(--mantine-color-white);
    border-color: #fff;
    border-color: var(--mantine-color-white);
    background-color: var(--slider-color);
}

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

.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);
    left: calc(var(--slider-size) * -1);
    right: calc(var(--slider-size) * -1);
    background-color: var(--track-bg, var(--slider-track-bg));
    z-index: 0;
  }

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

.m_b7b0423a {
  position: absolute;
  left: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}

.m_dd33bc19 {
  border: calc(0.125rem * 1) solid;
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * 1);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: #fff;
  background-color: var(--mantine-color-white);
  pointer-events: none;
}

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

:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
    border-color: #424242;
    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((0.625rem * 1) / 2));
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(calc(0.625rem * 1) / 2));
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

:where([data-mantine-color-scheme='light']) .m_68c77a5b {
    color: #868e96;
    color: var(--mantine-color-gray-6);
}

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

.m_559cce2d {
  position: relative;
}

  .m_559cce2d:where([data-has-spoiler]) {
    margin-bottom: calc(1.5rem * 1);
    margin-bottom: calc(1.5rem * var(--mantine-scale));
  }

.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 200ms ease;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}

.m_b9131032 {
  position: absolute;
  left: 0;
  top: 100%;
  height: calc(1.5rem * 1);
  height: calc(1.5rem * var(--mantine-scale));
}

.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: var(--stack-align, stretch);
  justify-content: flex-start;
  justify-content: var(--stack-justify, flex-start);
  gap: calc(1rem * 1);
  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: calc(1rem * 1) 0;
    gap: var(--mantine-spacing-md) 0;
  }

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

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
      align-items: flex-start;
    }

.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
      align-items: flex-end;
    }

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

.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-left: calc(1rem * 1);
  margin-right: calc(1rem * 1);
  margin-left: var(--mantine-spacing-md);
  margin-right: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color);
  }

.m_78da155d {
  padding-top: var(--stepper-content-padding);
}

.m_cbb57068 {
  --step-color: var(--stepper-color);

  display: flex;
  cursor: default;
}

.m_cbb57068:where([data-allow-click]) {
    cursor: pointer;
  }

.m_cbb57068:where([data-icon-position='left']) {
    flex-direction: row;
  }

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

.m_f56b1e2c {
  align-items: center;
}

.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);

  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + (2rem * 1) + ((0.625rem * 1) / 2));
  min-height: calc(var(--stepper-icon-size) + calc(2rem * 1) + calc(calc(0.625rem * 1) / 2));
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: calc((0.625rem * 1) / 2);
  margin-top: calc(calc(0.625rem * 1) / 2);
  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));
  left: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-left: 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: #495057;
    color: var(--mantine-color-gray-7);
}

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

.m_1959ad01:where([data-progress]) {
    border-color: var(--step-color);
  }

.m_1959ad01:where([data-completed]) {
    color: #fff;
    color: var(--stepper-icon-color, var(--mantine-color-white));
    background-color: var(--step-color);
    border-color: var(--step-color);
  }

.m_a79331dc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}

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

.m_1956aa2a:where([data-icon-position='left']) {
    margin-left: calc(0.75rem * 1);
    margin-left: var(--mantine-spacing-sm);
  }

.m_1956aa2a:where([data-icon-position='right']) {
    text-align: right;
    margin-right: calc(0.75rem * 1);
    margin-right: var(--mantine-spacing-sm);
  }

:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
      text-align: left;
}

.m_12051f6c {
  font-weight: 500;
  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) - (0.125rem * 1));
  font-size: calc(var(--stepper-fz) - (0.125rem * var(--mantine-scale)));
  font-size: calc(var(--stepper-fz) - calc(0.125rem * 1));
  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 {
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.m_9307d992 {
  -webkit-tap-highlight-color: transparent;
  cursor: default;
  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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: 1;
  order: var(--switch-order, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          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 * 1);
    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: #fff;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  left: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: left 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;
  align-content: center;
  justify-content: center;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-left: var(--switch-track-label-padding);
  padding-right: var(--switch-track-label-padding);
  margin-left: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}

.m_926b4011:checked + * > .m_8277e082 {
    margin-right: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
    margin-left: 0;
  }

.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.55;
  line-height: var(--mantine-line-height);
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  table-layout: auto;
  table-layout: var(--table-layout, auto);
  caption-side: bottom;
  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 * 1) solid var(--table-border-color);
    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

  .m_b23fa0ef:where([data-tabular-nums]) {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
  }

  .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
    font-weight: 500;
  }

  :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
}

  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) {
      background-color: #2e2e2e;
      background-color: var(--mantine-color-dark-6);
}

.m_4e7aa4f3 {
  text-align: left;
}

:where([dir="rtl"]) .m_4e7aa4f3 {
    text-align: right;
}

.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 * 1) solid var(--table-border-color);
    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
  }

.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) calc(0.625rem * 1);
  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-left: calc(0.0625rem * 1) solid var(--table-border-color);
    border-left: 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-right: calc(0.0625rem * 1) solid var(--table-border-color);
    border-right: 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: 0;
  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: 0;
      top: var(--table-sticky-header-offset, 0);
      background-color: var(--mantine-color-body);
    }

:where([data-with-table-border]) .m_b242d975[data-sticky] {
  position: sticky;
  top: 0;
  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 * 1);
  top: calc(-0.03125rem * var(--mantine-scale));
  width: 100%;
  height: calc(0.0625rem * 1);
  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: calc(0.625rem * 1);
    margin-bottom: var(--mantine-spacing-xs);
  }

.m_9e5a3ac7:where([data-side='bottom']) {
    margin-top: calc(0.625rem * 1);
    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: calc(1rem * 1);
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: calc(0.25rem * 1);
  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: #f1f3f5;
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) {
        background-color: #3b3b3b;
        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: #f1f3f5;
        background-color: var(--mantine-color-gray-1);
  }

      :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) {
        background-color: #3b3b3b;
        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: block;

  display: var(--tabs-display);
  flex-direction: row;
  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: auto;
      bottom: initial;
    }

  .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: flex-start;
  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: calc(0.625rem * 1) calc(1rem * 1);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: calc(0.875rem * 1);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          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-right: calc(0.625rem * 1);
    margin-right: var(--mantine-spacing-xs);
  }

.m_fc420b1f:where([data-position='right']:not(:only-child)) {
    margin-left: calc(0.625rem * 1);
    margin-left: 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);
    left: var(--tabs-list-line-start);
    right: 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);
    left: var(--tabs-list-line-start);
    right: var(--tabs-list-line-end);
    top: var(--tabs-list-line-top);
  }

.m_b59ab47c {
  border-top: calc(0.0625rem * 1) solid transparent;
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * 1) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-right: calc(0.0625rem * 1) solid transparent;
  border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-left: calc(0.0625rem * 1) solid transparent;
  border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: transparent;
  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: calc(-0.0625rem * 1);
      bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
      left: calc(-0.0625rem * 1);
      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
      right: auto;
      right: var(--tab-before-right, auto);
      top: auto;
      top: var(--tab-before-top, auto);
      width: calc(0.0625rem * 1);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * 1);
      height: calc(0.0625rem * var(--mantine-scale));
    }

.m_b59ab47c:where([data-active])::after {
      content: '';
      position: absolute;
      background-color: var(--tab-border-color);
      bottom: calc(-0.0625rem * 1);
      bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
      right: calc(-0.0625rem * 1);
      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
      left: auto;
      left: var(--tab-after-left, auto);
      top: auto;
      top: var(--tab-after-top, auto);
      width: calc(0.0625rem * 1);
      width: calc(0.0625rem * var(--mantine-scale));
      height: calc(0.0625rem * 1);
      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-left-color: var(--tab-border-inline-start-color);
    border-right-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-right: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-left: auto;
        --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
          --tab-before-right: auto;
          --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: auto;
}

.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-left: calc(-0.0625rem * var(--mantine-scale));
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
        --tab-after-right: auto;
        --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
      }

[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
          --tab-before-left: auto;
          --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
          --tab-after-left: auto;
}

/*************************************** pills variant ***************************************/
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: transparent;
  background-color: var(--tab-bg);
  color: inherit;
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  width: calc(1.75rem * 1);

  width: var(--ti-size);
  height: calc(1.75rem * 1);
  height: var(--ti-size);
  min-width: calc(1.75rem * 1);
  min-width: var(--ti-size);
  min-height: calc(1.75rem * 1);
  min-height: var(--ti-size);
  border-radius: calc(0.25rem * 1);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: #fff;
  color: var(--ti-color, var(--mantine-color-white));
  border: 1px solid transparent;
  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([data-align='left']) {
    padding-left: var(--offset);
  }

  .m_43657ece:where([data-align='right']) {
    padding-right: var(--offset);
  }

.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc((0.625rem * 1) / 2);
  margin-bottom: calc(calc(0.625rem * 1) / 2);
  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;
    left: 0;
    left: var(--timeline-line-left, 0);
    right: 0;
    right: var(--timeline-line-right, 0);
    bottom: calc((2rem * 1) * -1);
    bottom: calc(calc(2rem * 1) * -1);
    bottom: calc(var(--mantine-spacing-xl) * -1);
    border-left: var(--item-border);
    display: none;
    display: var(--timeline-line-display, none);
  }

.m_43657ece[data-align='left'] .m_436178ff::before {
      --timeline-line-left: calc(var(--tl-line-width) * -1);
      --timeline-line-right: auto;
    }

[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1);
}

.m_43657ece[data-align='right'] .m_436178ff::before {
      --timeline-line-left: auto;
      --timeline-line-right: calc(var(--tl-line-width) * -1);
    }

[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto;
}

.m_43657ece:where([data-align='left']) .m_436178ff {
    padding-left: var(--offset);
    text-align: left;
  }

.m_43657ece:where([data-align='right']) .m_436178ff {
    padding-right: var(--offset);
    text-align: right;
  }

: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: calc(2rem * 1);
    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: #dee2e6;
    border-color: var(--mantine-color-gray-3);
}

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

.m_43657ece:where([data-align='left']) .m_8affcee1 {
    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
    right: auto;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
      left: auto;
      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
}

.m_43657ece:where([data-align='right']) .m_8affcee1 {
    left: auto;
    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
      right: auto;
}

.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: #dee2e6;
      background-color: var(--mantine-color-gray-3);
}

:where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) {
      background-color: #424242;
      background-color: var(--mantine-color-dark-4);
}

.m_8affcee1:where([data-active]) {
    border-color: var(--tli-color, var(--tl-color));
    background-color: #fff;
    background-color: var(--mantine-color-white);
    color: #fff;
    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: #fff;
      color: var(--tl-icon-color, var(--mantine-color-white));
    }

.m_43657ece:where([data-align='left']) .m_540e8f41 {
    padding-left: var(--offset);
    text-align: left;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
      text-align: right;
}

.m_43657ece:where([data-align='right']) .m_540e8f41 {
    padding-right: var(--offset);
    text-align: right;
  }

:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
      text-align: left;
}

.m_8a5d1357 {
  margin: 0;
  font-weight: var(--title-fw);
  font-size: var(--title-fz);
  line-height: var(--title-lh);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
  font-family: var(--mantine-font-family-headings);
  text-wrap: wrap;
  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;
  }

.m_f698e191 {
  --level-offset: var(--mantine-spacing-lg);
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          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 {
      outline: 2px solid var(--mantine-primary-color-filled);
      outline-offset: calc(0.125rem * 1);
      outline-offset: calc(0.125rem * var(--mantine-scale));
    }

.m_dc283425 {
  padding-left: var(--label-offset);
}

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

:where([data-mantine-color-scheme='dark']) .m_dc283425:where([data-selected]) {
      background-color: #3b3b3b;
      background-color: var(--mantine-color-dark-5);
}

.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: calc(0.625rem * 1);
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: wrap;
    text-wrap: var(--mantine-heading-text-wrap);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji;
    font-family: var(--mantine-font-family-headings);
  }
  .m_d08caa0 :where(h1) {
    margin-top: calc(1.5 * (2rem * 1));
    margin-top: calc(1.5 * calc(2rem * 1));
    margin-top: calc(1.5 * var(--mantine-spacing-xl));
    font-size: calc(2.125rem * 1);
    font-size: var(--mantine-h1-font-size);
    line-height: 1.3;
    line-height: var(--mantine-h1-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h1-font-weight);
  }
  .m_d08caa0 :where(h2) {
    margin-top: calc(2rem * 1);
    margin-top: var(--mantine-spacing-xl);
    font-size: calc(1.625rem * 1);
    font-size: var(--mantine-h2-font-size);
    line-height: 1.35;
    line-height: var(--mantine-h2-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h2-font-weight);
  }
  .m_d08caa0 :where(h3) {
    margin-top: calc(0.8 * (2rem * 1));
    margin-top: calc(0.8 * calc(2rem * 1));
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: calc(1.375rem * 1);
    font-size: var(--mantine-h3-font-size);
    line-height: 1.4;
    line-height: var(--mantine-h3-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h3-font-weight);
  }
  .m_d08caa0 :where(h4) {
    margin-top: calc(0.8 * (2rem * 1));
    margin-top: calc(0.8 * calc(2rem * 1));
    margin-top: calc(0.8 * var(--mantine-spacing-xl));
    font-size: calc(1.125rem * 1);
    font-size: var(--mantine-h4-font-size);
    line-height: 1.45;
    line-height: var(--mantine-h4-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h4-font-weight);
  }
  .m_d08caa0 :where(h5) {
    margin-top: calc(0.5 * (2rem * 1));
    margin-top: calc(0.5 * calc(2rem * 1));
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: calc(1rem * 1);
    font-size: var(--mantine-h5-font-size);
    line-height: 1.5;
    line-height: var(--mantine-h5-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h5-font-weight);
  }
  .m_d08caa0 :where(h6) {
    margin-top: calc(0.5 * (2rem * 1));
    margin-top: calc(0.5 * calc(2rem * 1));
    margin-top: calc(0.5 * var(--mantine-spacing-xl));
    font-size: calc(0.875rem * 1);
    font-size: var(--mantine-h6-font-size);
    line-height: 1.5;
    line-height: var(--mantine-h6-line-height);
    font-weight: 700;
    font-weight: var(--mantine-h6-font-weight);
  }
  .m_d08caa0 :where(img) {
    max-width: 100%;
    margin-bottom: calc(0.625rem * 1);
    margin-bottom: var(--mantine-spacing-xs);
  }
  .m_d08caa0 :where(p) {
    margin-top: 0;
    margin-bottom: calc(1.25rem * 1);
    margin-bottom: var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
      background-color: #ffec99;
      background-color: var(--mantine-color-yellow-2);
      color: inherit;
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
      background-color: #fcc419;
      background-color: var(--mantine-color-yellow-5);
      color: #000;
      color: var(--mantine-color-black);
}
  .m_d08caa0 :where(a) {
    color: var(--mantine-color-anchor);
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  @media (hover: hover) {
    .m_d08caa0 :where(a):hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
}
  @media (hover: none) {
    .m_d08caa0 :where(a):active {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
}
  .m_d08caa0 :where(hr) {
    margin-top: calc(1rem * 1);
    margin-top: var(--mantine-spacing-md);
    margin-bottom: calc(1rem * 1);
    margin-bottom: var(--mantine-spacing-md);
    border: 0;
    border-top: calc(0.0625rem * 1) solid;
    border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
      border-color: #dee2e6;
      border-color: var(--mantine-color-gray-3);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
      border-color: #696969;
      border-color: var(--mantine-color-dark-3);
}
  .m_d08caa0 :where(pre) {
    padding: calc(0.625rem * 1);
    padding: var(--mantine-spacing-xs);
    line-height: 1.55;
    line-height: var(--mantine-line-height);
    margin: 0;
    margin-top: calc(1rem * 1);
    margin-top: var(--mantine-spacing-md);
    margin-bottom: calc(1rem * 1);
    margin-bottom: var(--mantine-spacing-md);
    overflow-x: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-family: var(--mantine-font-family-monospace);
    font-size: calc(0.75rem * 1);
    font-size: var(--mantine-font-size-xs);
    border-radius: calc(0.25rem * 1);
    border-radius: var(--mantine-radius-sm);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
      background-color: #1f1f1f;
      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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

    font-family: var(--mantine-font-family-monospace);
    line-height: 1.55;
    line-height: var(--mantine-line-height);
    font-weight: 700;
    padding: calc(0.1875rem * 1) calc(0.3125rem * 1);
    padding: var(--kbd-padding);
    font-size: calc(0.75rem * 1);
    font-size: var(--kbd-fz);
    border-radius: calc(0.25rem * 1);
    border-radius: var(--mantine-radius-sm);
    border: calc(0.0625rem * 1) solid;
    border: calc(0.0625rem * var(--mantine-scale)) solid;
    border-bottom-width: calc(0.1875rem * 1);
    border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
      border-color: #dee2e6;
      border-color: var(--mantine-color-gray-3);
      color: #495057;
      color: var(--mantine-color-gray-7);
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
      border-color: #696969;
      border-color: var(--mantine-color-dark-3);
      color: #c9c9c9;
      color: var(--mantine-color-dark-0);
      background-color: #3b3b3b;
      background-color: var(--mantine-color-dark-5);
}
  .m_d08caa0 :where(code) {
    line-height: 1.55;
    line-height: var(--mantine-line-height);
    padding: calc(0.0625rem * 1) calc(0.3125rem * 1);
    padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    border-radius: calc(0.25rem * 1);
    border-radius: var(--mantine-radius-sm);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-family: var(--mantine-font-family-monospace);
    font-size: calc(0.75rem * 1);
    font-size: var(--mantine-font-size-xs);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
      color: #000;
      color: var(--mantine-color-black);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
      background-color: #3b3b3b;
      background-color: var(--mantine-color-dark-5);
      color: #fff;
      color: var(--mantine-color-white);
}
  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
    margin-bottom: calc(1rem * 1);
    margin-bottom: var(--mantine-spacing-md);
    padding-left: calc(2rem * 1);
    padding-left: var(--mantine-spacing-xl);
    list-style-position: outside;
  }
  .m_d08caa0 :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: calc(1rem * 1);
    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: calc(0.625rem * 1);
      margin-top: var(--mantine-spacing-xs);
      font-size: calc(0.875rem * 1);
      font-size: var(--mantine-font-size-sm);
      color: var(--mantine-color-dimmed);
    }
  .m_d08caa0 :where(table) :where(th) {
      text-align: left;
      font-weight: bold;
      font-size: calc(0.875rem * 1);
      font-size: var(--mantine-font-size-sm);
      padding: calc(0.625rem * 1) calc(0.75rem * 1);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    }
  .m_d08caa0 :where(table) :where(thead th) {
      border-bottom: calc(0.0625rem * 1) solid;
      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 * 1) solid;
      border-top: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
    }
  .m_d08caa0 :where(table) :where(td) {
      padding: calc(0.625rem * 1) calc(0.75rem * 1);
      padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
      border-bottom: calc(0.0625rem * 1) solid;
      border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
      border-color: var(--table-border-color);
      font-size: calc(0.875rem * 1);
      font-size: var(--mantine-font-size-sm);
    }
  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
      border-bottom: 0;
    }
  .m_d08caa0 :where(blockquote) {
    font-size: calc(1.125rem * 1);
    font-size: var(--mantine-font-size-lg);
    line-height: 1.55;
    line-height: var(--mantine-line-height);
    margin: calc(1rem * 1) 0;
    margin: var(--mantine-spacing-md) 0;
    border-radius: calc(0.25rem * 1);
    border-radius: var(--mantine-radius-sm);
    padding: calc(1rem * 1) calc(1.25rem * 1);
    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
  }
  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
      background-color: #f8f9fa;
      background-color: var(--mantine-color-gray-0);
}
  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
      background-color: #1f1f1f;
      background-color: var(--mantine-color-dark-8);
}

.m_468e7eda {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          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: -moz-max-content;
  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-left: 0.5em;
  padding-right: 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: 500;
  display: flex;
  align-items: center;
  padding-left: calc(0.4375rem * var(--mantine-scale));
}

.m_d8d918d7::after {
    content: '';
    width: 100%;
    height: calc(0.0625rem * var(--mantine-scale));
    flex: 1;
    margin-left: 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-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  position: relative;
  height: 100%;
  line-height: 1;
  padding-left: 0.15em;
  padding-right: 0.15em;
  border: 0;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  background-color: transparent;
  color: var(--input-color);
  border-radius: calc(0.125rem * var(--mantine-scale));
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

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

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

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

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

.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::-moz-placeholder {
      color: var(--mantine-color-white);
    }

.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          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]):not([data-disabled]):not([data-selected]):not([data-in-range])) {
        background-color: var(--mantine-color-gray-0);
  }

      [data-mantine-color-scheme='dark'] .m_396ce5cb:hover:where(:not([data-static]):not([data-disabled]):not([data-selected]):not([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]):not([data-disabled]):not([data-selected]):not([data-in-range])) {
        background-color: var(--mantine-color-gray-0);
  }

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

  .m_396ce5cb:where([data-static]) {
    -webkit-user-select: auto;
       -moz-user-select: auto;
            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]):not([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]):not([data-in-range])) {
      border: 1px solid var(--mantine-color-dark-4);
}

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

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

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

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

  .m_396ce5cb:where([data-last-in-range]) {
    border-radius: 0;
    border-bottom-right-radius: var(--mantine-radius-default);
    border-top-right-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-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]):not([data-static])) {
        background-color: var(--mantine-primary-color-filled-hover);
      }
}

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

.m_18a3eca {
  color: var(--mantine-color-dimmed);
  font-weight: normal;
  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_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: normal;
  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 + (0.09375rem * var(--mantine-scale)));
  width: calc((var(--dpc-size) * 7) / 3 + calc(0.09375rem * var(--mantine-scale)));
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          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]):not(:disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

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

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

      :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:active:where(:not([data-disabled]):not(: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-top-left-radius: var(--mantine-radius-default);
    border-bottom-left-radius: var(--mantine-radius-default);
  }

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

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

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

.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_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 + (0.4375rem * var(--mantine-scale)));
  max-width: calc(var(--dch-control-size) * 8 + calc(0.4375rem * var(--mantine-scale)));
  margin-bottom: var(--mantine-spacing-xs);
}

.m_f6645d97,
.m_2351eeb0 {
  height: var(--dch-control-size);
  border-radius: var(--mantine-radius-default);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          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]):not([data-static]):not(:disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:hover:where(:not([data-disabled]):not([data-static]):not(:disabled)) {
        background-color: var(--mantine-color-gray-0);
  }

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

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

      [data-mantine-color-scheme='dark'] .m_f6645d97:active:where(:not([data-disabled]):not([data-static]):not(:disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:active:where(:not([data-disabled]):not([data-static]):not(: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: 500;
  text-transform: capitalize;
}

.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_6fa5e2aa {
  cursor: pointer;
  line-height: inherit;
}

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

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

.m_d6a681e1 {
  display: flex;
  flex-direction: column;
  border-right: calc(0.0625rem * var(--mantine-scale)) solid;
  padding-right: 0.5em;
  margin-right: 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_208d2562 {
  display: flex;
  align-items: stretch;
  margin-top: var(--mantine-spacing-md);
}

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

.m_ac3f4d63 {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.25em;
  padding-bottom: 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: -moz-fit-content;
  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]):not([data-static])) {
        background-color: var(--mantine-primary-color-filled-hover);
      }
}

@media (hover: none) {
      .m_99d16a4:where([data-selected]):active:where(:not([data-disabled]):not([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]):not([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]):not([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]):not([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]):not([data-selected])) {
        background-color: var(--mantine-color-dark-5);
      }
}

.m_176ca23c {
  font-size: 0.75em;
  font-weight: 500;
  opacity: 0.65;
}

.m_d830530d {
  font-size: 0.9em;
  font-weight: 500;
}

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

/**
 * TCGBuddy Design Tokens - "Floating Panels on a Midnight Canvas"
 * 
 * Philosophy:
 * - Canvas: Deep midnight background (#0a0a0a) visible between panels
 * - Panels: Distinct elevated surfaces (dark-7) with subtle borders and shadows
 * - Hierarchy through spacing + surface layers, not giant wrappers
 */

:root {
  /* Canvas - the deep midnight background */
  --tcg-canvas-bg: #0a0a0a;

  /* Panel surfaces - distinct from canvas */
  --tcg-panel-bg: var(--mantine-color-dark-7);
  --tcg-panel-bg-elevated: var(--mantine-color-dark-6);
  --tcg-panel-border: rgba(255, 255, 255, 0.1);
  --tcg-panel-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

  /* Header - transparent by default, subtle when sticky */
  --tcg-header-border: rgba(255, 255, 255, 0.08);
  --tcg-header-sticky-bg: rgba(26, 27, 30, 0.85);
  --tcg-header-sticky-blur: blur(8px);

  /* Keep Mantine body color in sync */
  --mantine-color-body: var(--tcg-panel-bg);
}

body {
  background-color: #0a0a0a;
  background-color: var(--tcg-canvas-bg);
}

/* Left-align table headers to match left-aligned cell data (tcg-0054) */
.mantine-Table-table th {
  text-align: left;
}

/**
 * Print styles for invoice printing (TCG-940)
 * Hides app shell, shows only invoice content in portal
 */
@media print {
  /* Hide app root and any iframes (keeps portal visible) */
  body > #root,
  body > iframe {
    display: none !important;
  }

  /* Hide modal backdrop/overlay */
  .mantine-Modal-overlay {
    display: none !important;
  }

  /* Hide modal header (title + close button) */
  .mantine-Modal-header {
    display: none !important;
  }

  /* Hide modal body content that's not print-root */
  .mantine-Modal-body > *:not(:has(.print-root)):not(.print-root) {
    display: none !important;
  }

  /* Hide action buttons */
  .print-hide {
    display: none !important;
  }

  /* Hide notification toasts. Mantine's Notifications component (mounted at
     src/index.jsx) renders through its OWN default Portal (reuseTargetNode: true),
     a separate document.body node from #root — so `body > #root { display: none }`
     above never matches it, and a toast left on screen would otherwise print on
     both the modal and routed-page batch pull sheet paths (AC8/AC9). Scoped to
     this specific class, not the broader `[data-mantine-shared-portal-node]`
     selector: Mantine `Modal` shares that same shared-portal node, and hiding it
     would break every existing modal print flow. */
  .mantine-Notifications-root {
    display: none !important;
  }

  /* Reset modal wrappers to remove clipping */
  .mantine-Modal-root,
  .mantine-Modal-inner,
  .mantine-Modal-content {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  /* Reset ScrollArea for print - critical to show full content */
  .mantine-ScrollArea-root,
  .mantine-ScrollArea-viewport,
  [data-radix-scroll-area-viewport],
  .mantine-ScrollArea-root > div {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  /* Reset modal body and stack containers */
  .mantine-Modal-body,
  .mantine-Modal-body > .mantine-Stack-root,
  .mantine-Modal-body * {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Print root styling */
  .print-root {
    width: 100% !important;
    background: white !important;
  }

  /* Page break for bulk printing (applied via .print-page-break class) */
  .print-page-break {
    page-break-after: always;
    -moz-column-break-after: page;
         break-after: page;
  }

  /* Ensure proper page setup - minimal margins to hide browser headers/footers */
  @page {
    margin: 0.4in;
    size: auto;
  }

  /* Hide browser-generated URL/timestamp by covering margin areas */
  html {
    margin: 0;
    padding: 0;
  }
}

.cEzteaE8sQF3jLdpVFtq {
  position: relative;
  padding-top: 180px;
  padding-bottom: 130px;
  background-image: url(https://imagedelivery.net/gbWgJM6qwM9oS5Cvg1Eepg/d6355b63-c2b8-4acd-3714-7c97c5053300/public);
  background-size: cover;
  background-position: center;
}

  @media (max-width: 36em) {.cEzteaE8sQF3jLdpVFtq {
    padding-top: 80px;
    padding-bottom: 50px
}
  }

.phc2RLXHltcOOaTUbGyo {
  position: relative;
  z-index: 1;
}

.gX7rpB0GjRwmYyvVut2G {
  font-weight: 800;
  font-size: var(--mantine-h1-font-size);
  letter-spacing: -1px;
  padding-left: var(--mantine-spacing-md);
  padding-right: var(--mantine-spacing-md);
  color: var(--mantine-color-white);
  margin-bottom: var(--mantine-spacing-xs);
  text-align: center;
  font-family:
    Greycliff CF,
    var(--mantine-font-family);
}

@media (max-width: 36em) {

.gX7rpB0GjRwmYyvVut2G {
    font-size: 28px;
    text-align: left
}
  }

.Bez3oNaSOedyuqwXhzyo {
  color: var(--mantine-color-primary-4);
}

.zAlCuyD3oJVGlHUtDatL {
  color: var(--mantine-color-gray-0);
  text-align: center;
  font-size: var(--mantine-h2-font-size);
}

@media (max-width: 36em) {

.zAlCuyD3oJVGlHUtDatL {
    font-size: var(--mantine-font-size-md);
    text-align: left
}
  }

.jT4hz2PyQVMbka1ux4oM {
  margin-top: calc(var(--mantine-spacing-xl) * 1.5);
  display: flex;
  justify-content: center;
  padding-left: var(--mantine-spacing-md);
  padding-right: var(--mantine-spacing-md);
}

@media (max-width: 36em) {

.jT4hz2PyQVMbka1ux4oM {
    flex-direction: column
}
  }

.nSWrMp97jVO6WgplRBvg {
  height: 42px;
  font-size: var(--mantine-font-size-md);
}

.nSWrMp97jVO6WgplRBvg:not(:first-of-type) {
    margin-left: var(--mantine-spacing-md);
  }

@media (max-width: 36em) {
    .nSWrMp97jVO6WgplRBvg:not(:first-of-type) {
      margin-top: var(--mantine-spacing-md);
      margin-left: 0;
    }
  }

.KoHpLpMq6RFeHHJhvGkD {
  color: var(--mantine-color-white);
  background-color: rgba(255, 255, 255, 0.4);
}

@media (hover: hover) {

  .KoHpLpMq6RFeHHJhvGkD:hover {
    background-color: rgba(255, 255, 255, 0.45);
  }
}

@media (hover: none) {

  .KoHpLpMq6RFeHHJhvGkD:active {
    background-color: rgba(255, 255, 255, 0.45);
  }
}

.MVDcjowU5rHgY6a5yBa6 {
  font-size: 34px;
  font-weight: 900;
}

  @media (max-width: 48em) {.MVDcjowU5rHgY6a5yBa6 {
    font-size: 24px
}
  }

.p9mWK1SkhNucC0j_guwe {
  max-width: 600px;
  margin: auto;
}

.p9mWK1SkhNucC0j_guwe::after {
    content: '';
    display: block;
    background-color: var(--mantine-color-grape-filled);
    width: 45px;
    height: 2px;
    margin-top: var(--mantine-spacing-sm);
    margin-left: auto;
    margin-right: auto;
  }

.ot_tgxROyy41VFyOu8HR {
  border: 1px solid var(--mantine-color-gray-1);
  /* max-height: 40em; */

  /* @media (min-width: $mantine-breakpoint-sm) {
  } */

  /* @media (min-width: $mantine-breakpoint-md) {
    max-height: 25em;
  } */
}

[data-mantine-color-scheme='dark'] .ot_tgxROyy41VFyOu8HR {
  border: 1px solid var(--mantine-color-dark-5);
}

.rnxuL3zlxglFrD062Cur {
  font-size: var(--mantine-font-size-xl);
}

.rnxuL3zlxglFrD062Cur::after {
    content: '';
    display: block;
    background-color: var(--mantine-color-orange-4);
    width: 45px;
    height: 2px;
    margin-top: var(--mantine-spacing-sm);
  }

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

@media (min-width: 768px) {
  .KpOKqrNDP7V2oqIbQSDq {
    font-size: var(--mantine-font-size-lg);
  }
}

.JBpjqyl7xzzKJRbsRfLH {
  font-size: 34px;
  font-weight: 900;
}

  @media (max-width: 48em) {.JBpjqyl7xzzKJRbsRfLH {
    font-size: 24px
}
  }

.r857AI8BEGg3CIQHUoAc {
  border: 1px solid var(--mantine-color-gray-1);
}

[data-mantine-color-scheme='dark'] .r857AI8BEGg3CIQHUoAc {
  border: 1px solid var(--mantine-color-dark-5);
}

.C6fqtn7r96rOGaWMkClD {
  margin: 0;
  font-style: italic;
  font-size: var(--mantine-font-size-md);
  line-height: 1.5;
}

@media (min-width: 768px) {
  .C6fqtn7r96rOGaWMkClD {
    font-size: var(--mantine-font-size-lg);
  }
}

.dhFkz_mfKQ5h8m6Tb9ct {
  font-size: var(--mantine-font-size-sm);
  font-weight: 600;
}

.X8VVyTY9L4jD5FXJBUey {
  height: 100vh;
}

.hQTY3JMB01n8KVM_qdsn {
  width: 100%;
}

.cebLGbBOWEdWIbXfRUj1 {
  display: flex;
  justify-content: center;
  margin-top: var(--mantine-spacing-xs);
}

.OXSb_qB9wo6EsfEYQ1Ui {
  font-family: monospace;
  letter-spacing: 0.1em;
}

/**
 * PageWrapper - Canvas-aware container
 * 
 * Provides max-width and padding but no background.
 * Canvas background shows through between floating panels.
 */

/* Standard page layout with consistent max-width and padding */
.gSYmz5CCAaLl1o7wawo_ {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--mantine-spacing-md);
  color: var(--mantine-color-text);
}

/* Full-bleed mode for data tables that need more horizontal space */
.d8ZeLVg3ljGhC1hrYxJC {
  width: 100%;
  padding: var(--mantine-spacing-md) var(--mantine-spacing-sm);
  color: var(--mantine-color-text);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .gSYmz5CCAaLl1o7wawo_ {
    padding: var(--mantine-spacing-sm);
  }

  .d8ZeLVg3ljGhC1hrYxJC {
    padding: var(--mantine-spacing-sm) var(--mantine-spacing-xs);
  }
}

/**
 * SectionWrapper - Floating Panels on a Midnight Canvas
 * 
 * Each section is a distinct floating panel on the canvas background.
 * Variants control padding and layout but share consistent surface treatment.
 */

/* Base section - floating panel with elevation */
._y8BtV0e17MoT6HaJtFw {
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  margin-bottom: var(--mantine-spacing-md);
  padding: var(--mantine-spacing-md);
}

/* Filters panel - same surface as base, adjusted padding */
.Bl4pqP2XyiMG_x2XFqhC {
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  margin-bottom: var(--mantine-spacing-md);
  padding: var(--mantine-spacing-sm);
}

/* Table panel - minimal padding with overflow handling */
.OObNnKMkQAAFxzxkKkb5 {
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  margin-bottom: var(--mantine-spacing-md);
  padding: var(--mantine-spacing-xs);
  overflow-x: auto;
  width: 100%;
}

/* Remove bottom margin from the last section */
._y8BtV0e17MoT6HaJtFw:last-child,
.Bl4pqP2XyiMG_x2XFqhC:last-child,
.OObNnKMkQAAFxzxkKkb5:last-child {
  margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._y8BtV0e17MoT6HaJtFw {
    padding: var(--mantine-spacing-sm);
  }

  .OObNnKMkQAAFxzxkKkb5 {
    -webkit-overflow-scrolling: touch;
  }
}

/**
 * PasswordStrength - Password strength indicator styling
 */

/* Progress bar section - disable transition for instant visual feedback */
.k6IvUMChF5tHPQk4xr16 {
  transition-duration: 0ms;
}

._EHxGD4f0vXQlwi9hLrW {
  max-width: 700px;
  width: 100%;
}

.QpXpRGZoSVAYiFO6DUV8 {
  border: 2px solid var(--mantine-color-violet-5);
  background-color: var(--mantine-color-dark-6);
}

@media (max-width: 767px) {
  .QpXpRGZoSVAYiFO6DUV8 {
    order: -1;
  }
}

.dtZtBu6LZ_XO3_bZEX_e {
  height: 100vh;
}

.kBwyZHZHSZdPjuD54FQ4 {
  width: 420px;
  max-width: 100%;
}

.w5tcJtrqvz66UFpN5JWj {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.jJRutbsW9evcGcmfJLHC {
  height: 100vh;
}

.ZeBrQ9tKdYCRfMaE190j {
  width: 100%;
}

.Cof53VxuVKioKrGN7LGh {
  display: flex;
  justify-content: center;
  margin-top: var(--mantine-spacing-xs);
}

.hCtxVyDCAnhC7oprGdRW {
  height: 100vh;
}

.m8KHlmuuMBx6ALfu75dB {
  width: 100%;
}

.Q1pay7VOaRgaodEvOcxJ {
  height: 72px;
  margin-bottom: 42px;
  background-color: var(--mantine-color-body);
  border-bottom: 1px solid var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .Q1pay7VOaRgaodEvOcxJ {
  border-bottom: 1px solid var(--mantine-color-dark-4);
}

.qUpmvngy5QyDuqMxzn5m {
  border-bottom: 3px solid var(--mantine-color-red-6) !important;
}

.ccIpOOrL1JEdx5SVAd8O {
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EhcSqbsnrAC7GDq5yN0p {
  display: block;
  line-height: 1;
  padding: 8px 12px;
  border-radius: var(--mantine-radius-sm);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--mantine-color-gray-7);
}

[data-mantine-color-scheme='dark'] .EhcSqbsnrAC7GDq5yN0p {
  color: var(--mantine-color-dark-0);
}

.EhcSqbsnrAC7GDq5yN0p {
  font-size: var(--mantine-font-size-sm);
  font-weight: 500;
}

@media (hover: hover) {
  .EhcSqbsnrAC7GDq5yN0p:hover {
    background-color: var(--mantine-color-gray-0);
  }
    [data-mantine-color-scheme='dark'] .EhcSqbsnrAC7GDq5yN0p:hover {
    background-color: var(--mantine-color-dark-6);
  }
}

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

.Qkkm50HwL7Pn8ZL8yIxs {
  margin-right: 5px;
}

.BuTaFy8YlO96Gn1nBzXD {
  display: flex;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.qPA0obkmLTPSaQgxOqHo {
  height: 60px;
  width: auto;
  cursor: pointer;
}

._w4lCqWZtUVH4XD8pIw_ {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.dlcOAvLuDjWhwjHNxqld {
  color: var(--mantine-color-gray-7);
}
  [data-mantine-color-scheme='dark'] .dlcOAvLuDjWhwjHNxqld {
  color: var(--mantine-color-dark-0);
}
  .dlcOAvLuDjWhwjHNxqld {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-left: 12px;
}

.vAi_ECD4L1uD352zQZcA {
  text-align: left;
  font-weight: 500;
  font-size: var(--mantine-font-size-sm);
}

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

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

.j7wWyYz7squzdCLA9PhH {
  background-color: var(--mantine-color-blue-9);
  border-bottom: 1px solid var(--mantine-color-blue-7);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
}

.PSO9oJcLMDdzm3ifSrWE {
  background-color: var(--mantine-color-orange-9);
  border-bottom: 1px solid var(--mantine-color-orange-7);
}

.sbKJObE29cr8XY5CC4cy {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
}

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

.aDNPoyio7K8AY9UIksPQ {
  font-weight: 600;
  color: var(--mantine-color-white);
}

.hZDunXsqcSDcXp3TSSQv {
  color: var(--mantine-color-blue-1);
}

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

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

.Kba7Q7OntZDEf31GYjpd {
  color: var(--mantine-color-white);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-size: var(--mantine-font-size-sm);
}

.Kba7Q7OntZDEf31GYjpd:hover {
  color: var(--mantine-color-blue-2);
}

.LIdSXSx3b9knWjQKnAsA {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

.QfD5PoonRj0UU2DhfNzK {
  color: var(--mantine-color-white);
  border-color: var(--mantine-color-blue-4);
}

.QfD5PoonRj0UU2DhfNzK:hover {
  background-color: var(--mantine-color-blue-8);
}

.sBFmgbY8RhEhjLemxOk0 {
  color: var(--mantine-color-orange-1);
}

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

.L40FZcw_8NeE9Y1Jc7Mn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
  padding: var(--mantine-spacing-xs) 0;
  border-bottom: 1px solid var(--mantine-color-blue-7);
}

.L40FZcw_8NeE9Y1Jc7Mn:last-child {
  border-bottom: none;
}

.gX3Hp0It4XejyfinYmgR {
  animation: _efN4b7zTB_3AsydyID9 1s linear infinite;
}

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

.ZjECHhduVvM5nALIwB7w {
  background-color: var(--mantine-color-grape-9);
  border-bottom: 1px solid var(--mantine-color-grape-7);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
}

.eygeTMkHvzSx462gFgnp {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-md);
}

.DtALzUiTF4paGiNQH2CL {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-sm);
  flex-wrap: wrap;
  min-width: 0;
}

.jMZfDlQ8g5hrYz0rr45n {
  color: var(--mantine-color-white);
  font-size: var(--mantine-font-size-sm);
}

.fp4XLyvJHDfDgDf_bHns {
  color: var(--mantine-color-white);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
}

.fp4XLyvJHDfDgDf_bHns:hover {
  color: var(--mantine-color-grape-2);
}

.VAFQgsHqRD2SbzEvl0zS {
  color: var(--mantine-color-white);
  flex-shrink: 0;
}

.VAFQgsHqRD2SbzEvl0zS:hover {
  background-color: var(--mantine-color-grape-8);
}

.RygBEeMtO1tZEhmgMSQ2 {
  padding: 0 0 var(--mantine-spacing-sm) 0;
}

.gonpUhTvgAHuQEXA1kf4 {
  font-size: var(--mantine-font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .gonpUhTvgAHuQEXA1kf4 {
  color: var(--mantine-color-dark-3);
}

.gonpUhTvgAHuQEXA1kf4 {
  padding: var(--mantine-spacing-xs) 0;
}

.eBBLlOSaJ_lJYES_1svh {
  display: block;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  color: var(--mantine-color-gray-7);
}

[data-mantine-color-scheme='dark'] .eBBLlOSaJ_lJYES_1svh {
  color: var(--mantine-color-dark-0);
}

@media (hover: hover) {

  .eBBLlOSaJ_lJYES_1svh:hover {
    background-color: var(--mantine-color-gray-0);
  }
    [data-mantine-color-scheme='dark'] .eBBLlOSaJ_lJYES_1svh:hover {
    background-color: var(--mantine-color-dark-6);
  }
}

@media (hover: none) {

  .eBBLlOSaJ_lJYES_1svh:active {
    background-color: var(--mantine-color-gray-0);
  }
    [data-mantine-color-scheme='dark'] .eBBLlOSaJ_lJYES_1svh:active {
    background-color: var(--mantine-color-dark-6);
  }
}

.yY8zpKhLfSnkSzH6B0se {
  font-size: var(--mantine-font-size-sm);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ByJsyNF8M9yfLd8P8fga {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
  border-bottom: 1px solid var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .ByJsyNF8M9yfLd8P8fga {
  border-bottom: 1px solid var(--mantine-color-dark-4);
}

.ByJsyNF8M9yfLd8P8fga {
  margin-bottom: var(--mantine-spacing-md);
}

.L2_cBISV4DaVybvNG1Jy {
  font-size: var(--mantine-font-size-lg);
  font-weight: 600;
}

.k0xxWzPA5UKwbHLGtb70 {
  overflow-x: auto;
  min-width: 0;
  max-width: 100%;
}

.q1YqiIpX4InNDiCAdBLG img {
  max-width: 100%;
  height: auto;
}

.WIN1Pey7hV8OBjPUqzVQ {
  font-size: var(--mantine-font-size-xs);
  font-weight: 600;
  color: var(--mantine-color-blue-6);
}

[data-mantine-color-scheme='dark'] .WIN1Pey7hV8OBjPUqzVQ {
  color: var(--mantine-color-blue-4);
}

.WIN1Pey7hV8OBjPUqzVQ {
  padding: var(--mantine-spacing-xs) 0;
}

.DJ6bmLKJSkdDghaWIYdd {
  padding-top: var(--mantine-spacing-md);
  border-top: 1px solid var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .DJ6bmLKJSkdDghaWIYdd {
  border-top: 1px solid var(--mantine-color-dark-4);
}

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

/**
 * PageHeader - Transparent with sticky behavior
 * 
 * Default: Transparent with subtle bottom border
 * Sticky: Subtle solid/blurred background for readability
 */

.TQV77kGBANNooZzKPlLZ {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: var(--mantine-spacing-lg);
  padding-bottom: var(--mantine-spacing-md);
  border-bottom: 1px solid var(--tcg-header-border);
  transition:
    background-color 0.2s ease, backdrop-filter 0.2s ease;
}

/* Sticky state - applied when scrolled */
.TQV77kGBANNooZzKPlLZ.k4LB0JF3KmH_5Cf_iVUX {
  background-color: var(--tcg-header-sticky-bg);
  backdrop-filter: var(--tcg-header-sticky-blur);
}

/* Title container - flex-grows to fill available space, prevents overflow */
.NcoW3pU4p8r0g7SFaV5_ {
  flex: 1;
  min-width: 0;
}

/* Subtitle - limit line length for readability */
.kxyI5D_QhqkZbRr8lM3A {
  max-width: 60ch;
}

/* Title text - truncate on overflow */
.O0fl61RBiAqMhHyJ8G6L {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Mobile breakpoint styles */
@media (max-width: 768px) {
  .TQV77kGBANNooZzKPlLZ {
    padding-bottom: var(--mantine-spacing-sm);
  }

  /* Stack title and actions vertically on mobile */
  .VPW1Jgh8SywqEeTT8phj {
    flex-direction: column;
    align-items: stretch;
    gap: var(--mantine-spacing-sm);
  }

  .NcoW3pU4p8r0g7SFaV5_ {
    flex: none;
  }

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

.TQTf0ARlzFU6VxQhBJW5 {
  position: relative;
  margin-bottom: 30px;
}

.tT_3JZMjoHh4VOklRuH_ {
  border-width: 1px;
  padding-bottom: 50px;
}

.fbxlnh6gzECXYtHTJA9e {
  border-width: 1px;
  padding-bottom: 50px;
  cursor: default;
  border-color: var(--mantine-color-blue-6);
}

.YbuUaQyLPH5zvJDzmlVB {
  color: var(--mantine-color-gray-4);
}

[data-mantine-color-scheme='dark'] .YbuUaQyLPH5zvJDzmlVB {
  color: var(--mantine-color-dark-3);
}

.pQ8B1l4ss_toCfL8UMV5 {
  width: 250px;
  left: calc(50% - 125px);
}

.fXpJlBHgTsw2ElDUPJF5 {
  pointer-events: none;
}

.Tk08IyzJCgNlx0IrizJu {
  color: red;
  font-size: 12px;
}

.RwgFwFVO98q0fF8krgyz {
  width: 40px;
}

.vEEd0KD0PpOgtNdj5Hz5 {
  width: 150px;
  max-width: 150px;
}

.U251XHeMkVCY2aK8zVG9 {
  width: 200px;
}

.n76Hud10E6iOwXJRUNS1 {
  width: 220px;
}

.ltVVH9NQ5NxtAFWep0Kf {
  min-width: 100px;
  padding-left: var(--mantine-spacing-xs);
  padding-right: var(--mantine-spacing-xs);
}

.SV7vLSaXpb6fJgLtr6iA {
  position: sticky;
  /* Stack below PageHeader and ControlPlane - flush when scrolled */
  top: calc(0px + 52px);
  top: calc(var(--tcg-header-height, 0px) + var(--tcg-control-plane-height, 52px));
  z-index: 80; /* below ControlPlane (90) and PageHeader (100) */
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  overflow: hidden;
  /* Left accent strip in primary color */
  border-left: 4px solid var(--mantine-color-grape-7);
  transition:
    background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, border-radius 0.2s ease;
}

/* Scrolled state: solid background, keep border and radius */
.SV7vLSaXpb6fJgLtr6iA.WOVIBTsCwBK71lENSoAb {
  background-color: var(--mantine-color-body);
  box-shadow: none;
}

.B1_OWNp4SjC4jacGv4jb {
  width: 1px;
  height: 24px;
  background-color: var(--mantine-color-dark-4);
  margin: 0 4px;
}

/* CSVImporterPage - CSS Module */

.iIWtR8rwRCguUzi4_dLA {
  --tcg-control-plane-height: 0px;
}

/* Sortable header styling - matches InvoiceTable style */
.T91L0uFp4SERXdLuF_IN {
  color: var(--mantine-color-grape-5);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 200ms ease;
}

.T91L0uFp4SERXdLuF_IN:hover {
  color: var(--mantine-color-grape-7);
}

/* Dark theme specific adjustments */
@media (prefers-color-scheme: dark) {
  .T91L0uFp4SERXdLuF_IN {
    color: var(--mantine-color-grape-4);
  }

  .T91L0uFp4SERXdLuF_IN:hover {
    color: var(--mantine-color-grape-3);
  }
}

/* Ensure the Group inside the header aligns properly */
.KDQdqDypPVWmWwrHNVk5 {
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

/* Sort arrow icon with rotation animation */
.CcxqNpJ0Llzw82UOkLCz {
  transition: transform 200ms ease;
}

.pohqkKKTZUI1K4bVZsH2 {
  transform: none;
}

.B205jSro9wrqYz1U4qvD {
  transform: rotate(180deg);
}

/* Filter box styling */
.c2oDgfC4bumU210K60pw {
  border: 0.5px solid grey;
  border-radius: 8px;
}

/* Search toolbar container */
.sEEKi52QlTHaubIzbRWW {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

/* Flexible search input */
.w86WQ6zlNvZl9MzJoiF3 {
  flex: 1;
}

/* Badge with help cursor */
.uvCKrnDm9btIZkAAPz9o {
  cursor: default;
}

.oV5OIdHc7DZPPeoPWuDm {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 16px;
}

.sUsCo8c01BOgbrqvOHGQ {
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid var(--mantine-color-dimmed);
}

.sUsCo8c01BOgbrqvOHGQ:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: var(--mantine-color-grape-6);
}

.o4pvXCQIkwmeP6Y5W42z {
  border-color: var(--mantine-color-grape-6);
}

.rMjO6QOESqvYQdZSG5c_ {
  display: flex;
  align-items: center;
  gap: 8px;
}

._IzMH3nmwMI6Hzk9b0y1 {
  flex-shrink: 0;
}

.hXksqW615gyAqb89YRl6 {
  flex: 1;
}

.DN8Tf4NNBLGyYvX6LsI_ {
  font-size: 12px;
  color: var(--mantine-color-dimmed);
  margin-bottom: 2px;
}

.neASeH2xRK7RAicDPqOf {
  font-size: 16px;
  font-weight: 600;
}

.muqJMXkhJSWNg_83eCI3 {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--mantine-color-gray-3);
}

.CFX3t5ltT3tl6IjCK_wK {
  flex: 1;
}

/* Dropdown styles */
.DaofwPw6FMCDsC96Z1LW {
  max-height: 400px;
  overflow-y: auto;
}

/* Sentinel element for infinite scroll */
.WPo1yjEXIQspDy6WDgg_ {
  padding: 10px;
  text-align: center;
  min-height: 20px;
}

/* Card header when card is selected */
.pUSsnaObfMwQeana5ygw {
  background-color: var(--mantine-color-dark-6);
  border-radius: var(--mantine-radius-md);
}

/**
 * FilterToken - Removable filter chip styling
 * 
 * Compact, neutral-colored chip with close button.
 * Fits within Control Plane's compact layout.
 */

.ifw72ghGGpPkWAjh2S_I {
  display: inline-flex;
  align-items: center;
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  transition: background-color 150ms ease;
}

.ifw72ghGGpPkWAjh2S_I:hover {
  background-color: var(--mantine-color-dark-5);
}

.QUrZQ6lMRfzYegCtDSoW {
  color: var(--mantine-color-gray-3);
  white-space: nowrap;
  font-weight: 500;
}

.KjbpXOjlHa2YAqDcvVVO {
  color: var(--mantine-color-gray-5);
  transition: color 150ms ease;
}

.KjbpXOjlHa2YAqDcvVVO:hover {
  color: var(--mantine-color-gray-3);
}

/* Responsive: ensure tokens wrap nicely on small screens */
@media (max-width: 768px) {
  .ifw72ghGGpPkWAjh2S_I {
    padding: 6px 10px;
  }

  .QUrZQ6lMRfzYegCtDSoW {
    font-size: 0.8125rem;
  }
}

/**
 * ControlPlane - Console Control Plane styling
 * 
 * Unified control bar for tables with left accent strip in primary color.
 * Two modes: Scope (search + filters) and Operate (selection + bulk actions).
 * 
 * Sticky Doctrine:
 * - Sticky positioning for tables that scroll
 * - Translucent background + blur when scrolled
 * - Compresses layout on scroll for operational efficiency
 * - Enhanced accent strip for ownership signal
 */

.t0pJLTaEmgM3qhKEUsQr {
  position: sticky;
  top: 0px;
  top: var(--tcg-header-height, 0px);
  z-index: 90; /* below PageHeader (100) */
  display: flex;
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  overflow: hidden;
  margin-bottom: var(--mantine-spacing-md);
  transition:
    background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Scrolled state: align with PageHeader (transparent, minimal divider) */
.t0pJLTaEmgM3qhKEUsQr.zSmRs4XqsL709NpxbE64 {
  background-color: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid var(--tcg-header-border);
  border-radius: 0;
}

/* Left accent strip - ownership signal in primary color */
.bywrHmreCW6miWnSyYa_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--mantine-color-grape-7);
  z-index: 1;
  transition: width 0.2s ease;
}

/* Enhanced accent strip when scrolled - stronger ownership signal */
.t0pJLTaEmgM3qhKEUsQr.zSmRs4XqsL709NpxbE64 .bywrHmreCW6miWnSyYa_ {
  width: 5px;
  background-color: var(--mantine-color-grape-6);
}

.nA34fb5cwbsV9M3RiSTF {
  flex: 1;
  padding: var(--mantine-spacing-xs);
  padding-left: calc(var(--mantine-spacing-xs) + 8px); /* Account for accent strip */
}

/* Search input in Scope Mode */
.yYv_m5nGFWMrb5zYwhHj {
  min-width: 200px;
}

/* Search input root - flex-grows to fill available space with max-width */
.BTJSI1Yy8U5JG_5Vi466 {
  flex-grow: 1;
  max-width: 400px;
}

/* Search group wrapper - contains input and optional Search button */
.MbE8ITgcfUc78eFahZ8X {
  flex-grow: 1;
  max-width: 500px;
}

/* Selection icon in Operate Mode */
.ZcUMqd_Uw4RSFlL8vvK_ {
  color: var(--mantine-color-grape-6);
}

/* Applied filters in Operate Mode become visually secondary */
.DzvzxWezotwOnDXu3mjn {
  opacity: 0.7;
}

/* Keep filters row compact to avoid CLS */
.wpeZkLRSw0lwQ7A3J1kA {
  min-height: 28px; /* reserve minimal space when filters appear */
  overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .nA34fb5cwbsV9M3RiSTF {
    padding: var(--mantine-spacing-xs);
    padding-left: calc(var(--mantine-spacing-xs) + 8px);
  }

  .yYv_m5nGFWMrb5zYwhHj {
    min-width: 150px;
  }

  /* Stack elements vertically on small screens */
  .t0pJLTaEmgM3qhKEUsQr {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  /* Further compact on very small screens */
  .nA34fb5cwbsV9M3RiSTF {
    padding: var(--mantine-spacing-xs);
    padding-left: calc(var(--mantine-spacing-xs) + 8px);
  }
}

/* PathChips - Clickable location path segments */

.RxeuT2qAinQtKNXMG54r {
  display: inline-flex;
  /* Stay on one line: a wrapped trail inflates table row height (see
     fe-cards-location-column-long-path-overflow). */
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.Ah7N9KwTwmjr372p7WG2 {
  color: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme='dark'] .Ah7N9KwTwmjr372p7WG2 {
  color: var(--mantine-color-dark-3);
}

.Ah7N9KwTwmjr372p7WG2 {
  font-size: var(--mantine-font-size-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  flex-shrink: 0;
}

/* Cap a single segment so one verbose bin name ellipsizes instead of widening
   the whole column. Mantine Badge already sets overflow/text-overflow/
   white-space on its label, so a max-width is all that's needed. */
.bRlOl2ohoNdT77TuQPD0 {
  cursor: default;
  -webkit-text-decoration: none;
  text-decoration: none;
  max-width: 140px;
  /* No shrink: keep the chip's natural (fit-content) width up to the
     max-width cap so a short segment renders unchanged (AC 4). The
     container's own overflow: hidden handles a column too narrow to fit
     every chip at natural width. */
  flex-shrink: 0;
}

.jaLsVJUt2i9KCqdOFYuH {
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: filter 200ms ease;
  max-width: 140px;
  flex-shrink: 0;
}

.jaLsVJUt2i9KCqdOFYuH:hover {
  filter: brightness(1.2);
}

.K2omBihFiARECmsgSbQp {
  color: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme='dark'] .K2omBihFiARECmsgSbQp {
  color: var(--mantine-color-dark-3);
}

.K2omBihFiARECmsgSbQp {
  font-size: var(--mantine-font-size-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  flex-shrink: 0;
}

.P6zaUhEUSI0rAgZWNjgj {
  padding: 1rem;
  background-color: var(--mantine-color-gray-0);
}
  [data-mantine-color-scheme='dark'] .P6zaUhEUSI0rAgZWNjgj {
  background-color: var(--mantine-color-dark-6);
}
  .P6zaUhEUSI0rAgZWNjgj {
  border: 1px solid var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .P6zaUhEUSI0rAgZWNjgj {
  border: 1px solid var(--mantine-color-dark-4);
}
  .P6zaUhEUSI0rAgZWNjgj {
  border-radius: var(--mantine-radius-sm);
}

.xNG8NPoTa8xO19f7DKhw {
  margin-bottom: 0.5rem;
}

.hruefusB99gdIzWUEsIR {
  line-height: 1.5;
}

.TQGg8ZfOdXwsWj6k3p3n {
  margin-top: 0.5rem;
}

/**
 * SearchHelpModal - Search cheat sheet modal styling
 */

/* Token button - monospace styling for search tokens */
.brBYk7wRKk1FWieWJttE {
  font-family: monospace;
  height: auto;
  padding: 2px 8px;
}

/* Indented example line for grouped token examples */
.gsSKHKt7R9zEXHjVifMA {
  margin-left: 8px;
}

/* Flex container for status message */
.FujZgn1jtWCGGz_ZfkCM {
  flex: 1;
}

.sfjrf5_eIYgnRvLuvQw4 {
  border-left-width: 3px;
  border-left-style: solid;
}

.J60LECf554TYBDTnxIGr {
  border-left-color: var(--mantine-color-green-6);
}

.s1xTF3S640uzPIvCm3Wl {
  border-left-color: var(--mantine-color-red-6);
}

.nJ3hwZx4ysqP20NPQVXO {
  border-left-color: var(--mantine-color-grape-6);
}

.hTUmsA8av4BbfwavuwHQ {
  border-left-color: var(--mantine-color-gray-6);
}

.mflRm2bd3BGeKvdhLGIY {
  flex: 1;
  min-width: 0;
}

.nCDsT4jMWAwWC8OhOmVf {
  opacity: 0.5;
}

.JYgMu1wbU2Vz_NMa4qHi {
  flex: 1;
}

/* Sortable header styling - looks like a link to indicate interactivity */
.kZbyV5L7gxgbZSUUWNYA {
  color: var(--mantine-color-grape-5);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 200ms ease;
}

.kZbyV5L7gxgbZSUUWNYA:hover {
  color: var(--mantine-color-grape-7);
}

/* Dark theme specific adjustments */
@media (prefers-color-scheme: dark) {
  .kZbyV5L7gxgbZSUUWNYA {
    color: var(--mantine-color-grape-4);
  }

  .kZbyV5L7gxgbZSUUWNYA:hover {
    color: var(--mantine-color-grape-3);
  }
}

/* Ensure the Group inside the header aligns properly */
.KXlb39OBR2LCtJf3oY5F {
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

/* Non-sortable header cursor */
.aqt_ujvFD_71SyUz3Z8I {
  cursor: default;
}

/* Sort arrow icon with rotation animation */
.flk6NV_8Hx53lVcfAyQW {
  transition: transform 200ms ease;
}

.S0BIbXvRjAZsR_E82a19 {
  transform: none;
}

.OjYwsyAzjMzMNR9Npbs9 {
  transform: rotate(180deg);
}

.iHUBUZNzR0ZLM3iumB5I {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
}

.iHUBUZNzR0ZLM3iumB5I:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.vost2iEHH4vqJ76gNKA4 {
  padding: 0.5rem;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
}

.vost2iEHH4vqJ76gNKA4:hover {
  background-color: var(--mantine-color-gray-7);
}

.GwxZQmhNCSCLOQljuOJ0 {
  flex: 1;
}

._jj5HNZWVQcGun4Mr5Sh {
  cursor: default;
}

.qsc1BGzSLiB0w_8VRnMp {
  color: var(--mantine-color-dimmed);
  margin-top: 4px;
}

.rOqDu67OY5h2lPwZTDTc {
  width: 100%;
}

.fJkPpsmuCkzEpPd_9IPp {
  flex: 1;
}

/* IMb Label Modal Styles */

.tEfR7Gc2K1nDaJXnb5OQ {
  flex: 1;
}

.bc6OM5pNVHR_I5u8gICM {
  cursor: default;
}

.GPz86dw4b3PRDhGETTCA {
  margin-top: var(--mantine-spacing-xs);
}

/* CT Zero pull-sheet drill-in modal layout (ctz-04b) */

.AV1d4agjfUdZc_ZVKzEW {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--mantine-spacing-sm);
}

.plxUx4T7U1e3StWQs1z1 {
  color: var(--mantine-color-dimmed);
}

.nOUgv3RMXj8EAs9zaGy7 {
  padding: var(--mantine-spacing-md);
}

.gWMIn7npJqM_V02G2HvI {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

/* This file is intentionally left mostly empty as sortable header styles
   have been moved to the shared SortableHeader component */

/* CT Zero parent-row badge group (ctz-04b) */
.u2Sk16Ha5TiKMRfX3YJQ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

.ugnX4zpBPXziZri7XLXz {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.gcR5XxZ2RNB31GI9uQpz {
  font-weight: 600;
}

.IAamihfOnirqnDdfqbp2 {
  position: relative;
  background: var(--mantine-color-dark-7);
  border-color: var(--mantine-color-dark-4);
  overflow: hidden;
  margin-bottom: var(--mantine-spacing-md);
}

/* Left accent strip - ownership signal using primary color */
.nzXPBlkCkohMtoiHyuWA {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--mantine-color-grape-6);
}

.dTp22PX6smajCX0PEY72 {
  padding-left: 12px;
}

/* Strip variant - horizontal banner */
.ohyVBhc4BmL0BxoEY4wA {
  width: 100%;
}

/* Rail variant - sidebar panel, sticky */
.OrvD0it3XWC2izVGXYU1 {
  position: sticky;
  top: 16px;
  width: 320px;
  flex-shrink: 0;
  align-self: flex-start;
}

/* Drawer variant - similar to rail but not sticky, for mobile */
.K7uJq5wTcKQ21ckp0XfA {
  max-width: 100%;
}

/* Title styling */
.IRNGEhTWLUxsipgVltRI {
  color: var(--mantine-color-text);
}

/* Row label-value styling */
.EM3lBAKLgs1acpzMbTYu {
  min-width: 100px;
  flex-shrink: 0;
}

.EM3lBAKLgs1acpzMbTYu::after {
  content: ' →';
  margin-left: 4px;
}

.lyoVspBYuQ4EQ0I_aM9U {
  flex: 1;
  word-break: break-word;
}

/* Footer note */
.PZDzgHBzPzNUvvlGCiCK {
  line-height: 1.4;
  max-height: 2.8em; /* Limit to one line effectively */
  overflow: hidden;
}

/* Horizontal layout styles */
.Y3bG8R7z2SC9H7Q2A_Xq {
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-md);
}

.WnGFHqjUg3eMEANa4VAL {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--mantine-spacing-lg);
  flex-wrap: wrap;
}

.EpDXoKj_LhDFjaF7eVgY {
  flex-shrink: 0;
}

.YyQKd3crR4pJWPdF98pE {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--mantine-spacing-md);
  align-items: center;
  min-width: 0;
}

.p9lac0iIx38gVBCdaSlB {
  flex-shrink: 0;
  white-space: nowrap;
}

.LO4eaKJnjsTzTcQIRmDf {
  flex-shrink: 0;
  margin-left: auto;
}

/* When horizontal + drawer: always stack vertically */
.c5hjZ2PopF4VQ9FB21xf.K7uJq5wTcKQ21ckp0XfA .Y3bG8R7z2SC9H7Q2A_Xq {
  display: block;
}

.c5hjZ2PopF4VQ9FB21xf.K7uJq5wTcKQ21ckp0XfA .WnGFHqjUg3eMEANa4VAL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mantine-spacing-md);
}

.c5hjZ2PopF4VQ9FB21xf.K7uJq5wTcKQ21ckp0XfA .LO4eaKJnjsTzTcQIRmDf {
  margin-left: 0;
}

/* Responsive: horizontal collapses to vertical at tablet/mobile */
@media (max-width: 1024px) {
  /* Rail takes full width and becomes non-sticky */
  .OrvD0it3XWC2izVGXYU1 {
    position: static;
    width: 100%;
    max-width: 100%;
  }

  /* Horizontal mode collapses to vertical on narrow viewports */
  .c5hjZ2PopF4VQ9FB21xf .WnGFHqjUg3eMEANa4VAL {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mantine-spacing-md);
  }

  .c5hjZ2PopF4VQ9FB21xf .LO4eaKJnjsTzTcQIRmDf {
    margin-left: 0;
  }
}

/* InvoicePrintView Styles */

.cxtM3NaoRpbM7MCe4F0g {
  background-color: var(--mantine-color-dark-7);
  border-radius: 8px;
  padding: 1.5rem;
}

.yGOlac7aYrrqfqFI1QMG {
  margin-bottom: 1rem;
}

.i0mSSuFkgB1imPVAooua {
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-dark-9);
  padding: 2rem;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.hj95o5bJKW_UEkIsPurB {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.vrs1qty7UxFQOwZWVLiw {
  flex: 0 0 auto;
}

.FTXg0CDxnvFfs3DreveQ {
  text-align: right;
}

.pOuEDo1h3t4RWe3SCXUg {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.UM4wDZKWEgp0UBt3b1cM {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.X2iBxgNLIXZ7XD6FQZhg {
  padding: 0.5rem;
  background-color: var(--mantine-color-gray-1);
  border-radius: 4px;
}

.oBBHW6HmH2fzePy0xx9k {
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--mantine-color-gray-7);
}

.Hd_sFoHZOkgd6GHrgQjJ {
  line-height: 1.3;
}

.lwcOFjk1FtiCkaUiNpGv {
  margin-bottom: 1.5rem;
}

.vYaLLGBSQ7aoiL0c761S {
  width: 100%;
}

.QTTztR1ACNe4Gu_fiQmO {
  width: 44px;
}

.mAJYrrfm6usrsqpFB1OH {
  display: block;
}

.WHqFUBPGglMOCc68PG5w {
  width: 48px;
  text-align: right;
}

.WFt9Mj87qU0xAK2X7F3Q {
  text-align: right;
}

.rAqFo8Jel7WvQ56Zqr4o {
  margin-top: auto;
  padding-top: 0.25rem;
  text-align: right;
  color: var(--mantine-color-gray-6);
}

/* Screen-only elements hidden during print */
.DJyA5DaQYY6ypDGcBvYK {
  display: block;
}

/* Print-specific styles */
@media print {
  .cxtM3NaoRpbM7MCe4F0g {
    background: none;
    padding: 0;
    border-radius: 0;
  }

  .yGOlac7aYrrqfqFI1QMG {
    display: none;
  }

  .i0mSSuFkgB1imPVAooua {
    background: white;
    color: black;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: auto;
  }

  .X2iBxgNLIXZ7XD6FQZhg {
    background-color: #f5f5f5;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .rAqFo8Jel7WvQ56Zqr4o {
    color: #666;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .DJyA5DaQYY6ypDGcBvYK {
    display: none !important;
  }
}

.kfExxLcjRAhaeqzIUkCW {
  border: 1px solid var(--mantine-color-blue-6);
}

.m9lAkwM64Xl4B95FipMj {
  padding: var(--mantine-spacing-md);
  background-color: var(--mantine-color-dark-6);
  border-radius: var(--mantine-radius-md);
}

.HFhuNScS1M05BP6uaoi5 {
  border-radius: var(--mantine-radius-sm);
}

.FHtndwMSyW2MWhRiheQg {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  background-color: var(--mantine-color-dark-7);
  border-radius: var(--mantine-radius-sm);
}

.NQriD3HVxB9pKlb_kHlq {
  border: 1px solid var(--mantine-color-dark-4);
  border-radius: var(--mantine-radius-md);
  overflow: hidden;
}

.GwxVYmOopJJhESZexGwe {
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  background-color: var(--mantine-color-dark-6);
  cursor: pointer;
  transition: background-color 150ms ease;
}

.GwxVYmOopJJhESZexGwe:hover {
  background-color: var(--mantine-color-dark-5);
}

.y_IxrN8tQD63cTvMiYQT {
  border-bottom: 1px solid var(--mantine-color-dark-4);
}

.zavm5IUxictnIKXdza3E {
  padding: var(--mantine-spacing-md);
  background-color: var(--mantine-color-dark-7);
}

.wuB8w06WrEnswIuGwB4b {
  font-weight: 600;
}

.ENZ3YLR3lMKrjgCaQpm3 {
  color: var(--mantine-color-yellow-5);
}

/* Popover.Dropdown body width for the Unassigned info popover — see
   UnassignedInfoPopover.jsx. Padding is left at the Popover default. */
.t23mXnwfqrVgSGKVZVRW {
  width: min(90vw, calc(var(--mantine-spacing-xl) * 14));
}

.WBPeX7LhMJR2g7xJcQTj {
  padding: var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-dark-6);
  margin-bottom: var(--mantine-spacing-xs);
}

.WBPeX7LhMJR2g7xJcQTj:last-child {
  margin-bottom: 0;
}

.bu_6ccFjy6tshAx1Mytu {
  font-weight: 500;
}

.UP1EqyMyUYCz0M1ejnQ2 {
  color: var(--mantine-color-dimmed);
  font-size: var(--mantine-font-size-sm);
}

/* Foil treatments stand out on the pick list: rendered uppercase + bold so a
   puller can't miss them while scanning rows (fe-picklist-foil-bold-caps). */
.JEB8JizHuULThL6mJuuA {
  font-weight: 700;
  text-transform: uppercase;
}

.z2JLjGfHfzz4F8uhAaM2 {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

.Uk0gKW1bK_NOdYrYYHfd {
  width: 60px;
  text-align: center;
}

.k8VYMSjMOo6gkk3N2VWZ {
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  background-color: var(--mantine-color-dark-5);
  border-top: 1px solid var(--mantine-color-dark-4);
}

.gvzKP23gRrbfcWD3NdQ2 {
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  font-style: italic;
}

.ZnxayDyF8omSbDpGheu4 {
  background-color: var(--mantine-color-green-9);
}

.Z3xlOhNNg2SQXKoT4xTl {
  width: 80px;
}

.efJOUxxXFtWyNt0XHxy8 {
  min-width: 70px;
  font-family: monospace;
  text-align: center;
}

/* Classes for mobile responsiveness */
.H9F6ueWMslerDK8qqPDj {
  flex-wrap: wrap;
}

.T2S8HTKj5R03HC6tZcOb {
  flex-shrink: 0;
}

.OoWppSM6I9pK_H0rt1VZ {
  flex-wrap: wrap;
}

.TF7W0ZBV_MtktDxdrvOd {
  flex-wrap: wrap;
}

.MUT4Dg4TjPu2yhGdDwor {
  flex: 1;
  min-width: 0;
}

.cLYGs4vyoFXMaji787UJ {
  flex-wrap: wrap;
}

/* Mobile breakpoint */
@media (max-width: 768px) {
  .H9F6ueWMslerDK8qqPDj {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mantine-spacing-sm);
  }

  .OoWppSM6I9pK_H0rt1VZ {
    width: 100%;
  }

  .TF7W0ZBV_MtktDxdrvOd {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mantine-spacing-sm);
  }

  .MUT4Dg4TjPu2yhGdDwor {
    width: 100%;
  }

  .cLYGs4vyoFXMaji787UJ {
    width: 100%;
    gap: var(--mantine-spacing-sm);
  }

  .Z3xlOhNNg2SQXKoT4xTl {
    width: 100%;
    flex-grow: 1;
  }
}

/* LocationSection - CSS Module */

.dniOtS9EllfFFZEeMMvo {
  text-align: right;
}

.Sqcj2mo7EFJOl5NBxrO9 {
  min-width: 0;
  flex: 1;
}

/* CardThumbnail - CSS Module */

/* Fixed thumbnail dimensions (portrait card ratio) so rows stay aligned
   regardless of whether an image is present. */
.Npc0hcTqzkYqiu7Mp3jg,
.bTbtjrumFnpHbKtjmrOH {
  width: 40px;
  height: 56px;
  border-radius: 4px;
  flex-shrink: 0;
}

.bTbtjrumFnpHbKtjmrOH {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mantine-color-default-border);
  background: var(--mantine-color-default-hover);
}

.Npc0hcTqzkYqiu7Mp3jg {
  -o-object-fit: cover;
     object-fit: cover;
  /* Suppress iOS Safari's native long-press "Save Image" callout and the platform text-selection
     highlight, so a long-press on the thumbnail only ever opens our own preview popover. */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.i1UclM3YuiYvMysJEWlc:disabled {
  background: var(--mantine-color-gray-1);
}
  [data-mantine-color-scheme='dark'] .i1UclM3YuiYvMysJEWlc:disabled {
  background: var(--mantine-color-dark-5);
}

.DrCWstX9vlOr35zTdfVG:disabled {
  background: var(--mantine-color-gray-1);
}
  [data-mantine-color-scheme='dark'] .DrCWstX9vlOr35zTdfVG:disabled {
  background: var(--mantine-color-dark-5);
}

.rqCz_stcQyAjpe8Vdzg6 {
  cursor: pointer;
}

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

.gCjaKdi9ksEE_jKlX53K {
  min-width: 80px;
  padding: var(--mantine-spacing-sm);
}

.zo8I7EUbmJ_U4SJABkwX {
  flex: 1;
}

.lV8OsVUpkPB_yCBf4loD {
  background-color: var(--mantine-color-green-0);
}
  [data-mantine-color-scheme='dark'] .lV8OsVUpkPB_yCBf4loD {
  background-color: var(--mantine-color-dark-6);
}
  .lV8OsVUpkPB_yCBf4loD {
  border-radius: var(--mantine-radius-md);
  transition: background-color 0.2s ease;
}

.lV8OsVUpkPB_yCBf4loD:hover {
  background-color: var(--mantine-color-green-1);
}

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

.rJsd0vV_QlUtwe8O4qki {
  font-weight: 600;
}

.eXg_F85FhiZ9TGVTBO8D {
  width: 70%;
  height: 70%;
}

.g2_CgZFNDuUt70AplEZA {
  min-width: 80px;
}

.WHUo8ugHdhGXwekfOvmZ {
  min-width: 85px;
  font-family: monospace;
}

/* BatchPullSheetPrintView — dedicated DENSE print layout for the batch pull sheet.
   Deliberately header-less (no logo/address block) and tighter than InvoicePrintView so
   substantially more cards fit per printed page. */

.mfl4JLB6GOlnjg_FNhOj {
  background-color: var(--mantine-color-dark-7);
  border-radius: 8px;
  padding: 1.5rem;
}

.wbSkUgvkSxxDY7kyOXfv {
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-dark-9);
  padding: 1.25rem;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* Compact one-line heading in place of the invoice logo/address block. */
.rteYANpq3Kv8rI4WNGdD {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--mantine-color-gray-4);
}

.zh6OQ2ysb57Q2KJ4FVRT {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Pp4gIM_iNoCITLY4wYnN {
  color: var(--mantine-color-gray-7);
}

._V3vhCmJcEVF8wllV23k {
  width: 100%;
}

/* Dense rows: trim the default Mantine table cell padding hard so many rows fit. */
._V3vhCmJcEVF8wllV23k td,
._V3vhCmJcEVF8wllV23k th {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  line-height: 1.15;
}

.Qk8yfccIqEZ03vnpjiqO {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.nt1sV6VLZHkkePyGdL5K {
  width: 34px;
}

.vmDpEX9R9ZV9Ubv2pLpJ {
  display: block;
}

.A4Wa7nqu1Q6bnA5yGYMe {
  width: 40px;
  text-align: right;
}

._XF5j02oDNGEut7ipgOA {
  width: 64px;
  text-align: right;
}

.q0axFzHrVxUVPO9WDFa9 {
  margin-top: auto;
  padding-top: 0.25rem;
  text-align: right;
  color: var(--mantine-color-gray-6);
}

/* Print-specific overrides — force white/black and drop the on-screen chrome. */
@media print {
  .mfl4JLB6GOlnjg_FNhOj {
    background: none;
    padding: 0;
    border-radius: 0;
  }

  .wbSkUgvkSxxDY7kyOXfv {
    background: white;
    color: black;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: auto;
  }

  .q0axFzHrVxUVPO9WDFa9 {
    color: #666;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.GNo5XLTsrcpJJMFZlL_o {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-bottom: 1px solid var(--mantine-color-dark-4);
  margin-bottom: var(--mantine-spacing-xs);
}

.JWlxqcI2Ehkcf7Ce6Yfj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-sm);
  padding: var(--mantine-spacing-xs) 0;
}

.JWlxqcI2Ehkcf7Ce6Yfj:not(:last-child) {
  border-bottom: 1px solid var(--mantine-color-dark-5);
}

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

.DYL9GQHVIcTDEmm9JymG {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
  flex-shrink: 0;
}

.VcKy3nkIKWLBZF7gfArR {
  text-align: center;
  padding: var(--mantine-spacing-xl) 0;
}

.xXvPNtgAb_Lltn_WzlLl {
  text-align: center;
  padding: var(--mantine-spacing-xl) 0;
}

.ef62XYn6bML9o88L0jX0 {
  display: flex;
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

.lKTEC7CvWPOvDlwPtctL {
  width: 48px;
  border-radius: var(--mantine-radius-xs);
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.aZ_Sy4RDq6JXVgWOaR5L {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

[data-mantine-color-scheme='dark'] .aZ_Sy4RDq6JXVgWOaR5L {
  filter: brightness(0) invert(1);
}

/* BatchPullSheet Styles */

.Ur1YEnzOJ3GEohEroDVr {
  width: 100%;
}

.jqKT6T6Kob2_2uOC7U0j {
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* Keep the sheet control toolbar (View / Allocation toggles) pinned while the rows
   scroll beneath it, so the seller never loses the orienting labels/controls on a
   long pull sheet. The routed page scrolls the whole document under a sticky app
   `PageHeader`, so the toolbar pins BELOW that header rather than at the viewport
   top, or it would overlap the header. `--tcg-header-height` is the CSS variable
   `PageHeader.jsx` publishes on `:root` from its own measured height.

   A solid panel background + z-index keeps the toolbar opaque and above the rows
   that slide under it. */
.JcnHnJCzOB4kfRw0t5DL {
  position: sticky;
  top: 0px;
  top: var(--tcg-header-height, 0px);
  z-index: 5;
  background-color: var(--tcg-panel-bg, var(--mantine-color-body));
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
}

/* Print layout drops sticky positioning (the print redesign owns print styling);
   guarding here keeps the pinned toolbar from reserving space in the printed sheet. */
@media print {
  .JcnHnJCzOB4kfRw0t5DL {
    position: static;
  }
}

/* The printable layout is hidden on screen and only revealed when printing,
   mirroring InvoicePrintView's @media print pattern. */
.qYGFvfPGoHpxx7WsODwn {
  display: none;
}

@media print {
  /* Hide every interactive/screen-only chrome marked print-hide. */
  .print-hide {
    display: none !important;
  }

  .qYGFvfPGoHpxx7WsODwn {
    display: block;
  }
}

/* EmptyState styling for /invoices/pull-sheet. Extracted here because inline
   Mantine style shortcuts (py, c, maw) are forbidden by CLAUDE.md. */

.BFn3aQKyF67xwkk492DK {
  padding: 80px 0;
}

.TnNVfxhkp4Ld6UBlXZE1 {
  color: var(--mantine-color-dimmed);
  max-width: 400px;
}

.KifN587pjZH7jjtE1Vhh {
  border: 1px solid var(--mantine-color-gray-3);
}
  [data-mantine-color-scheme='dark'] .KifN587pjZH7jjtE1Vhh {
  border: 1px solid var(--mantine-color-dark-4);
}
  .KifN587pjZH7jjtE1Vhh {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-md);
  font-weight: 500;
  transition:
    color 100ms ease, background-color 100ms ease, border-color 100ms ease;
  cursor: pointer;
}

  .KifN587pjZH7jjtE1Vhh * {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.KifN587pjZH7jjtE1Vhh[data-checked] {
  background-color: var(--mantine-color-grape-filled);
  border-color: var(--mantine-color-grape-filled);
  color: var(--mantine-color-white);
}

.XiDVOJ1hlMmNA_e7uLLd {
  margin-top: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-sm);
  border-top: 1px solid var(--mantine-color-dark-4);
}

/* ReverseSaleModal - CSS Module */

.y4gZ26YMKTReQJuETjjR {
  margin: 0;
  padding-left: 1.25rem;
}

.W9xAx02rp8qP1DlPaff2 {
  padding: var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-dark-6);
}

/**
 * Invoice - Console Layout
 *
 * Uses SectionWrapper for floating panel styling on action buttons.
 * Info plane content moved to page header.
 */

/* Secondary info plane - tracking details when present */
.qwybGRxHOwfHBU2Do8M3 {
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-left: 3px solid var(--mantine-color-grape-6);
  border-radius: var(--mantine-radius-md);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
}

/* Control plane styling - for stats bar */
.ya4modhzjaPbGjxVPDCQ {
  border-left: 3px solid var(--mantine-color-grape-filled);
}

/* Actions plane - sticky positioning like ControlPlane */
.HfzWPAm5T6w6DR3UYt8K {
  position: sticky;
  top: 0px;
  top: var(--tcg-header-height, 0px);
  z-index: 90;
  border-left: 4px solid var(--mantine-color-grape-7);
  transition:
    background-color 0.2s ease, box-shadow 0.2s ease;
}

/* CardTrader tracking input plane (T11) - sits above actions plane for CT invoices */
.LEAjTvpdxQJIBV2WyiEn {
  border-left: 3px solid var(--mantine-color-green-6);
  margin-bottom: var(--mantine-spacing-md);
}

/* Single-field input width for CT tracking code */
.WpVVuWQLO8J3DnlTgwsw {
  min-width: 280px;
}

/* Card image in Pull by Line Item view */
.MrZKmMspij8BeFSzb_aC {
  max-width: 100%;
}

/* Actions plane collapsed state */
.N7AxStw78WMPjYgVv6pV {
  padding: var(--mantine-spacing-xs);
}

/* Toggle button for action plane */
.R04_ozmm5QNMqfTNWVEY {
  flex-shrink: 0;
}

/* Action buttons container - hidden when collapsed */
.iir3LG4XXyMJ7oWINvW6 {
  display: flex;
  gap: var(--mantine-spacing-sm);
  flex-wrap: wrap;
  flex: 1;
}

.THkRV1DJukfy64tzL2Qv {
  display: none;
}

/* Stats plane - flex container with max-width constraint */
.zhkYYTxrF4uOEjC4GA09 {
  flex: 1;
  max-width: 400px;
}

/* Progress bar flex fill */
.LnJ0SAWbeX6d7N4Pskwp {
  flex: 1;
}

.gSL98E2IpRuexPqw8zle {
  margin-bottom: var(--mantine-spacing-md);
}

.b35VEvMeYhOrTMsJbN4S {
  padding: var(--mantine-spacing-lg);
}

.JxMUyBkwkYYEugDLocYN {
  font-size: var(--mantine-font-size-xs);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mantine-color-dimmed);
  letter-spacing: 0.5px;
}

.n9zuI83oZWqTi4MS9bbf {
  font-size: var(--mantine-font-size-xl);
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--mantine-spacing-xs);
}

.BDx2NJvFU8NGVCFun2iS {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: var(--mantine-font-size-xs);
  font-weight: 600;
  margin-top: var(--mantine-spacing-xs);
}

.CfFo7f9hEJWCw7p04MdN {
  color: var(--mantine-color-teal-5);
}

.wJ9lELrB2GOp8MFVmvzw {
  color: var(--mantine-color-red-5);
}

.rK628ZQlGqpkNHm0wIU1 {
  color: var(--mantine-color-dimmed);
}

.X4OQiS4X_Wa4dBBpQtI_ {
  margin-top: var(--mantine-spacing-sm);
  height: 40px;
}

.WRSwuO7n3buDMA7AcQiI {
  height: 200px;
}

.CRdCXEe0KeDTrh6bgfdd {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.z48uTKHBAX1yXZ9sk0zx {
  height: 300px;
}

.TkVFWMG3fV0qMsc0I8CP {
  height: 300px;
}

.uQTiLsVZUyCPfrCSOle0 {
  height: 300px;
}

.sH6k25jLp0gS4F9qC5CN {
  height: 150px;
}

.mdyb3LictPq01DvPvvVJ {
  height: 300px;
}

.SLbWWXV81Z7K5Eni8YO3 {
  height: 300px;
}

.DoRVyWvAaDZPs4ByGO5Z {
  height: 150px;
}

.Ff5U8ubqMDHvPMNcrRzC {
  margin-bottom: var(--mantine-spacing-xs);
}

.LViLn8QZCs8q4Y6sZZvJ {
  height: 150px;
}

.BZO1UguTXKXWe1A43pg7 {
  max-width: 200px;
  margin-bottom: 20px;
}

.A1X24BKSYXpdscC96Sbz {
  margin-bottom: var(--mantine-spacing-xs);
}

.Kgqhy1PymEqlaNympp6y {
  height: 150px;
}

.jSTUGoYLmMNb2TqF45jk {
  max-width: 200px;
  margin-bottom: 20px;
}

.sSIzNbiosomjmX79MaTw {
  margin-bottom: var(--mantine-spacing-xs);
}

.DDNjbjjxbAskkfIzJUxr {
  height: 150px;
}

.uzLW0oc8b3f0lNJhhcJJ {
  max-width: 200px;
  margin-bottom: 20px;
}

.WsndcmbL7A9F474P4x4I {
  margin-bottom: var(--mantine-spacing-xs);
}

.C3rHzPGwqe57bBirkncH {
  height: 150px;
}

.IPu8YHTBZcwA5p17Ifsj {
  max-width: 200px;
  margin-bottom: 20px;
}

.m1WXvoJ0vtGPsuElCjZH {
  margin-bottom: var(--mantine-spacing-xs);
}

.gPnSsSbu8ZaLG3LDlBSv {
  height: 150px;
}

.PWXxyNlfKc923ZiJstxn {
  max-width: 200px;
  margin-bottom: 20px;
}

.gSUxSHoqLJdDgLaBc7Dt {
  background: var(--mantine-color-violet-0);
}
  [data-mantine-color-scheme='dark'] .gSUxSHoqLJdDgLaBc7Dt {
  background: var(--mantine-color-dark-6);
}
  .gSUxSHoqLJdDgLaBc7Dt {
  border: 1px solid var(--mantine-color-violet-2);
}
  [data-mantine-color-scheme='dark'] .gSUxSHoqLJdDgLaBc7Dt {
  border: 1px solid var(--mantine-color-violet-9);
}
  .gSUxSHoqLJdDgLaBc7Dt {
  border-radius: var(--mantine-radius-md);
  padding: var(--mantine-spacing-xl);
}

.WDsr3xJPlESUMwC4uCcM {
  margin-bottom: var(--mantine-spacing-md);
}

.L69OYgiHgtPvkkLhY_pN {
  padding: var(--mantine-spacing-sm) 0;
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .L69OYgiHgtPvkkLhY_pN {
  border-bottom: 1px solid var(--mantine-color-dark-5);
}

.L69OYgiHgtPvkkLhY_pN:last-of-type {
  border-bottom: none;
}

.bWDBAeT3fM8JrhIb47QS {
  flex-shrink: 0;
}

.r3ve42MhNPkQ8VuirawG {
  font-weight: 600;
}

.li_gWusxssHqgiIztYw2 {
  color: var(--mantine-color-dimmed);
}

.Qh202VDnuVg7ntUtUqUN {
  flex: 1;
}

.TeOjUAT6nQVEP2gDWlJu {
  flex: 1;
}

.XTC0PQ8mgFSsjBdjvWLA {
  flex-shrink: 0;
}

.gHeJAPYzIFDBi8ke_Nug {
  opacity: 0.6;
}

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

.tTQnavN_dITZFry6SXyF {
  border: 1px solid var(--mantine-color-dark-4);
  border-radius: var(--mantine-radius-md);
  padding: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
}

.RJ3VZqLFe32KziilvI2o {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mantine-spacing-xs);
  background: var(--mantine-color-dark-6);
  border-radius: var(--mantine-radius-sm);
  color: var(--mantine-color-white);
  cursor: pointer;
}

.RJ3VZqLFe32KziilvI2o:focus-visible {
  outline: 2px solid var(--mantine-color-violet-5);
  outline-offset: 2px;
}

.XxNbnOP_7oYp2IQEQqGH {
  padding: 0;
}

.TC8AUj9zobDkQxvCBg9E {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.tceQ83gdeoQU1santeWg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.CIkibYJTAvKhIzfNGG99 {
  margin-bottom: var(--mantine-spacing-md);
}

.Rc_hZ6Ekgv09srsPB_sb {
  padding: var(--mantine-spacing-lg);
}

.ma_dCfPVNpLDQP1fNs0B {
  font-size: var(--mantine-font-size-xs);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mantine-color-dimmed);
  letter-spacing: 0.5px;
}

.CL__oiMqFQl7czp5ZoFt {
  font-size: var(--mantine-font-size-xl);
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--mantine-spacing-xs);
}

.o7_n477EUjLEyKGTXzP7 {
  padding: var(--mantine-spacing-lg);
  position: relative;
}

.VxHFt9PXSw7CYYq1wrQW {
  font-weight: 600;
  margin-bottom: var(--mantine-spacing-md);
}

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

.jj7HdpbwQogFItQz4bDZ {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.O5GusX_I8TnONEfTjleV {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.yCWNKV6vxx70Jq038Uk2 {
  height: 400px;
}

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

.u55A58QegolOZH0LlWNE {
  height: 300px;
  position: relative;
}

.CdfeeJkayaPkbU8uLdB4 {
  margin-bottom: var(--mantine-spacing-md);
}

.gjjbRxgOeayn8AXvCr0h {
  padding: var(--mantine-spacing-lg);
}

.YKSJSbzi8iwwujAcxa4B {
  color: var(--mantine-color-dimmed);
  margin-bottom: var(--mantine-spacing-xs);
}

.M_02425ElHoe25xYbNa0 {
  font-size: var(--mantine-font-size-xs);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mantine-color-dimmed);
  letter-spacing: 0.5px;
}

.mlyEgUkqIQEgm1pi1lZ7 {
  font-size: var(--mantine-font-size-xl);
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--mantine-spacing-xs);
}

.Vws4Gm0EIAibfEHLL7F0 {
  color: var(--mantine-color-red-6);
}

.p2l5dhpsYPg_NDf9TFen {
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  margin-top: var(--mantine-spacing-xs);
}

.oSuJLXQU3Azd4FuZeNyc {
  height: 200px;
}

.GqgwJRLbFkK1J6PL6tVp {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.Rw1UIeQ_KxZfWxTIEpB0 {
  height: 300px;
}

.VOXQeUQMtH_xr0sJ_dbc {
  color: var(--mantine-color-red-6);
}

.H2px1pHUQhdKuRyZwbst {
  font-weight: 600;
}

.KhylD4qiAwh2x6LnI3iO {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.OdkOCTQHeUMYnxAVhzZ4 {
  min-height: 400px;
}

.c8fHy1Oz_cAIxEmdixB3 {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.g9s8cfJz2PeHKag0KC7c {
  margin-bottom: var(--mantine-spacing-md);
}

.a5hhYkf0eHVP2PBnU7Gc {
  padding: var(--mantine-spacing-lg);
}

.z9d4TAfvcOlPHzvRvA3Q {
  font-size: var(--mantine-font-size-xs);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--mantine-color-dimmed);
  letter-spacing: 0.5px;
}

.vBFwF7DZtapXTxKRjggu {
  font-size: var(--mantine-font-size-xl);
  font-weight: 700;
  line-height: 1.2;
  margin-top: var(--mantine-spacing-xs);
}

.LIvFjYFfsdzHo_U7cab3 {
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
}

.nrmp1mkKKUMQeR5i4bT_ {
  padding: var(--mantine-spacing-lg);
  position: relative;
}

.nN5q_GzY1qMCBQIbDGY3 {
  font-weight: 600;
  margin-bottom: var(--mantine-spacing-md);
}

.WUZ8BY9zvNMRcOOz8nXr {
  margin-bottom: var(--mantine-spacing-md);
}

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

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

.FSbdKZeCXb7H8T5Sy8Ay {
  font-weight: 600;
  margin-top: var(--mantine-spacing-lg);
  margin-bottom: var(--mantine-spacing-sm);
}

.HLoCZGzKuSkHuWtIqhcQ {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.XiXHK8csouXUmxIwRIdQ {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.dksUtmhVaagauE_sdHHg {
  height: 400px;
}

.haVq7CQnanP2CrOKNAs8 {
  height: 6px;
  border-radius: 3px;
  background: var(--mantine-color-dark-5);
  overflow: hidden;
}

.ZYczpzRcn4wk0_MU2QTM {
  height: 100%;
  border-radius: 3px;
  background: var(--mantine-color-grape-6);
}

.qiEdtuhija03ntVr4IMM {
  padding: var(--mantine-spacing-md);
  border-radius: var(--mantine-radius-md);
  background: var(--mantine-color-red-0);
}

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

.qiEdtuhija03ntVr4IMM {
  border: 1px solid var(--mantine-color-red-3);
}

[data-mantine-color-scheme='dark'] .qiEdtuhija03ntVr4IMM {
  border: 1px solid var(--mantine-color-red-9);
}

.PriTWeTCEq8kN3k4e652 {
  color: var(--mantine-color-gray-6);
}

.H33w00SjltvFGRIN5Tpz {
  max-width: 200px;
}

.ZJ5y6xuphH6hVsGwy87g {
  flex: 1;
}

.BHFytX01bWqcLripBjzE {
  max-width: 200px;
}

.ir0Ia8xZCISjNvIJGVrk {
  max-width: 150px;
}

/* Sortable header styling - matches CardsTable style */
.GRGVtt5oQwdqkizHXNrQ {
  color: var(--mantine-color-grape-5);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 200ms ease;
}

.GRGVtt5oQwdqkizHXNrQ:hover {
  color: var(--mantine-color-grape-7);
}

/* Dark theme specific adjustments */
@media (prefers-color-scheme: dark) {
  .GRGVtt5oQwdqkizHXNrQ {
    color: var(--mantine-color-grape-4);
  }

  .GRGVtt5oQwdqkizHXNrQ:hover {
    color: var(--mantine-color-grape-3);
  }
}

/* Ensure the Group inside the header aligns properly */
.fjq0HwmJYFTNaDLTtX2W {
  align-items: center;
  gap: var(--mantine-spacing-xs);
}

/* Sort arrow icon with rotation animation */
.xsyCMjRR7lLlXh9eKHih {
  transition: transform 200ms ease;
}

.sDb2maTY0R1eO3KaXKJw {
  transform: none;
}

.pHLYnTiH2o1c7QlyBo_u {
  transform: rotate(180deg);
}

.Va6f6oOqV1LsFus9qJwK {
  width: 100%;
}

.X0ihz5kvYHmlldWZ79LH {
  display: flex;
  gap: var(--mantine-spacing-md);
  align-items: flex-start;
}

.tGaqqo2W3y2UUsOGucZO {
  flex: 1;
  min-width: 0;
}

.sONnkezvKNFDGYTRbDrV {
  padding: var(--mantine-spacing-sm);
  border-bottom: 1px solid var(--mantine-color-gray-3);
  background-color: var(--mantine-color-gray-0);
}

.oZ6rYW1Q6RDAZ3bvALZr {
  padding: var(--mantine-spacing-sm);
  border-bottom: 1px solid var(--mantine-color-gray-2);
}

.klKCQ54v5h5FcP6skcxU {
  padding: var(--mantine-spacing-xs);
}

.hbhiVHCWd32hmmtV14Nm {
  padding: var(--mantine-spacing-sm);
  margin-bottom: var(--mantine-spacing-xs);
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: var(--mantine-radius-sm);
  /* background-color: var(--mantine-color-white); */
  cursor: default;
  transition: all 0.2s ease;
}

.SeBfVUVQkCV8UFuo1WZU {
  cursor: pointer;
}

.SeBfVUVQkCV8UFuo1WZU .hbhiVHCWd32hmmtV14Nm:hover {
  background-color: var(--mantine-color-gray-0);
  border-color: var(--mantine-color-grape-3);
}

.vOFh6ZVLNrPKoyE4Ocw6 {
  cursor: pointer;
}

.vOFh6ZVLNrPKoyE4Ocw6 .hbhiVHCWd32hmmtV14Nm:hover {
  background-color: var(--mantine-color-gray-0);
  border-color: var(--mantine-color-red-3);
}

.fTyL_KGWuvHKCPssvLUT {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--mantine-spacing-sm);
  min-width: 80px;
}

.bozSYvER80aUVWjVswlb {
  padding: var(--mantine-spacing-xl);
  text-align: center;
}

.yvGcVD4PSoEfyZDWMKrp {
  flex: 1;
}

/* Dark theme support */
[data-mantine-color-scheme='dark'] .sONnkezvKNFDGYTRbDrV {
  background-color: var(--mantine-color-dark-6);
  border-bottom-color: var(--mantine-color-dark-4);
}

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

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

[data-mantine-color-scheme='dark'] .SeBfVUVQkCV8UFuo1WZU .hbhiVHCWd32hmmtV14Nm:hover {
  background-color: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-grape-6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .X0ihz5kvYHmlldWZ79LH {
    flex-direction: column;
  }

  .fTyL_KGWuvHKCPssvLUT {
    flex-direction: row;
    justify-content: center;
    min-width: auto;
  }
}

.aLpvW25w0mf5Bl5zxdVb {
  flex: 1;
}

.cWrgFDLdNZ5QHifgqC0K {
  color: var(--mantine-color-gray-6);
}

.LMtRBjQRDPA0xtjgNyVa {
  color: var(--mantine-color-gray-6);
}

.hCwKMAhXeebrfeyKBG75 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.eZ_OhnDjVOJP_UfXbwz7 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.X0GRKGPAxgJ_kKSYmczk {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.Ye3jZt1wKDi_RU3VnV1r {
  background-color: var(--mantine-color-green-6);
}

.SGcsw_TRQRPDNjHPAU4r {
  background-color: var(--mantine-color-yellow-6);
}

.GYtuEtpGkOim6RJLZoNA {
  background-color: var(--mantine-color-red-6);
}

.BmGtheRI5RDCd4qEkYPF {
  background-color: var(--mantine-color-gray-5);
}

/* Ineligible: push is suppressed because the account has no paid access. */
._9JO67n7jn6YPITFUOZA {
  background-color: var(--mantine-color-orange-6);
}

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

.DiB6w45WSz3nMnhPfHSp {
  width: 100%;
}

.SzXeHgAINkukEvzSVo32 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  gap: var(--mantine-spacing-lg);
  align-items: initial;
  width: 100%;
}

.bLE8Rsq7UzbZEEivo46g {
  flex: 1 1 500px;
  min-width: 0;
}

.YsmU_Ha1t5fJyxpIloxl {
  opacity: 0.5;
  color: var(--mantine-color-dimmed);
}

.eDuf8NuiGd0PIOfe4R7q {
  width: 120px;
}

.PdNTJKCeyMTH4Nloe5Q1 {
  /* Pagination footer styling now handled by SectionWrapper default variant */
  border-top: 1px solid var(--mantine-color-default-border);
}

.FH_GPtw7FzqTXjpO4Xbg {
  cursor: pointer;
}

.ciPQWU7TCCeSlk0hIHD3 {
  cursor: pointer;
  transition: background-color 0.2s;
}

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

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

/* Product name column - constrained width with truncation */
.mNoJuIxFymuxXGnWjtQm {
  width: 20%;
  min-width: 150px;
  max-width: 280px;
}

/* Wraps the Text/Anchor pair next to the thumbnail so the ellipsis rules on
   .productName keep working inside the new flex row. */
.TwP_ENUHBESqr5ZMw9ww {
  min-width: 0;
  flex: 1;
}

.AbyNttuprQRiNsA9oc55 {
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.JAz_SdrNZnC6MdCXVczQ {
  cursor: pointer;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Table responsiveness */
.X3KUe7Tz3MB4UuPOIoLq {
  overflow-x: auto;
  min-width: 100%;
}

/* Column widths for purchase order and opening lot */
.Ay83dmgNW5CQPgjBAbr9 {
  width: 15%;
  min-width: 140px;
}

.jdRBJLGaptTGMMdAa0vc {
  width: 15%;
  min-width: 140px;
}

/* Truncated text with ellipsis for purchase order names */
.gywVV9D7aTjgrQzaoUBK {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

/* Lot group wrapper */
.BGHBXLU1u75XGgAg0ode {
  flex-wrap: wrap;
}

/* Truncated text with ellipsis for lot names */
.zfJC5sGcbBSm6wUMM7Hy {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .X3KUe7Tz3MB4UuPOIoLq {
    overflow-x: scroll;
  }

  .mNoJuIxFymuxXGnWjtQm {
    min-width: 120px;
  }

  .Ay83dmgNW5CQPgjBAbr9 {
    min-width: 100px;
  }

  .jdRBJLGaptTGMMdAa0vc {
    min-width: 100px;
  }
}

/* AddProductModal.module.css */

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

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

.OCmalOnSgWEH1ZpYTB0L {
  background-color: var(--mantine-color-blue-0);
}

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

/* OpenUnitsModal.module.css */

.aSopExAxrqW_QhifXKAQ {
  background-color: var(--mantine-color-blue-0);
}

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

.aSopExAxrqW_QhifXKAQ {
  border: 1px solid var(--mantine-color-blue-2);
}

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

.aSopExAxrqW_QhifXKAQ {
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-sm);
}

.q04u1d8kUE2rHDC5_9Ud {
  color: var(--mantine-color-gray-7);
}

[data-mantine-color-scheme='dark'] .q04u1d8kUE2rHDC5_9Ud {
  color: var(--mantine-color-gray-4);
}

.zJKRH0tGIQhXZjOw8LRG {
  color: var(--mantine-color-blue-7);
}

[data-mantine-color-scheme='dark'] .zJKRH0tGIQhXZjOw8LRG {
  color: var(--mantine-color-blue-4);
}

.iYDu16NRKwq2yIkehzYQ {
  margin-top: var(--mantine-spacing-xs);
}

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

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

.SASmecLHhxF3uSEvYUCP {
  border: 1px solid var(--mantine-color-gray-3);
}

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

.SASmecLHhxF3uSEvYUCP {
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DcLlOIawbbjIQlIHe3AO {
  color: var(--mantine-color-gray-7);
}

[data-mantine-color-scheme='dark'] .DcLlOIawbbjIQlIHe3AO {
  color: var(--mantine-color-gray-4);
}

.o96i2rKuL2oesy6Bibi_ {
  color: var(--mantine-color-green-7);
}

[data-mantine-color-scheme='dark'] .o96i2rKuL2oesy6Bibi_ {
  color: var(--mantine-color-green-4);
}

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

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

.VeAzlwGvYErsVduVxvq4 {
  border: 1px solid var(--mantine-color-gray-3);
}

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

.VeAzlwGvYErsVduVxvq4 {
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-md);
}

/* SellUnitsModal.module.css */

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

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

._m0GcQF__gvOfvh79geP {
  border: 1px solid var(--mantine-color-gray-3);
}

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

._m0GcQF__gvOfvh79geP {
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-sm);
}

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

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

.WIUo07IJ9KuhNjv_rcBZ {
  margin-top: var(--mantine-spacing-sm);
  padding: var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  background-color: var(--mantine-color-gray-0);
}
  [data-mantine-color-scheme='dark'] .WIUo07IJ9KuhNjv_rcBZ {
  background-color: var(--mantine-color-dark-6);
}

.aP0G5rqokUlgesOB3_jp {
  cursor: pointer;
}

.aP0G5rqokUlgesOB3_jp:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/**
 * StatsPlane - Control plane style KPI bar
 * 
 * Compact, dark console panel with left accent strip matching ControlPlane.
 * Tight spacing, responsive grid layout, operational feel.
 */

.qZXGbbPkQPxdsQJJ1eGt {
  position: relative;
  display: flex;
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  overflow: hidden;
  margin-bottom: var(--mantine-spacing-md);
}

/* Left accent strip - ownership signal in primary color */
.Aas9CTSUBlxHJzxhaRQT {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--mantine-color-grape-7);
  z-index: 1;
}

.kJJ4TXEwkC0hvPsMjkvN {
  flex: 1;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  padding-left: calc(var(--mantine-spacing-md) + 8px); /* Account for accent strip */
}

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

.ahYwmat7MaVwkxcAqi4O {
  flex: 1 1 auto;
  min-width: 120px;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  background: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
  border-radius: var(--mantine-radius-sm);
  transition:
    background 0.1s ease, border-color 0.1s ease;
}

.ahYwmat7MaVwkxcAqi4O:hover {
  background: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-dark-3);
}

.ahYwmat7MaVwkxcAqi4O.Vab3ODDSHZZve4Xw922B {
  cursor: pointer;
}

.ahYwmat7MaVwkxcAqi4O.Vab3ODDSHZZve4Xw922B:hover {
  background: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-grape-7);
}

.cIjAlIe5EpmmKjmnSsB6 {
  text-align: center;
  width: 100%;
}

/* Metric text container - flex-grows to fill available space */
.PnHZL_TUKAuo_wO6LR_7 {
  flex: 1;
}

/* Responsive: stack tiles on smaller screens */
@media (max-width: 768px) {
  .kJJ4TXEwkC0hvPsMjkvN {
    padding: var(--mantine-spacing-xs);
    padding-left: calc(var(--mantine-spacing-xs) + 8px);
  }

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

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

.YpEr8K9jyg5lvZDufIma {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

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

.TMHmRIvwNf7fFcWdaVwx {
  background-color: var(--mantine-color-blue-0);
}

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

.TMHmRIvwNf7fFcWdaVwx {
  border-color: var(--mantine-color-blue-2);
}

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

/* TCG-1214: Clickable PO source badge */
.mOXQb4hQIhWk8_UZrDMb {
  cursor: pointer;
  transition: opacity 0.15s ease;
  background-color: var(--mantine-color-teal-6);
}
[data-mantine-color-scheme='dark'] .mOXQb4hQIhWk8_UZrDMb {
  background-color: var(--mantine-color-teal-8);
}
.mOXQb4hQIhWk8_UZrDMb {
  color: var(--mantine-color-white);
}
[data-mantine-color-scheme='dark'] .mOXQb4hQIhWk8_UZrDMb {
  color: var(--mantine-color-teal-0);
}

.mOXQb4hQIhWk8_UZrDMb:hover {
  opacity: 0.85;
}

/* TCG-1215: Disabled field hints */
.tmXf7uCbSYNoA0aHGbWW {
  color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme='dark'] .tmXf7uCbSYNoA0aHGbWW {
  color: var(--mantine-color-dark-2);
}

.CY6YnOIelY0GWQ48CxLT {
  color: var(--mantine-color-orange-6);
}

[data-mantine-color-scheme='dark'] .CY6YnOIelY0GWQ48CxLT {
  color: var(--mantine-color-orange-4);
}

/* TCG-1217: Empty state styling */
.SUosTTIdH1y8_goJgZXf {
  color: var(--mantine-color-dimmed);
}

/* TCG-1293: PO info box in edit modal */
.dVavcKNOkdbZtGnGuTWO {
  background-color: var(--mantine-color-blue-0);
}
[data-mantine-color-scheme='dark'] .dVavcKNOkdbZtGnGuTWO {
  background-color: var(--mantine-color-dark-6);
}
.dVavcKNOkdbZtGnGuTWO {
  border-color: var(--mantine-color-blue-2);
}
[data-mantine-color-scheme='dark'] .dVavcKNOkdbZtGnGuTWO {
  border-color: var(--mantine-color-dark-4);
}

.ucTTWwTdSkZV81SpwJq4 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.zwrnbclwOCqOaPSI5fwu {
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: left;
}

.K82RCIUeUdDRZlmaIwo8 {
  opacity: 0.85;
}

.pMBjDf2aUtF2uqTymKg9 {
  cursor: help;
}

.SccAqvsiCqColNL6tHQU {
  color: var(--mantine-color-red-7);
}
  [data-mantine-color-scheme='dark'] .SccAqvsiCqColNL6tHQU {
  color: var(--mantine-color-red-4);
}

.t3kqtowSi10xh_JMoUyI {
  flex: 1;
}

/* TCG-1214: Cost source badge styling */
.Fc29MFLVV09Ri4Qxi9X9 {
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.Fc29MFLVV09Ri4Qxi9X9:hover {
  opacity: 0.85;
}

.GgJUGXLtSGwufGBtRtYo {
  background-color: var(--mantine-color-teal-6);
}

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

.GgJUGXLtSGwufGBtRtYo {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .GgJUGXLtSGwufGBtRtYo {
  color: var(--mantine-color-teal-0);
}

.X1QmxKatawBweA3ab0Lp {
  background-color: var(--mantine-color-blue-6);
}

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

.X1QmxKatawBweA3ab0Lp {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .X1QmxKatawBweA3ab0Lp {
  color: var(--mantine-color-blue-0);
}

.H3bbmdD1gKh_nBlhuWwv {
  background-color: var(--mantine-color-gray-6);
}

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

.H3bbmdD1gKh_nBlhuWwv {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .H3bbmdD1gKh_nBlhuWwv {
  color: var(--mantine-color-gray-0);
}

.H3bbmdD1gKh_nBlhuWwv {
  cursor: default;
}

.H3bbmdD1gKh_nBlhuWwv:hover {
  opacity: 1;
}

.raur1uWXlZL3lUaIJPk5 {
  background-color: var(--mantine-color-orange-6);
}

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

.raur1uWXlZL3lUaIJPk5 {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .raur1uWXlZL3lUaIJPk5 {
  color: var(--mantine-color-orange-0);
}

.raur1uWXlZL3lUaIJPk5 {
  cursor: default;
}

.raur1uWXlZL3lUaIJPk5:hover {
  opacity: 1;
}

/* TCG-1214: Lineage arrow between badges */
.yB3rOZ2AVmuQNbhBUAe_ {
  color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme='dark'] .yB3rOZ2AVmuQNbhBUAe_ {
  color: var(--mantine-color-gray-4);
}
.yB3rOZ2AVmuQNbhBUAe_ {
  font-weight: 500;
}

/* Coverage badge: market price vs. allocated cost basis */
.hGLXSKiste82Sx99Nuaw {
  cursor: default;
}

.h8aeiHKiK8d_ErQnomfk {
  background-color: var(--mantine-color-green-6);
}

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

.h8aeiHKiK8d_ErQnomfk {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .h8aeiHKiK8d_ErQnomfk {
  color: var(--mantine-color-green-0);
}

.A3JHEwmVP2jn79j6DRpa {
  background-color: var(--mantine-color-red-6);
}

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

.A3JHEwmVP2jn79j6DRpa {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .A3JHEwmVP2jn79j6DRpa {
  color: var(--mantine-color-red-0);
}

.WTCf3hiLZBF3caNizTkf {
  background-color: var(--mantine-color-gray-6);
}

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

.WTCf3hiLZBF3caNizTkf {
  color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .WTCf3hiLZBF3caNizTkf {
  color: var(--mantine-color-gray-0);
}

.J8SITrUHYTAwS69rKQta {
  position: sticky;
  top: 0;
  z-index: 10;
}

/* TCG-1113: Unrealized gain/loss styling */
.qRwRcWQGLYcP8ihDZ4EG {
  color: var(--mantine-color-green-7);
}
[data-mantine-color-scheme='dark'] .qRwRcWQGLYcP8ihDZ4EG {
  color: var(--mantine-color-green-5);
}

.V_1n8imevXOOyMHSbtib {
  color: var(--mantine-color-red-7);
}

[data-mantine-color-scheme='dark'] .V_1n8imevXOOyMHSbtib {
  color: var(--mantine-color-red-5);
}

/* TCG-1215: Cost basis info section */
.HIlNnC3PrvTMX413XxIk {
  background-color: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme='dark'] .HIlNnC3PrvTMX413XxIk {
  background-color: var(--mantine-color-dark-6);
}
.HIlNnC3PrvTMX413XxIk {
  border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme='dark'] .HIlNnC3PrvTMX413XxIk {
  border-color: var(--mantine-color-dark-4);
}

.FmDH0jybngwE87DQ0WGL {
  color: var(--mantine-color-gray-6);
}

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

/* TCG-1217: Empty state styling */
.DAZDkna2VUBIJnHRJtlQ {
  padding: var(--mantine-spacing-xl);
}

.LGhUwuQuC6ZUXgoLS1__ {
  color: var(--mantine-color-dimmed);
}

/* Container padding now handled by PageWrapper */

.Y6_XADCOqzA9svKjhpw3 {
  /* color: var(--mantine-color-dark-6); */
  margin-bottom: var(--mantine-spacing-xs);
}

.WYLoY8Mc1gCyyZB_CcbV {
  flex-shrink: 0;
}

/* Card borders and styling now handled by SectionWrapper */

@media (max-width: 768px) {
  /* Container responsive padding now handled by PageWrapper */

  .Y6_XADCOqzA9svKjhpw3 {
    font-size: 1.5rem;
  }
}

.tgWVk6Fz9qGvuzgR31l5 {
  overflow-x: auto;
}

.I9_Joh7bWQNrx0jIFFe3 {
  cursor: default;
}

.I9_Joh7bWQNrx0jIFFe3:hover {
  background-color: var(--mantine-color-dark-6);
}

.OGW8Bp3_XvqfJbsfizCF {
  color: var(--mantine-color-dark-0);
  cursor: pointer;
}

.OGW8Bp3_XvqfJbsfizCF:hover {
  color: var(--mantine-color-grape-3);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .tgWVk6Fz9qGvuzgR31l5 {
    font-size: var(--mantine-font-size-sm);
  }
}

.kkZPnMh5fmLwfUf9vCBp {
  width: 100%;
  align-items: center;
}

.ViEaUUHP2tV5tcnKNdKn {
  flex: 1;
}

.WSyIEyVKOCSbC52EmvBI {
  min-width: 300px;
}

.SvYBzAUvqAk3kjv12WBZ {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .kkZPnMh5fmLwfUf9vCBp {
    flex-direction: column;
    align-items: stretch;
    gap: var(--mantine-spacing-sm);
  }

  .WSyIEyVKOCSbC52EmvBI {
    min-width: 0;
    min-width: initial;
    width: 100%;
  }

  .SvYBzAUvqAk3kjv12WBZ {
    justify-content: center;
  }
}

.yCusBH4vgRBIm83DJULo {
  padding: var(--mantine-spacing-md);
  max-width: 1400px;
}

.vC9GryJ5HvqdKd56u_nn {
  display: flex;
  gap: var(--mantine-spacing-xl);
  align-items: flex-start;
}

.qCXvn47z7nxG9kJmDmDA {
  flex: 1;
  min-width: 0;
}

.uE8qMCbvFKCvDfE5Hv2n {
  width: 280px;
  position: sticky;
  top: var(--mantine-spacing-md);
}

.r6PEc6e8bBdqgBNSQr9w {
  margin-bottom: var(--mantine-spacing-xs);
}

.jbwILho0GpKlYk3YPcI9 {
  flex-shrink: 0;
}

.pDo4qDEGXnTB7vnlXkJq {
  border: 1px solid var(--mantine-color-default-border);
  background-color: var(--mantine-color-gray-0);
}

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

.OmEei_6uMeGpmR1ZHMM6 {
  border: 1px solid var(--mantine-color-default-border);
  min-height: 600px;
  background-color: var(--mantine-color-white);
}

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

.YWwWv9QnTBbHKq02q_oX {
  border: 1px solid var(--mantine-color-default-border);
  background-color: var(--mantine-color-white);
}

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

.LtirHJXXKpHrzeGgVvaV {
  width: 100%;
  display: block;
}

.K1eVc4k2dtqQQCC2RQEV {
  display: none;
}

.psHa_i63OLbC8y9bI5WY {
  margin-bottom: var(--mantine-spacing-xl);
}

.q8J9E7dxxn6O3xpNjnLK {
  min-height: 400px;
  padding: var(--mantine-spacing-md) 0;
}

@media (max-width: 1024px) {
  .vC9GryJ5HvqdKd56u_nn {
    flex-direction: column;
  }

  .uE8qMCbvFKCvDfE5Hv2n {
    width: 100%;
    position: static;
    order: -1;
    margin-bottom: var(--mantine-spacing-xl);
  }

  .LtirHJXXKpHrzeGgVvaV {
    display: none !important;
  }

  .K1eVc4k2dtqQQCC2RQEV {
    display: block !important;
  }

  .YWwWv9QnTBbHKq02q_oX {
    padding: var(--mantine-spacing-md);
  }

  .YWwWv9QnTBbHKq02q_oX::before {
    display: none;
  }
}

@media (min-width: 1025px) {
  .YWwWv9QnTBbHKq02q_oX::before {
    content: 'Progress';
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mantine-color-dimmed);
    margin-bottom: var(--mantine-spacing-md);
    text-transform: uppercase;
    letter-spacing: 0.025em;
  }
}

@media (max-width: 768px) {
  .yCusBH4vgRBIm83DJULo {
    padding: var(--mantine-spacing-sm);
  }

  .r6PEc6e8bBdqgBNSQr9w {
    font-size: 1.5rem;
  }

  .q8J9E7dxxn6O3xpNjnLK {
    min-height: 300px;
  }
}

.mfLITbsBpiVn2LCqYTKw {
  height: 50vh;
}

.AcSbswSqxWhR_LQzD3jy {
  max-width: 600px;
}

.jQru_bUbFXlvmjM_1BFQ {
  border: 1px solid var(--mantine-color-grape-6);
  color: white;
}

.m1yyXWHjvY_Va7CWhSyw {
  border: 1px solid var(--mantine-color-gray-6);
  margin-top: var(--mantine-spacing-md);
}

.N_jA4IVuqUHLXaDg_aNc {
  border-top: 1px solid var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .N_jA4IVuqUHLXaDg_aNc {
  border-top: 1px solid var(--mantine-color-dark-4);
}

.L5EbQyXVv3BMWFS21lvA {
  max-width: 800px;
}

.H2OZijwqXzwz5RrsEsy8 {
  border-color: var(--mantine-color-gray-6);
}

.N6kezXPlmGT1XoLPa6ca {
  text-align: center;
}

.FDT99IU8FMz0SxbbHdct {
  border: 1px solid var(--mantine-color-gray-6);
}

.mKp3UATEuzuimnIpYyGw {
  max-width: 800px;
}

.GeVxu0zlSN_P_4tZDOkA {
  border-color: var(--mantine-color-gray-6);
}

.npAI5fY9XNCqyGqHRBeK {
  text-align: center;
}

.hbvW1cQUQ0wDPvdrMCgi {
  border: 1px solid var(--mantine-color-gray-6);
}

/* Ineligible lot option styles */
.QZNbexHEJ6TDVQUbQS3Q {
  opacity: 0.5;
  pointer-events: none;
}

.KrrQjHSJ5FiP__u5PpEo {
  max-width: 700px;
}

.mO_ubTcRU7S1hpzVkspZ {
  padding: var(--mantine-spacing-xs) 0;
  border-bottom: 1px solid var(--mantine-color-gray-6);
}

.mO_ubTcRU7S1hpzVkspZ:last-child {
  border-bottom: none;
  padding-top: var(--mantine-spacing-sm);
  font-size: var(--mantine-font-size-md);
}

.EHOzAllnJzheI7H34yKt {
  padding: var(--mantine-spacing-xs);
  border-radius: var(--mantine-radius-sm);
  border: 1px solid var(--mantine-color-gray-6);
  white-space: pre-wrap;
}

.jbpqQxUSiXhoxVXBMiDo {
  text-align: center;
  padding: var(--mantine-spacing-xl);
}

/* Layout now handled by PageWrapper and SectionWrapper */

.ZsB4Kle98EUTylezDV4f {
  color: var(--mantine-color-grape-6);
}

.ZsB4Kle98EUTylezDV4f:hover {
  background-color: var(--mantine-color-grape-0);
}

.dm52IicCG5dFiIE5bKA8 {
  border-radius: var(--mantine-radius-md);
}

.hSv4CgDIx9iLN9eqAVxu {
  overflow: hidden;
}

.hSv4CgDIx9iLN9eqAVxu table {
  margin: 0;
}

.hSv4CgDIx9iLN9eqAVxu thead th {
  font-weight: 600;
  border-bottom: 1px solid var(--mantine-color-gray-6);
}

.qsQvz3lZgZ15Py_8CFHN {
  height: 200px;
}

.rZb_rMlbevXJkioJSBLB {
  padding: 1rem;
  max-width: 100%;
}

.sVensmAwCtMaabAZunAP {
  margin-bottom: 0;
}

._vOKLX0VfOru4CnOmujh {
  color: var(--mantine-color-grape-6);
}

._vOKLX0VfOru4CnOmujh:hover {
  background-color: var(--mantine-color-grape-0);
}

.MhAQIA7GdLJSDLEuRZLX {
  border: 1px solid var(--mantine-color-gray-6);
}

.uaVnX7UDSq1qmfbr5z5n {
  text-align: center;
  border: 1px solid var(--mantine-color-gray-6);
  transition: all 0.2s ease;
}

.uaVnX7UDSq1qmfbr5z5n:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.oMzZGicGUce34tdvJfKf {
  background: var(--mantine-color-red-0);
  border: 1px solid var(--mantine-color-red-3);
}

.pGBw4pg_KUVXvGPH5d8E {
  overflow: hidden;
}

.pGBw4pg_KUVXvGPH5d8E table {
  margin: 0;
}

.pGBw4pg_KUVXvGPH5d8E thead th {
  font-weight: 600;
}

.pGBw4pg_KUVXvGPH5d8E tbody tr:hover {
  background: var(--mantine-color-dark-5);
}

[data-mantine-color-scheme='light'] .pGBw4pg_KUVXvGPH5d8E tbody tr:hover {
  background: var(--mantine-color-gray-1);
}

/* Form styling */
.hXJOLRsjYaayAsJ4fyHQ {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}

/* Action buttons */
.QOXiOxhTHXSJKkfjTXmX {
  transition: all 0.2s ease;
}

.QOXiOxhTHXSJKkfjTXmX:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .rZb_rMlbevXJkioJSBLB {
    padding: 0.5rem;
  }

  .hXJOLRsjYaayAsJ4fyHQ {
    flex-direction: column;
    gap: 0.5rem;
  }

  .uaVnX7UDSq1qmfbr5z5n {
    padding: 0.75rem;
  }

  .sVensmAwCtMaabAZunAP {
    font-size: 1.5rem;
  }
}

/* Status indicators */
.qcxyctkrYtJ9D3GhiBwl {
  color: var(--mantine-color-green-6);
}

.DpxDq7RghVkGt2JHZno8 {
  color: var(--mantine-color-orange-6);
}

._56_7NidyQYco560IhWK {
  color: var(--mantine-color-red-6);
}

.zvTgtMx9rZ8jdwD0YlGs {
  height: 200px;
}

.B4vyIxwOTR3GzpJOwx_B {
  text-align: center;
}

.GZ0X_xtoxONtLxpZBdri {
  overflow-x: auto;
}

.rKjMW1h5JadlhegLzsUb {
  cursor: pointer;
}

.Fkg9vaD3EiPSbzlu2BsD {
  color: var(--mantine-color-text);
}

.B0BrdM8AXW5QVC36RVSJ {
  color: var(--mantine-color-dimmed);
}

@media (max-width: 768px) {
  .GZ0X_xtoxONtLxpZBdri {
    font-size: 0.875rem;
  }
}

.TBf_CRJgkuGf22MMkq7a {
  background-color: var(--mantine-color-dark-6);
}

.DqRKGyA1jxrLgznDJM3z {
  background-color: var(--mantine-color-dark-6);
}

.fxLGYsdgjxY_aFY25UON {
  background-color: var(--mantine-color-dark-7);
}

.Bf1zyPge8bth5USKOPMu {
  color: var(--mantine-color-blue-4);
}

.jd61EAocCCNqmNIzHQpx {
  background-color: var(--mantine-color-dark-6);
}

.ESvwDQ2rKtH5osjNAAWw {
  max-height: 200px;
  overflow-y: auto;
}

.NNMt2R9yuQxNr3og0jDu {
  padding: var(--mantine-spacing-xl);
}

.uvKPifBcSyt9BsG8N0fI {
  margin-top: var(--mantine-spacing-sm);
  overflow-x: auto;
}

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

.fmygsXGQHrLO1SAX7Wku {
  color: var(--mantine-color-dimmed);
}

.YnOmOTqJ0EdcHs3N8abb {
  font-weight: 600;
  color: var(--mantine-color-blue-6);
}

@media (prefers-color-scheme: dark) {
  .YnOmOTqJ0EdcHs3N8abb {
    color: var(--mantine-color-blue-4);
  }
}

.SZGFrOKh7zYNasDQT1Dp {
  min-height: 400px;
}

.qUYM_BOJm0byribAfGd_ {
  overflow-x: auto;
}

.lN3kZ0KMCcIzQD_kea5b {
  font-style: italic;
}

.s3zovLrrHLvbjpB5azQn {
  padding: var(--mantine-spacing-xl);
}

.pZLHyYXEnp1VrenhRcQZ {
  color: var(--mantine-color-dimmed);
}

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

/* Vendor info section (TCG-1229) */
.jPLt9VWurUIkCpZoOeNq {
  color: var(--mantine-color-dimmed);
}

/* P&L semantic colors (TCG-1211) */
._eVfCKo7VBsHFzUf2BKL {
  color: var(--mantine-color-green-6);
}

.vTEs3Ed7HdFIU8XhMHig {
  color: var(--mantine-color-red-6);
}

@media (max-width: 768px) {
  .qUYM_BOJm0byribAfGd_ {
    font-size: 0.875rem;
  }
}

.rqo_kCIQbNfCjhyOCb0d {
  overflow-x: auto;
}

.jyfkSqYbHs6adRhRqPon {
  cursor: pointer;
}

.hrtAKABJnM3PVnslNQ1g {
  color: var(--mantine-color-text);
}

.LQs5sNbgzOztc5_gSkzD {
  color: var(--mantine-color-dimmed);
}

@media (max-width: 768px) {
  .rqo_kCIQbNfCjhyOCb0d {
    font-size: 0.875rem;
  }
}

.O4VXUNpCz8Nb1gthGyNw {
  min-height: 400px;
}

.IYJ7Eox_CIOUm1hFaLXT {
  overflow-x: auto;
}

.xtj3ixDl3CqRhihie4Zv {
  font-style: italic;
}

.suIWswWCX7vFVv4UE1Gf {
  padding: var(--mantine-spacing-xl);
}

.uTtJ7SsyJy9NmpVZQeyt {
  color: var(--mantine-color-dimmed);
}

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

@media (max-width: 768px) {
  .IYJ7Eox_CIOUm1hFaLXT {
    font-size: 0.875rem;
  }
}

.n4tNR8Ihm1aWgR7kOz0A {
  /* Use a more accessible opacity level for better text contrast */
  opacity: 0.75;
  background-color: var(--mantine-color-gray-1);
  /* Add a subtle border to provide additional visual distinction */
  /* Add a pattern or texture for users who might have color blindness */
  /* background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 4px,
    rgba(0, 0, 0, 0.02) 4px,
    rgba(0, 0, 0, 0.02) 8px
  ); */
}
  [data-mantine-color-scheme='dark'] .n4tNR8Ihm1aWgR7kOz0A {
  background-color: var(--mantine-color-dark-5);
}
  .n4tNR8Ihm1aWgR7kOz0A {
  border-left: 3px solid var(--mantine-color-gray-5);
}

.n4tNR8Ihm1aWgR7kOz0A:hover {
  opacity: 0.8;
}

.n4tNR8Ihm1aWgR7kOz0A:focus-within {
  border-left-color: var(--mantine-color-grape-5);
  border-left-width: 4px;
  outline: 2px solid var(--mantine-color-grape-5);
  outline-offset: 2px;
}

/* Screen reader only text - visually hidden but accessible to screen readers */
.df6xuqkeUTK3S0MIVLZi {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Archived anchor - inherits color from parent */
.qMkvyWEqnzFlj1MXJlZf {
  color: inherit;
}

/* Column widths */
.gVD28m70MLtNl8y0CS3g {
  width: 40px;
}

/* Modal styles */
.ehOL7dmIpbMvaRnhcvnZ {
  max-width: 1400px;
}

.gxTRrWsJ6e3pYNIEdDa4 {
  padding: 1.5rem;
}

/* Results table container */
.pLtE3DFkTP7SaDX4NyDk {
  min-height: 300px;
  width: 100%;
  overflow-x: auto;
}

/* Table styles */
.ZN7G9FRlrlpWf4jFmIdC {
  min-width: 1200px;
  table-layout: fixed;
}

/* Table header cell styles */
.YJZ39iuzo1jmhXhBymJC {
  padding: 12px 8px;
  font-size: 0.875rem;
  font-weight: 600;
}

/* Table body cell styles */
.PUxe4_sKPJbD8jMYAdG5 {
  padding: 12px 8px;
  font-size: 0.875rem;
  vertical-align: top;
}

/* Column widths */
.UGD86R1_hzmLW1Yerngg {
  width: 60px;
}

.ZOudLsZqkTCF32EjIeAk {
  width: 140px;
}

.Y35UOX3Ghc9zIZ3SbKSD {
  width: 300px;
}

._2OcpraDAytooZIrsPCd4 {
  width: 80px;
}

.FvoowEi3CjszCvYeO0VH {
  width: 80px;
}

.jZ9YUW2F0EZ281DEY1ao {
  width: 90px;
}

.Up4P_qXBFzR7vgV7oMkF {
  width: 100px;
}

.vn4rA0upsIPm1VehrYCl {
  width: 110px;
}

.OqDP2dH8ekkQlQFenCBW {
  width: 120px;
}

.F7KsTAa2aQVA3d09UJ_8 {
  width: 130px;
}

/* Row states */
.JTbQS6mWeto6b6pBgMtH {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Product name container */
.LMHvZOifZ_DIDTC2q1Ft {
  max-width: 280px;
}

.Rb_H_KQWJJREd71Yu4H0 {
  word-break: break-word;
}

/* Modal styles */
.LdidKhJBCFsHAEyiCiDF {
  max-width: 1200px;
}

.v3duUhZ7IuK1AdC47fSk {
  padding: 1.5rem;
}

/* Table container with minimum height for loading/empty states */
.y8lCb5mB2tMIJn8Psp2V {
  min-height: 300px;
}

/* Column widths */
.l32Li39WgnauImY7Oxbg {
  width: 60px;
}

.HDKKej_eAwsUhmstmGx7 {
  text-align: center;
}

.mtCtHp5UiGfMMHiJgshA {
  padding-left: 1rem;
  border-left: 3px solid var(--mantine-color-grape-5);
}

.t5Cmq3P2xxcO2pgUzgm4 {
  text-align: center;
}

.KZpBsOHRFQrEIxzhgLTe {
  padding-left: 1rem;
  border-left: 3px solid var(--mantine-color-grape-5);
}

._4jDeDv4hD0kAGqdkndrv {
  text-align: center;
}

.e25hmzjlKiYRFeMSvtYe {
  padding-left: 1rem;
  border-left: 3px solid var(--mantine-color-grape-5);
}

.ZC7Rlzcc2j67qaDof8IL {
  border: 2px solid var(--mantine-color-blue-5);
}

.IVWuQJNNTAm9lbTuXMcS {
  color: var(--mantine-color-teal-6);
}

.EMjptOMbndPBTwBe2_PL {
  color: var(--mantine-color-dimmed);
}

.z_SraLgl0awyI1SVcWE3 {
  height: 100%;
}

.BucFX2n4VkK9BW67jmc3 {
  text-align: center;
}

.sNKgydbeNUvbGa60cUh2 {
  text-align: center;
}

.__SRk9kNZZf81g8qXTWw {
  text-align: center;
  color: var(--mantine-color-dimmed);
}

.aRsKlRJ0uANEZfUQsMis {
  text-align: center;
}

.VV3KveEapmzLW1SIdMUj {
  color: var(--mantine-color-dimmed);
  font-style: italic;
}

.g6aPMHyuSpd62lxgGADU {
  text-align: right;
}

.ROzJ0IcwkaEcYiN0Mnam {
  text-align: center;
}

.FJzsPkZIXoGMVQZkN24A {
  display: inline-flex;
}

.ReeYd99MgZ17oMHyFgqF {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
}

.WSZIrMicBH_2Gguj97wV {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  background-color: var(--mantine-color-dark-7);
}

.fuZTsTsz7wLPStU7LvvO {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
}

.OZJh6hpNmDzkzmtNauN1 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.oZBT4dFvEAZOaGwHzbid {
  background-color: var(--mantine-color-green-9);
  color: var(--mantine-color-green-2);
}

.vMjLuRO2fDSeBeEe0Opu {
  background-color: var(--mantine-color-red-9);
  color: var(--mantine-color-red-2);
}

.GnnEed7raQOKFFwpbIU_ {
  background-color: var(--mantine-color-grape-9);
  color: var(--mantine-color-grape-2);
}

.kXXHeF3G1sWcjkNGoEWi {
  background-color: var(--mantine-color-gray-7);
  color: var(--mantine-color-gray-3);
}

.mU3L5N1s_j8s60NVE77Q {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.j09pPRHjqhW92tdAXLRw {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: var(--mantine-color-dark-5);
  border: 1px solid var(--mantine-color-dark-4);
}

.iLCOmKnkMjmo9OxoTcPv {
  background-color: var(--mantine-color-green-9);
  color: var(--mantine-color-green-2);
  border-color: var(--mantine-color-green-7);
}

.yXs4VF79yrIkLqJy5LXO {
  background-color: var(--mantine-color-red-9);
  color: var(--mantine-color-red-2);
  border-color: var(--mantine-color-red-7);
}

.nwXqGUPcbT3QfkELPDC7 {
  background-color: var(--mantine-color-gray-8);
  color: var(--mantine-color-gray-4);
  border-color: var(--mantine-color-gray-6);
}

.WK0BypJJB6_JOGpzK6kj {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.75rem;
}

.N3LvnfwGVNRMnpn_Y6wA {
  background-color: var(--mantine-color-grape-9);
  color: var(--mantine-color-grape-2);
}

.ymQTNe2t4qPPOiM0UCTu {
  background-color: var(--mantine-color-grape-9);
  color: var(--mantine-color-grape-2);
}

.IWizcT8Qq8gO6qG7byd9 {
  background-color: var(--mantine-color-green-9);
  color: var(--mantine-color-green-2);
}

.KXEPUUSAGoy9dJ7QXFSt {
  background-color: var(--mantine-color-red-9);
  color: var(--mantine-color-red-2);
}

/* Table of Contents Wrapper */
.ySGLVwTke6vAPlXM1Iaw {
  position: sticky;
  top: 1rem;
  padding: 1rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 8px;
  border: 1px solid var(--mantine-color-dark-4);
}

/* Sync Status Box */
.GyF4z6petF1VDq5Q16gY {
  margin-top: 1rem;
  padding: 1rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 0.5rem;
}

.D7rqXKWAqc8Z9Utppq2Y {
  color: var(--mantine-color-green-4);
}

.u7RQGwhXj9SsRkjXRK3A {
  color: var(--mantine-color-red-4);
}

.w6pQqJxTjlyTMSpFMZWr {
  color: var(--mantine-color-grape-4);
}

.KYE5XbrDi_8zLggjToJM {
  color: var(--mantine-color-gray-5);
}

/* Webhook Status Box */
.hg8q9CPFMwd3rCkfn6Jt {
  margin-top: 1rem;
  padding: 1rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 0.5rem;
}

/* Inventory Management Section */
.FX09nW22i95NIL8lIB69 {
  margin-top: 1.5rem;
}

/* Post-wipe auto-sync re-enable notice (fe-manapool-wipe-confirmation-modal) */
.UbsltpI7ckoDGvdYlnqV {
  margin-top: 0.75rem;
}

/* Invoice Branding / Logo Section */
.V8b8CSmseV24GFedkKAV {
  padding: 1rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 8px;
  border: 1px solid var(--mantine-color-dark-4);
}

.OAlUE0i5DmDLO7deRBMG {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background-color: var(--mantine-color-dark-7);
  border-radius: 4px;
}

.R_HDsVn_6ThjerCvsOMm {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 8px;
  border: 2px dashed var(--mantine-color-dark-4);
}

.gHamFSslXwirUjeCsmoq {
  color: var(--mantine-color-gray-6);
}

.FdcP4dqOYTan4qrLkF44 {
  border: 2px dashed var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
  border-radius: 8px;
  padding: 2rem;
  cursor: pointer;
  transition:
    border-color 0.2s ease, background-color 0.2s ease;
}

.FdcP4dqOYTan4qrLkF44:hover {
  border-color: var(--mantine-color-grape-6);
  background-color: var(--mantine-color-dark-5);
}

/* Dropzone button variant for replacing logo */
.aUH7VJYt5tdSgO008n2a {
  padding: 12px 16px;
  min-height: auto;
  border: 1px solid var(--mantine-color-default-border);
  border-radius: var(--mantine-radius-default);
  cursor: pointer;
}

.aUH7VJYt5tdSgO008n2a:hover {
  background-color: var(--mantine-color-default-hover);
}

/* Non-interactive content inside Dropzone */
.MT1dGSwWyFFXjW3yK770 {
  pointer-events: none;
}

/* Dropzone idle content with minimum height */
.yFzMVDHf2s57EqoKIRsq {
  min-height: 120px;
  pointer-events: none;
}

/* TCG-1142: Tracking Link Template Section */
.GlmVQR8pcxSUS6sGeNNm {
  color: var(--mantine-color-dimmed);
  font-size: var(--mantine-font-size-sm);
  margin-bottom: 0.5rem;
}

.CvEHTE6_HJt0YFu31tgx {
  color: var(--mantine-color-dimmed);
  font-size: var(--mantine-font-size-xs);
  text-align: right;
  margin-top: 0.25rem;
}

/* Preferences Page */
.nPMTr5UVgLzaiDlLCtqH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: var(--mantine-color-dark-6);
  border-radius: 8px;
  border: 1px solid var(--mantine-color-dark-4);
}

.I6aQTJE7eDfe1jJDNz9b {
  flex: 1;
  margin-right: 1rem;
}

/* Desktop: invisible target positioned at click coords */
.uEICSiSyS9iyO8nQQULw {
  position: fixed;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* Mobile: invisible target centered on screen */
.jgl0srWawwwWIfAirOAj {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* Semi-transparent backdrop for mobile context menu */
.MQR76vCGq1CKJAClHk9A {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
[data-mantine-color-scheme='dark'] .MQR76vCGq1CKJAClHk9A {
  background-color: rgba(0, 0, 0, 0.5);
}
.MQR76vCGq1CKJAClHk9A {
  z-index: 199;
}

/* Mobile dropdown: centered on screen */
.G3BxXSfwgStn34xr86sR {
  z-index: 200;
}

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

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

.XQfSWfvV9JwPo29S3iIe {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  transition: background-color 150ms ease;
  width: 100%;
  overflow: hidden;
}

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

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

.QCUe5dFWTOaipVqOCMUn {
  background-color: var(--mantine-color-blue-0);
}

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

.QCUe5dFWTOaipVqOCMUn:hover {
  background-color: var(--mantine-color-blue-1);
}

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

.zUlW7vJkHSszjErTGYcb {
  cursor: pointer;
}

.dcysm1VOuzkmoKCnLXaq {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mantine-radius-sm);
  color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .dcysm1VOuzkmoKCnLXaq {
  color: var(--mantine-color-gray-5);
}

.dcysm1VOuzkmoKCnLXaq:hover {
  background-color: var(--mantine-color-gray-2);
}

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

.MchcEK4A_greInt9ZRav {
  width: 24px;
  flex-shrink: 0;
}

.taeU4lxGlsh4cnrRJoaL {
  color: var(--mantine-color-yellow-6);
}

[data-mantine-color-scheme='dark'] .taeU4lxGlsh4cnrRJoaL {
  color: var(--mantine-color-yellow-5);
}

.taeU4lxGlsh4cnrRJoaL {
  flex-shrink: 0;
}

.aVN4WjBIREz0okkuRArQ {
  color: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme='dark'] .aVN4WjBIREz0okkuRArQ {
  color: var(--mantine-color-gray-6);
}

.aVN4WjBIREz0okkuRArQ {
  flex-shrink: 0;
}

.DHphRSoO1EMEIf_TtWo1 {
  flex: 1;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w8MlGUyoKTLYRXRRym4A {
  margin-left: auto;
  opacity: 0;
  transition: opacity 150ms ease;
}

.XQfSWfvV9JwPo29S3iIe:hover .w8MlGUyoKTLYRXRRym4A {
  opacity: 1;
}

/* Always show on touch devices */
@media (hover: none) {
  .w8MlGUyoKTLYRXRRym4A {
    opacity: 1;
  }
}

.VscML8o4Hdy0R_sHbnJ8 {
  margin-left: 24px;
  padding-left: var(--mantine-spacing-sm);
  border-left: 1px solid var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .VscML8o4Hdy0R_sHbnJ8 {
  border-left: 1px solid var(--mantine-color-dark-4);
}

.QPhSqsuSytthhrHTgTcP {
  padding: var(--mantine-spacing-xl);
}

.gtLTmFMaox5C68atOFiV {
  color: var(--mantine-color-gray-4);
}

[data-mantine-color-scheme='dark'] .gtLTmFMaox5C68atOFiV {
  color: var(--mantine-color-dark-3);
}

.k91Sk11CXVjzYDY20j0J {
  background-color: var(--mantine-color-yellow-1);
}

[data-mantine-color-scheme='dark'] .k91Sk11CXVjzYDY20j0J {
  background-color: var(--mantine-color-yellow-9);
}

.k91Sk11CXVjzYDY20j0J {
  color: inherit;
  border-radius: 2px;
  padding: 0 2px;
}

.zDrrW2WWA1vWV7i0Gv_F {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
}

.GMRv9M_XDOrgZYdBRZKC {
  padding: var(--mantine-spacing-md);
}

.NLz_v0uHpprs18eUB2IW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mantine-spacing-md);
  padding: var(--mantine-spacing-xl);
  min-height: 200px;
}

.QmS84Kpv6df32XICByt3 {
  color: var(--mantine-color-gray-4);
}

[data-mantine-color-scheme='dark'] .QmS84Kpv6df32XICByt3 {
  color: var(--mantine-color-dark-3);
}

.vh7au31yhJ1NQraZH8W4 {
  margin-bottom: var(--mantine-spacing-md);
}

.ziEoEa3PK7zOdZ9mSWow {
  font-size: var(--mantine-font-size-xl);
  font-weight: 600;
  color: var(--mantine-color-gray-9);
}

[data-mantine-color-scheme='dark'] .ziEoEa3PK7zOdZ9mSWow {
  color: var(--mantine-color-gray-0);
}

.DY7ePJu_rr9JFQRK44Aw {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .DY7ePJu_rr9JFQRK44Aw {
  color: var(--mantine-color-gray-5);
}

.heOO7ndzfINoZv4Aw7p_ {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--mantine-spacing-md);
  gap: var(--mantine-spacing-md);
}

.T8NEzvDl5QMdbIUUhx01 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.I1PNKaYm_6UpDMMFygJ7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  grid-column: 1 / -1;
}

.rKCyNdNuv_zuKi90kWmQ {
  font-size: var(--mantine-font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme='dark'] .rKCyNdNuv_zuKi90kWmQ {
  color: var(--mantine-color-gray-5);
}

.qnKuTOjOnP_JeQckQ46m {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-8);
}

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

.qWSv7dpzKzNuzFTtKrrF {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-8);
}

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

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

.uKbOKRGNX8TKewcBBwxk {
  margin-bottom: var(--mantine-spacing-sm);
}

/* Breadcrumb navigation */
.g43kWrmzXbjU0kTuOwSW {
  margin-bottom: var(--mantine-spacing-md);
}

.hYPDcB2QPiAVoo52xlNI {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-blue-6);
}

[data-mantine-color-scheme='dark'] .hYPDcB2QPiAVoo52xlNI {
  color: var(--mantine-color-blue-4);
}

.hYPDcB2QPiAVoo52xlNI {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.hYPDcB2QPiAVoo52xlNI:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.GvtMCXZE1Luk_EjNooiT {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-8);
}

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

.pkjjvcZY9SoSX7eruJeS {
  color: var(--mantine-color-gray-5);
}

[data-mantine-color-scheme='dark'] .pkjjvcZY9SoSX7eruJeS {
  color: var(--mantine-color-dark-3);
}

/* Mobile truncation: show only last two segments with ellipsis */
@media (max-width: 768px) {
  .g43kWrmzXbjU0kTuOwSW {
    overflow: hidden;
  }

  .g43kWrmzXbjU0kTuOwSW .mantine-Breadcrumbs-root {
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .g43kWrmzXbjU0kTuOwSW .mantine-Breadcrumbs-breadcrumb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex-shrink: 1;
  }

  /* Keep the last two items (parent + current) visible, shrink ancestors */
  .g43kWrmzXbjU0kTuOwSW
    .mantine-Breadcrumbs-breadcrumb:not(:nth-last-child(-n + 3)):not(:first-child) {
    max-width: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
  }

  /* Hide separators for collapsed ancestors */
  .g43kWrmzXbjU0kTuOwSW
    .mantine-Breadcrumbs-separator:not(:nth-last-child(-n + 4)):not(:first-child) {
    max-width: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
  }
}

/*
 * Desktop uses react-resizable-panels (<PanelGroup> / <Panel> / <PanelResizeHandle>).
 * The library renders its own flexbox row with inline percentage widths on each
 * <Panel>; do NOT apply display: flex or gap to .explorerLayout on desktop, or
 * the library's resize math will fight our wrapper.
 *
 * We still need .explorerLayout as a wrapper class so we can flip to a flex
 * column on mobile (where the splitter is not rendered) and to anchor a
 * predictable height for both layouts.
 *
 * Height chain — DESKTOP only (overridden in the mobile media query below):
 *   The two panes need a real `height` so each pane's `height: 100%` resolves
 *   and they scroll independently. We compute the available viewport height
 *   below the chrome using CSS variables set elsewhere:
 *     --tcg-header-height       (set by the global header component)
 *     --tcg-control-plane-height (set by ControlPlane via ResizeObserver)
 *   Plus measured fallbacks for the page header (~72px: title + subtitle +
 *   gap) and the page wrapper's vertical padding/gaps (~40px). These can be
 *   adjusted without touching the JS.
 */
.wDmLTgoDY44fx9MHxrUy {
  height: calc(
    100vh - 60px - 56px - 72px - 40px
  );
  height: calc(
    100vh - var(--tcg-header-height, 60px) - var(--tcg-control-plane-height, 56px) - 72px - 40px
  );
  min-height: 400px;
  overflow: hidden;
}

/* The library's <PanelGroup> is a flex row; we just need it to fill the
   wrapper. Its children (Panel + PanelResizeHandle) handle their own sizing. */
.bmVN9ZptTqa4c146qcxA {
  height: 100%;
  min-height: 400px;
}

/* Inner scroll wrapper for the desktop tree pane. The library's <Panel> root
   sets its own width via inline styles, so we put scroll/min-width rules on
   an inner div instead of on the panel itself. */
.CLshDH1nx2buG89xXD3T {
  height: 100%;
  min-width: 0;
  overflow: auto;
  /* Contain over-scroll so reaching the tree's top/bottom does not chain the
     scroll onto the page body (reported "scroll-jacking"). */
  overscroll-behavior: contain;
}

/* Used only by the mobile branch (<div className={classes.treePane}>); not
   applied to the desktop <Panel> anymore. */
.Qi2U90IMyPUHabedCsJW {
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.fwgatw_NVkA5ed0v1MKN {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
}

/* Resize handle skin. The library renders this as a focusable element with a
   role="separator" and applies data-resize-handle-active during a drag. We
   give it an 8px hit zone with a 1px visible vertical line in the center so
   it reads as a thin divider but is comfortably draggable. */
.pt8h8MOgCs5tdtuBIoyy {
  width: 8px;
  cursor: col-resize;
  position: relative;
  background: transparent;
  transition: background-color 120ms;
  flex-shrink: 0;
}

.pt8h8MOgCs5tdtuBIoyy::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--mantine-color-gray-3);
}

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

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

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

.pt8h8MOgCs5tdtuBIoyy[data-resize-handle-active] {
  background: var(--mantine-color-blue-1);
}

[data-mantine-color-scheme='dark'] .pt8h8MOgCs5tdtuBIoyy[data-resize-handle-active] {
  background: var(--mantine-color-blue-9);
}

.pt8h8MOgCs5tdtuBIoyy:focus-visible {
  outline: 2px solid var(--mantine-color-blue-6);
  outline-offset: -2px;
}

/* Empty-state icon shown when a search returns no results. Mirrors the
   color treatment used inside LocationTree's own empty state so the page-
   level fallback (rendered when we suppress LocationTree's search-empty
   branch in favor of server-driven search) feels consistent. */
.gQEKDwlYahBse1ccVAXg {
  color: var(--mantine-color-gray-5);
}
[data-mantine-color-scheme='dark'] .gQEKDwlYahBse1ccVAXg {
  color: var(--mantine-color-dark-3);
}

/* Mobile: single column. The splitter is not rendered on mobile, so we drive
   the flex column layout from .explorerLayout directly. The desktop calc()
   height does not apply here — natural flex sizing is correct on mobile and
   `height: auto` lets the column grow to its content. */
@media (max-width: 768px) {
  .wDmLTgoDY44fx9MHxrUy {
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: var(--mantine-spacing-md);
  }

  .Qi2U90IMyPUHabedCsJW {
    flex: 1;
  }

  .fwgatw_NVkA5ed0v1MKN {
    border-left: none;
  }
}

.nskRAdqptT8iHYAb2LdS {
  padding: 40px 20px;
  text-align: center;
}

.__zEhpdT26SiESRmxUHI {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9em;
}

.ajPAJRvaYChhGkneAwOQ {
  font-weight: 500;
  cursor: pointer;
}

/**
 * PrintJobControlPlane - Console Control Plane styling for print workspace
 *
 * Follows ControlPlane visual pattern with left accent strip.
 * Sticky positioning for tables that scroll.
 */

.SJ9McsfU4BeMR9bw9q0w {
  position: sticky;
  top: 0px;
  top: var(--tcg-header-height, 0px);
  z-index: 90;
  display: flex;
  background-color: var(--tcg-panel-bg);
  border: 1px solid var(--tcg-panel-border);
  border-radius: var(--mantine-radius-md);
  box-shadow: var(--tcg-panel-shadow);
  overflow: hidden;
  margin-bottom: var(--mantine-spacing-md);
  transition:
    background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Scrolled state: align with PageHeader (transparent, minimal divider) */
.SJ9McsfU4BeMR9bw9q0w.OTAPCA_FmPjVyt4ja4nQ {
  background-color: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid var(--tcg-header-border);
  border-radius: 0;
}

/* Left accent strip - ownership signal in primary color */
.KA9TOh7HxEtCcwM8dUlv {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--mantine-color-grape-7);
  z-index: 1;
  transition: width 0.2s ease;
}

/* Enhanced accent strip when scrolled */
.SJ9McsfU4BeMR9bw9q0w.OTAPCA_FmPjVyt4ja4nQ .KA9TOh7HxEtCcwM8dUlv {
  width: 5px;
  background-color: var(--mantine-color-grape-6);
}

.BbyiMsFagsVrxLXuEGTl {
  flex: 1;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  padding-left: calc(var(--mantine-spacing-sm) + 8px);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .BbyiMsFagsVrxLXuEGTl {
    padding: var(--mantine-spacing-xs);
    padding-left: calc(var(--mantine-spacing-xs) + 8px);
  }
}

@media (max-width: 768px) {
  .SJ9McsfU4BeMR9bw9q0w {
    flex-direction: column;
  }
}

.Sb_aU9El2MzZNr1YQhfp {
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

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

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

.C7NZ8lEXe5pEXP61FAAC {
  width: 21px;
  height: 21px;
  border-radius: 21px;
}

.C8I2s5xjtPpUrOAV3b6g {
  cursor: pointer;
}

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

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

.hjzTiIXo2f5HwKknyEot {
  background-color: var(--mantine-color-grape-0) !important;
}

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

/* Column header widths */
.KrGP4lP8iyO3b_DTq6Lk {
  width: 100px;
}

.hc_XGbnS9mXZHbL6cwTk {
  width: 120px;
}

.BD7vv6lVPZUJfWJShncw {
  width: 140px;
}

.GvFMFXdvofRCk5zHthsw {
  width: 150px;
}

/* Clickable badge for issues popover */
.Makcv1LTwOkW3exQXpl9 {
  cursor: pointer;
}

.aE0r7RFMJN7h736wpTtG {
  background-color: var(--mantine-color-yellow-0);
}
  [data-mantine-color-scheme='dark'] .aE0r7RFMJN7h736wpTtG {
  background-color: rgba(var(--mantine-color-yellow-9-rgb), 0.1);
}
  .aE0r7RFMJN7h736wpTtG {
  border-color: var(--mantine-color-yellow-3);
}
  [data-mantine-color-scheme='dark'] .aE0r7RFMJN7h736wpTtG {
  border-color: var(--mantine-color-yellow-9);
}

.VHGqBfxpU5UEx45F7q_g {
  border: 1px solid var(--mantine-color-red-3);
}

[data-mantine-color-scheme='dark'] .VHGqBfxpU5UEx45F7q_g {
  border: 1px solid var(--mantine-color-red-9);
}

/* ShippingPrintPage specific styles */
/* Currently using component-level styles, add page-level overrides here if needed */

/* Sidebar styling */
.zMqTnmi91145OtBeTTZt {
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
}

/* Navigation link hover effect */
.tg9c4csgeeB2Py7JUpkk {
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.tg9c4csgeeB2Py7JUpkk:hover {
  background-color: var(--mantine-color-dark-5);
}

/* Content pane styling */
.HodJ5VdGMy8RmBPRp7R2 {
  padding: 2rem;
  border-radius: 8px;
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
  min-height: 400px;
}

/* Article metadata section */
.cF8BmAusHK32QrVAs5yM {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

/* Error link styling */
.RzWWneV1bybgh42wzreN {
  color: var(--mantine-color-grape-4);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.RzWWneV1bybgh42wzreN:hover {
  color: var(--mantine-color-grape-3);
}

/* Markdown content styling */
.OR4sleuAPTBO_5lBf_Ms {
  line-height: 1.6;
  color: var(--mantine-color-dark-0);
}

.OR4sleuAPTBO_5lBf_Ms h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: var(--mantine-color-dark-0);
  border-bottom: 2px solid var(--mantine-color-dark-4);
  padding-bottom: 0.5rem;
}

.OR4sleuAPTBO_5lBf_Ms h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: var(--mantine-color-dark-0);
}

.OR4sleuAPTBO_5lBf_Ms h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: var(--mantine-color-dark-0);
}

.OR4sleuAPTBO_5lBf_Ms p {
  margin-bottom: 1rem;
}

.OR4sleuAPTBO_5lBf_Ms ul,
.OR4sleuAPTBO_5lBf_Ms ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.OR4sleuAPTBO_5lBf_Ms li {
  margin-bottom: 0.5rem;
}

.OR4sleuAPTBO_5lBf_Ms code {
  background-color: var(--mantine-color-dark-5);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: var(--mantine-color-grape-3);
}

.OR4sleuAPTBO_5lBf_Ms pre {
  background-color: var(--mantine-color-dark-7);
  padding: 1rem;
  border-radius: 8px;
  overflow-x: auto;
  margin-bottom: 1rem;
  border: 1px solid var(--mantine-color-dark-4);
}

.OR4sleuAPTBO_5lBf_Ms pre code {
  background-color: transparent;
  padding: 0;
  color: var(--mantine-color-dark-0);
}

.OR4sleuAPTBO_5lBf_Ms blockquote {
  border-left: 4px solid var(--mantine-color-grape-5);
  padding-left: 1rem;
  margin-left: 0;
  margin-bottom: 1rem;
  color: var(--mantine-color-dimmed);
  font-style: italic;
}

.OR4sleuAPTBO_5lBf_Ms table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.OR4sleuAPTBO_5lBf_Ms th,
.OR4sleuAPTBO_5lBf_Ms td {
  padding: 0.75rem;
  text-align: left;
  border: 1px solid var(--mantine-color-dark-4);
}

.OR4sleuAPTBO_5lBf_Ms th {
  background-color: var(--mantine-color-dark-5);
  font-weight: 600;
}

.OR4sleuAPTBO_5lBf_Ms tr:hover {
  background-color: var(--mantine-color-dark-7);
}

.OR4sleuAPTBO_5lBf_Ms a {
  color: var(--mantine-color-grape-4);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.OR4sleuAPTBO_5lBf_Ms a:hover {
  color: var(--mantine-color-grape-3);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.OR4sleuAPTBO_5lBf_Ms img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1rem 0;
}

.OR4sleuAPTBO_5lBf_Ms hr {
  border: none;
  border-top: 2px solid var(--mantine-color-dark-4);
  margin: 2rem 0;
}

.DnxRwosAHT5sO77CfYLi {
  max-width: 600px;
}

.Q0ZK84QPCDrBlFPuEOMQ {
  align-self: flex-start;
  min-width: 150px;
}

.Eq8I1bu5IL7YDCU_b2JO {
  padding: var(--mantine-spacing-xl);
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.mz4nwii7qOxNGTMR05An {
  max-width: 600px;
}

.U3qQKtZHAiDonXLuDpIw {
  align-self: flex-start;
  min-width: 150px;
}

.d2uP6iO1Hkdxddk6Lg1H {
  padding: var(--mantine-spacing-xl);
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.DTtjMtowO1XG9uhgpogK {
  margin-top: 120px;
  padding-top: calc(var(--mantine-spacing-xl) * 2);
  padding-bottom: calc(var(--mantine-spacing-xl) * 2);
  background-color: var(--mantine-color-gray-0);
}
  [data-mantine-color-scheme='dark'] .DTtjMtowO1XG9uhgpogK {
  background-color: var(--mantine-color-dark-6);
}
  .DTtjMtowO1XG9uhgpogK {
  border-top: 1px solid var(--mantine-color-gray-2);
}
  [data-mantine-color-scheme='dark'] .DTtjMtowO1XG9uhgpogK {
  border-top: 1px solid var(--mantine-color-dark-5);
}

.rZ7DoHo75SqgPxWpShw4 {
  max-width: 200px;
}

@media (max-width: 48em) {

.rZ7DoHo75SqgPxWpShw4 {
    display: flex;
    flex-direction: column;
    align-items: center
}
  }

.r0ojUh2EsKtfQJ9nbWgs {
  margin-top: 5px;
}

@media (max-width: 48em) {

.r0ojUh2EsKtfQJ9nbWgs {
    margin-top: var(--mantine-spacing-xs);
    text-align: center
}
  }

.K_B73A_gyIJRAWKAKaho {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 48em) {

.K_B73A_gyIJRAWKAKaho {
    flex-direction: column;
    align-items: center
}
  }

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

@media (max-width: 48em) {

.FUyLaJlnSPKcoN0PKyXQ {
    display: none
}
  }

.gqtIZuGTv4iQVeyg9aqW {
  width: 160px;
}

.fXFkLF9slZigoDvYxppa {
  display: block;
  color: var(--mantine-color-gray-6);
}

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

.fXFkLF9slZigoDvYxppa {
  font-size: var(--mantine-font-size-sm);
  padding-top: 3px;
  padding-bottom: 3px;
}

.fXFkLF9slZigoDvYxppa:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.xkSaD26yHHS1F7iWwBdn {
  font-size: var(--mantine-font-size-lg);
  font-weight: 700;
  font-family:
    Greycliff CF,
    var(--mantine-font-family);
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
  color: var(--mantine-color-black);
}

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

.a1s6NcuIoATFWhz9KaEM {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--mantine-spacing-xl);
  padding-bottom: var(--mantine-spacing-xl);
}

@media (max-width: 48em) {

.a1s6NcuIoATFWhz9KaEM {
    flex-direction: column;
    align-items: stretch
}
  }

.PrrYpNfP3MsHO65f5Ehh {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
  align-items: flex-end;
}

@media (max-width: 48em) {

.PrrYpNfP3MsHO65f5Ehh {
    text-align: left;
    align-items: flex-start
}
  }

@media (max-width: 48em) {

.ZoWJL3D7mfGjR43s1FgF {
    margin-top: var(--mantine-spacing-xs)
}
  }

.mVsALV96aJqZ4uCMtxRi {
  height: 60px;
  width: auto;
}

.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  position: fixed;
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
}

  .m_b37d9ac7:where([data-position='top-center']) {
    top: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='top-left']) {
    top: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='top-right']) {
    top: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-center']) {
    bottom: var(--mantine-spacing-md);
    left: 50%;
    transform: translateX(-50%);
  }

  .m_b37d9ac7:where([data-position='bottom-left']) {
    bottom: var(--mantine-spacing-md);
    left: var(--mantine-spacing-md);
  }

  .m_b37d9ac7:where([data-position='bottom-right']) {
    bottom: var(--mantine-spacing-md);
    right: var(--mantine-spacing-md);
  }

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