/* node_modules/@mantine/core/styles.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
input,
button,
textarea,
select {
  font: inherit;
}
button,
select {
  text-transform: none;
}
body {
  margin: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size-md);
  line-height: var(--mantine-line-height);
  background-color: var(--mantine-color-body);
  color: var(--mantine-color-text);
  -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
}
@media screen and (max-device-width: 31.25em) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-respect-reduced-motion] [data-reduce-motion] {
    transition: none;
    animation: none;
  }
}
[data-mantine-color-scheme=light] .mantine-light-hidden {
  display: none;
}
[data-mantine-color-scheme=dark] .mantine-dark-hidden {
  display: none;
}
.mantine-focus-auto:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.mantine-focus-always:focus {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.mantine-focus-never:focus {
  outline: none;
}
.mantine-active:active {
  transform: translateY(calc(0.0625rem * var(--mantine-scale)));
}
fieldset:disabled .mantine-active:active {
  transform: none;
}
:where([dir=rtl]) .mantine-rotate-rtl {
  transform: rotate(180deg);
}
:root {
  color-scheme: var(--mantine-color-scheme);
  --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-color-scheme: light dark;
  --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-radius-default: calc(0.25rem * 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-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-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-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-7);
  --mantine-color-dark-light: rgba(36, 36, 36, 0.15);
  --mantine-color-dark-light-hover: rgba(36, 36, 36, 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(36, 36, 36, 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-color-bright: var(--mantine-color-black);
  --mantine-color-text: var(--mantine-color-black);
  --mantine-color-body: var(--mantine-color-white);
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-primary-color-filled);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-gray-9);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --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(56, 56, 56, 0.1);
  --mantine-color-dark-light-hover: rgba(56, 56, 56, 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(56, 56, 56, 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_c0783ff9 {
  scrollbar-width: none;
  overscroll-behavior: var(--scrollarea-over-scroll-behavior);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}
.m_c0783ff9::-webkit-scrollbar {
  display: none;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):where([data-vertical-hidden]) {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):not([data-vertical-hidden]) {
  padding-inline-end: var(--scrollarea-scrollbar-size);
  padding-inline-start: unset;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):where([data-horizontal-hidden]) {
  padding-bottom: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):not([data-horizontal-hidden]) {
  padding-bottom: var(--scrollarea-scrollbar-size);
}
.m_f8f631dd {
  min-width: 100%;
  display: table;
}
.m_c44ba933 {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition: background-color 150ms ease, opacity 150ms ease;
  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_c44ba933:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c44ba933:hover > .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.5);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover > .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_c44ba933:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .m_c44ba933:active > .m_d8b5e363 {
    background-color: rgba(0, 0, 0, 0.5);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:active {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .m_c44ba933:active > .m_d8b5e363 {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.m_c44ba933:where([data-hidden], [data-state=hidden]) {
  display: none;
}
.m_c44ba933:where([data-orientation=vertical]) {
  width: var(--scrollarea-scrollbar-size);
  top: 0;
  bottom: var(--sa-corner-width);
  inset-inline-end: 0;
}
.m_c44ba933:where([data-orientation=horizontal]) {
  height: var(--scrollarea-scrollbar-size);
  flex-direction: column;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: var(--sa-corner-width);
}
.m_d8b5e363 {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color 150ms ease;
  overflow: hidden;
  opacity: var(--thumb-opacity);
}
.m_d8b5e363::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: calc(2.75rem * var(--mantine-scale));
  min-height: calc(2.75rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_d8b5e363 {
  background-color: rgba(0, 0, 0, 0.4);
}
:where([data-mantine-color-scheme=dark]) .m_d8b5e363 {
  background-color: rgba(255, 255, 255, 0.4);
}
.m_21657268 {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}
:where([data-mantine-color-scheme=light]) .m_21657268 {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_21657268 {
  background-color: var(--mantine-color-dark-8);
}
.m_21657268:where([data-hovered]) {
  opacity: 1;
}
.m_21657268:where([data-hidden]) {
  display: none;
}
.m_87cf2631 {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  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 * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  margin: calc(-0.0625rem * var(--mantine-scale));
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.m_1b7284a3 {
  --paper-radius: var(--mantine-radius-default);
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}
[data-mantine-color-scheme=light] .m_1b7284a3 {
  --paper-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_1b7284a3 {
  --paper-border-color: var(--mantine-color-dark-4);
}
.m_1b7284a3:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
}
.m_9814e45f {
  inset: 0;
  position: absolute;
  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: var(--overlay-filter);
  backdrop-filter: var(--overlay-filter);
  border-radius: var(--overlay-radius, 0);
  z-index: var(--overlay-z-index);
}
.m_9814e45f:where([data-fixed]) {
  position: fixed;
}
.m_9814e45f:where([data-center]) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_38a85659 {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}
.m_38a85659:where([data-fixed]) {
  position: fixed;
}
.m_38a85659:focus {
  outline: none;
}
:where([data-mantine-color-scheme=light]) .m_38a85659 {
  --popover-border-color: var(--mantine-color-gray-2);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_38a85659 {
  --popover-border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
.m_a31dc6c1 {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}
.m_3d7bc908 {
  position: fixed;
  inset: 0;
}
.m_5ae2e3c {
  --loader-size-xs: calc(1.125rem * var(--mantine-scale));
  --loader-size-sm: calc(1.375rem * var(--mantine-scale));
  --loader-size-md: calc(2.25rem * var(--mantine-scale));
  --loader-size-lg: calc(2.75rem * var(--mantine-scale));
  --loader-size-xl: calc(3.625rem * var(--mantine-scale));
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
}
@keyframes m_5d2b3b9d {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50%, 100% {
    transform: scale(1);
  }
}
.m_7a2bd4cd {
  position: relative;
  width: var(--loader-size);
  height: var(--loader-size);
  display: flex;
  gap: calc(var(--loader-size) / 5);
}
.m_870bb79 {
  flex: 1;
  background: var(--loader-color);
  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  border-radius: calc(0.125rem * var(--mantine-scale));
}
.m_870bb79:nth-of-type(1) {
  animation-delay: -240ms;
}
.m_870bb79:nth-of-type(2) {
  animation-delay: -120ms;
}
.m_870bb79:nth-of-type(3) {
  animation-delay: 0;
}
@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;
}
@keyframes m_f8e89c4b {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.m_b34414df {
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}
.m_b34414df::after {
  content: "";
  display: block;
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: calc(625rem * var(--mantine-scale));
  border-width: calc(var(--loader-size) / 8);
  border-style: solid;
  border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
  animation: m_f8e89c4b 1.2s linear infinite;
}
.m_8d3f4000 {
  --ai-size-xs: calc(1.125rem * var(--mantine-scale));
  --ai-size-sm: calc(1.375rem * var(--mantine-scale));
  --ai-size-md: calc(1.75rem * var(--mantine-scale));
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));
  --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
  --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
  --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
  --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
  --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
  --ai-size: var(--ai-size-md);
  --ai-color: var(--mantine-color-white);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  overflow: hidden;
  width: var(--ai-size);
  height: var(--ai-size);
  min-width: var(--ai-size);
  min-height: var(--ai-size);
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  background: var(--ai-bg, var(--mantine-primary-color-filled));
  color: var(--ai-color, var(--mantine-color-white));
  border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  cursor: pointer;
}
@media (hover: hover) {
  .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
    color: var(--ai-hover-color, var(--ai-color));
  }
}
@media (hover: none) {
  .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
    color: var(--ai-hover-color, var(--ai-color));
  }
}
.m_8d3f4000[data-loading] {
  cursor: not-allowed;
}
.m_8d3f4000[data-loading] .m_8d3afb97 {
  opacity: 0;
  transform: translateY(100%);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  cursor: not-allowed;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-5);
}
:where([data-mantine-color-scheme=dark]) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  background-color: var(--mantine-color-dark-6);
  color: var(--mantine-color-dark-3);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
  transform: none;
}
.m_302b9fb1 {
  inset: calc(-0.0625rem * var(--mantine-scale));
  position: absolute;
  border-radius: var(--ai-radius, var(--mantine-radius-default));
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_302b9fb1 {
  background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
  background-color: rgba(0, 0, 0, 0.15);
}
.m_1a0f1b21 {
  --ai-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}
.m_1a0f1b21 :where(*):focus {
  position: relative;
  z-index: 1;
}
.m_1a0f1b21[data-orientation=horizontal] {
  flex-direction: row;
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-inline-end-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-inline-start-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-inline-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] {
  flex-direction: column;
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-bottom-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: calc(var(--ai-border-width) / 2);
  border-top-width: calc(var(--ai-border-width) / 2);
}
.m_8d3afb97 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease, opacity 100ms ease;
  width: 100%;
  height: 100%;
}
.m_437b6484 {
  --section-height-xs: calc(1.125rem * var(--mantine-scale));
  --section-height-sm: calc(1.375rem * var(--mantine-scale));
  --section-height-md: calc(1.75rem * var(--mantine-scale));
  --section-height-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-xl: calc(2.75rem * var(--mantine-scale));
  --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-input-md: calc(2.625rem * var(--mantine-scale));
  --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-input-xl: calc(3.75rem * var(--mantine-scale));
  --section-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --section-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-xl: calc(1rem * var(--mantine-scale));
  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);
  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m_86a44da5 {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));
  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}
:where([data-mantine-color-scheme=light]) .m_86a44da5 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_86a44da5 {
  color: var(--mantine-color-dark-1);
}
.m_86a44da5[data-disabled],
.m_86a44da5:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_4081bf90 {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}
.m_4081bf90:where([data-grow]) > * {
  flex-grow: 1;
  max-width: var(--group-child-width);
}
.m_615af6c9 {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: var(--mantine-font-size-md);
}
.m_b5489c3c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  z-index: 1000;
  min-height: calc(3.75rem * var(--mantine-scale));
  transition: padding-inline-end 100ms;
}
.m_60c222c7 {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: var(--mb-z-index);
  pointer-events: none;
}
.m_fd1ab0aa {
  pointer-events: all;
  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}
.m_fd1ab0aa [data-mantine-scrollbar] {
  z-index: 1001;
}
[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
}
.m_606cb269 {
  margin-inline-start: auto;
}
.m_5df29311 {
  padding: var(--mb-padding, var(--mantine-spacing-md));
  padding-top: var(--mb-padding, var(--mantine-spacing-md));
}
.m_5df29311:where(:not(:only-child)) {
  padding-top: 0;
}
.m_6c018570 {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);
  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));
  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);
  --input-cursor: text;
  --input-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-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);
  --input-padding-y: var(--input-padding-y-sm);
}
.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);
}
[data-mantine-color-scheme=light] .m_6c018570 {
  --input-disabled-bg: var(--mantine-color-gray-1);
  --input-disabled-color: var(--mantine-color-gray-6);
}
[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 {
  --input-disabled-bg: var(--mantine-color-dark-6);
  --input-disabled-color: var(--mantine-color-dark-2);
}
[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;
  appearance: 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 * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}
.m_8fb7ebe7[data-no-overflow] {
  --input-overflow: hidden;
}
.m_8fb7ebe7[data-monospace] {
  --input-font-family: var(--mantine-font-family-monospace);
  --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - 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::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_8fb7ebe7::-webkit-inner-spin-button,
.m_8fb7ebe7::-webkit-outer-spin-button,
.m_8fb7ebe7::-webkit-search-decoration,
.m_8fb7ebe7::-webkit-search-cancel-button,
.m_8fb7ebe7::-webkit-search-results-button,
.m_8fb7ebe7::-webkit-search-results-decoration {
  appearance: none;
}
.m_8fb7ebe7[type=number] {
  -moz-appearance: textfield;
}
.m_8fb7ebe7:disabled,
.m_8fb7ebe7[data-disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.m_8fb7ebe7:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.m_82577fc2 {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}
.m_82577fc2[data-position=right] {
  --section-pointer-events: var(--input-right-section-pointer-events);
  --section-end: var(--right-section-end);
  --section-size: var(--input-right-section-size);
  --section-border-radius: var(--right-section-border-radius);
}
.m_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);
}
.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));
}
.m_46b77525 {
  line-height: var(--mantine-line-height);
}
.m_8fdc1311 {
  display: inline-block;
  font-weight: 500;
  word-break: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}
.m_78a94662 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}
.m_8f816625,
.m_fe47ce59 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}
.m_8f816625 {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
.m_fe47ce59 {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
.m_8bffd616 {
  display: flex;
}
.m_96b553a6 {
  --transition-duration: 150ms;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  transition-property:
    transform,
    width,
    height;
  transition-timing-function: ease;
  transition-duration: 0ms;
}
.m_96b553a6:where([data-initialized]) {
  transition-duration: var(--transition-duration);
}
.m_96b553a6:where([data-hidden]) {
  background-color: red;
  display: none;
}
.m_9bdbb667 {
  --accordion-radius: var(--mantine-radius-default);
}
.m_df78851f {
  word-break: break-word;
}
.m_4ba554d4 {
  padding: var(--mantine-spacing-md);
  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-inline: var(--mantine-spacing-md);
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
}
.m_4ba585b8:where([data-chevron-position=left]) {
  flex-direction: row;
  padding-inline-start: 0;
}
:where([data-mantine-color-scheme=light]) .m_4ba585b8 {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_4ba585b8 {
  color: var(--mantine-color-dark-0);
}
.m_4ba585b8:where(:disabled, [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
  :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
  :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
  :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
  :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_df3ffa0f {
  color: inherit;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: var(--mantine-spacing-sm);
  padding-bottom: var(--mantine-spacing-sm);
}
.m_3f35ae96 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform var(--accordion-transition-duration, 200ms) ease;
  width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale)));
  transform: rotate(0deg);
}
.m_3f35ae96:where([data-rotate]) {
  transform: rotate(180deg);
}
.m_3f35ae96:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-md);
  margin-inline-start: var(--mantine-spacing-md);
}
.m_9bd771fe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_9bd771fe:where([data-chevron-position=left]) {
  margin-inline-end: 0;
  margin-inline-start: var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_9bd7b098 {
  --item-border-color: var(--mantine-color-gray-3);
  --item-filled-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_9bd7b098 {
  --item-border-color: var(--mantine-color-dark-4);
  --item-filled-color: var(--mantine-color-dark-6);
}
.m_fe19b709 {
  border-bottom: 1px solid var(--item-border-color);
}
.m_1f921b3b {
  border: 1px solid var(--item-border-color);
  transition: background-color 150ms ease;
}
.m_1f921b3b:where([data-active]) {
  background-color: var(--item-filled-color);
}
.m_1f921b3b:first-of-type {
  border-start-start-radius: var(--accordion-radius);
  border-start-end-radius: var(--accordion-radius);
}
.m_1f921b3b:first-of-type > [data-accordion-control] {
  border-start-start-radius: var(--accordion-radius);
  border-start-end-radius: var(--accordion-radius);
}
.m_1f921b3b:last-of-type {
  border-end-start-radius: var(--accordion-radius);
  border-end-end-radius: var(--accordion-radius);
}
.m_1f921b3b:last-of-type > [data-accordion-control] {
  border-end-start-radius: var(--accordion-radius);
  border-end-end-radius: var(--accordion-radius);
}
.m_1f921b3b + .m_1f921b3b {
  border-top: 0;
}
.m_2cdf939a {
  border-radius: var(--accordion-radius);
}
.m_2cdf939a:where([data-active]) {
  background-color: var(--item-filled-color);
}
.m_9f59b069 {
  background-color: var(--item-filled-color);
  border-radius: var(--accordion-radius);
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition: background-color 150ms ease;
}
.m_9f59b069[data-active] {
  border-color: var(--item-border-color);
}
:where([data-mantine-color-scheme=light]) .m_9f59b069[data-active] {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_9f59b069[data-active] {
  background-color: var(--mantine-color-dark-7);
}
.m_9f59b069 + .m_9f59b069 {
  margin-top: var(--mantine-spacing-md);
}
.m_7f854edf {
  position: fixed;
  z-index: var(--affix-z-index);
  inset-inline-start: var(--affix-left);
  inset-inline-end: var(--affix-right);
  top: var(--affix-top);
  bottom: var(--affix-bottom);
}
.m_66836ed3 {
  --alert-radius: var(--mantine-radius-default);
  --alert-bg: var(--mantine-primary-color-light);
  --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --alert-color: var(--mantine-primary-color-light-color);
  padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
  border-radius: var(--alert-radius);
  position: relative;
  overflow: hidden;
  background-color: var(--alert-bg);
  border: var(--alert-bd);
  color: var(--alert-color);
}
.m_a5d60502 {
  display: flex;
}
.m_667c2793 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-xs);
}
.m_6a03f287 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--mantine-font-size-sm);
  font-weight: 700;
}
.m_6a03f287:where([data-with-close-button]) {
  padding-inline-end: var(--mantine-spacing-md);
}
.m_698f4f23 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m_667f2a6a {
  line-height: 1;
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-inline-end: var(--mantine-spacing-md);
  margin-top: calc(0.0625rem * var(--mantine-scale));
}
.m_7fa78076 {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--mantine-font-size-sm);
}
:where([data-mantine-color-scheme=light]) .m_7fa78076 {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_7fa78076 {
  color: var(--mantine-color-white);
}
.m_7fa78076:where([data-variant=filled]) {
  color: var(--alert-color);
}
.m_7fa78076:where([data-variant=white]) {
  color: var(--mantine-color-black);
}
.m_87f54839 {
  width: calc(1.25rem * var(--mantine-scale));
  height: calc(1.25rem * var(--mantine-scale));
  color: var(--alert-color);
}
.m_b6d8b162 {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  font-size: var(--text-fz, var(--mantine-font-size-md));
  line-height: var(--text-lh, var(--mantine-line-height-md));
  font-weight: 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);
  text-decoration: none;
  appearance: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}
@media (hover: hover) {
  .m_849cf0da:where([data-underline=hover]):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .m_849cf0da:where([data-underline=hover]):active {
    text-decoration: underline;
  }
}
.m_849cf0da:where([data-underline=not-hover]) {
  text-decoration: underline;
}
@media (hover: hover) {
  .m_849cf0da:where([data-underline=not-hover]):hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .m_849cf0da:where([data-underline=not-hover]):active {
    text-decoration: none;
  }
}
.m_849cf0da:where([data-underline=always]) {
  text-decoration: underline;
}
.m_849cf0da:where([data-variant=gradient]),
.m_849cf0da:where([data-variant=gradient]):hover {
  text-decoration: none;
}
.m_849cf0da:where([data-line-clamp]) {
  display: -webkit-box;
}
.m_48204f9b {
  width: var(--slider-size);
  height: var(--slider-size);
  position: relative;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.m_48204f9b:focus-within {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_48204f9b {
  --slider-size: calc(3.75rem * var(--mantine-scale));
  --thumb-size: calc(var(--slider-size) / 5);
}
:where([data-mantine-color-scheme=light]) .m_48204f9b {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_48204f9b {
  background-color: var(--mantine-color-dark-5);
}
.m_bb9cdbad {
  position: absolute;
  inset: calc(0.0625rem * var(--mantine-scale));
  border-radius: var(--slider-size);
  pointer-events: none;
}
.m_481dd586 {
  width: calc(0.125rem * var(--mantine-scale));
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  transform: rotate(var(--angle));
}
.m_481dd586::before {
  content: "";
  position: absolute;
  top: calc(var(--thumb-size) / 3);
  left: calc(0.03125rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(var(--thumb-size) / 1.5);
  transform: translate(-50%, -50%);
}
:where([data-mantine-color-scheme=light]) .m_481dd586::before {
  background-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_481dd586::before {
  background-color: var(--mantine-color-dark-3);
}
.m_481dd586[data-label]::after {
  min-width: calc(1.125rem * var(--mantine-scale));
  text-align: center;
  content: attr(data-label);
  position: absolute;
  top: calc(-1.5rem * var(--mantine-scale));
  left: calc(-0.4375rem * var(--mantine-scale));
  transform: rotate(calc(360deg - var(--angle)));
  font-size: var(--mantine-font-size-xs);
}
.m_bc02ba3d {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1.5px);
  inset-inline-end: 0;
  height: 100%;
  width: calc(0.1875rem * var(--mantine-scale));
  outline: none;
  pointer-events: none;
}
.m_bc02ba3d::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: min(var(--thumb-size), calc(var(--slider-size) / 2));
  width: calc(0.1875rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_bc02ba3d::before {
  background-color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_bc02ba3d::before {
  background-color: var(--mantine-color-dark-1);
}
.m_bb8e875b {
  font-size: var(--mantine-font-size-xs);
}
.m_89ab340[data-resizing] {
  --app-shell-transition-duration: 0ms !important;
}
.m_89ab340[data-disabled] {
  --app-shell-header-offset: 0rem !important;
  --app-shell-navbar-offset: 0rem !important;
  --app-shell-aside-offset: 0rem !important;
  --app-shell-footer-offset: 0rem !important;
}
[data-mantine-color-scheme=light] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_89ab340 {
  --app-shell-border-color: var(--mantine-color-dark-4);
}
.m_45252eee,
.m_9cdde9a,
.m_3b16f56b,
.m_8983817,
.m_3840c879 {
  transition-duration: var(--app-shell-transition-duration);
  transition-timing-function: var(--app-shell-transition-timing-function);
}
.m_45252eee,
.m_9cdde9a {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: var(--app-shell-header-offset, 0rem);
  height: calc(100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem));
  background-color: var(--mantine-color-body);
  transition-property:
    transform,
    top,
    height;
}
:where([data-layout=alt]) .m_45252eee,
:where([data-layout=alt]) .m_9cdde9a {
  top: 0rem;
  height: 100dvh;
}
.m_45252eee {
  inset-inline-start: 0;
  width: var(--app-shell-navbar-width);
  transition-property:
    transform,
    top,
    height;
  transform: var(--app-shell-navbar-transform);
  z-index: var(--app-shell-navbar-z-index);
}
:where([dir=rtl]) .m_45252eee {
  transform: var(--app-shell-navbar-transform-rtl);
}
.m_45252eee:where([data-with-border]) {
  border-inline-end: 1px solid var(--app-shell-border-color);
}
.m_9cdde9a {
  inset-inline-end: 0;
  width: var(--app-shell-aside-width);
  transform: var(--app-shell-aside-transform);
  z-index: var(--app-shell-aside-z-index);
}
:where([dir=rtl]) .m_9cdde9a {
  transform: var(--app-shell-aside-transform-rtl);
}
.m_9cdde9a:where([data-with-border]) {
  border-inline-start: 1px solid var(--app-shell-border-color);
}
.m_8983817 {
  padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
  padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
  padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
  padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
  min-height: 100dvh;
  transition-property: padding;
}
.m_3b16f56b,
.m_3840c879 {
  position: fixed;
  inset-inline: 0;
  transition-property:
    transform,
    left,
    right;
  background-color: var(--mantine-color-body);
}
:where([data-layout=alt]) .m_3b16f56b,
:where([data-layout=alt]) .m_3840c879 {
  inset-inline-start: var(--app-shell-navbar-offset, 0rem);
  inset-inline-end: 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) {
  object-fit: cover;
}
.m_88b62a41 {
  --combobox-padding: calc(0.25rem * var(--mantine-scale));
  padding: var(--combobox-padding);
}
.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
  max-width: calc(100% + var(--combobox-padding));
}
.m_88b62a41[data-composed] {
  padding-inline-end: 0;
}
.m_88b62a41[data-hidden] {
  display: none;
}
.m_88b62a41,
.m_b2821a6e {
  --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
  --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --combobox-option-padding: var(--combobox-option-padding-sm);
}
.m_92253aa5 {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  word-break: break-word;
}
.m_92253aa5:where([data-combobox-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}
.m_92253aa5:where([data-combobox-disabled]) {
  cursor: not-allowed;
  opacity: 0.35;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
.m_985517d8 {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}
:where([data-mantine-color-scheme=light]) .m_985517d8,
:where([data-mantine-color-scheme=light]) .m_985517d8:focus {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_985517d8,
:where([data-mantine-color-scheme=dark]) .m_985517d8:focus {
  border-color: var(--mantine-color-dark-4);
}
:where([data-mantine-color-scheme=light]) .m_985517d8 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_985517d8 {
  background-color: var(--mantine-color-dark-7);
}
.m_2530cd1d {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}
.m_858f94bd,
.m_82b967cb {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}
:where([data-mantine-color-scheme=light]) .m_858f94bd,
:where([data-mantine-color-scheme=light]) .m_82b967cb {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_858f94bd,
:where([data-mantine-color-scheme=dark]) .m_82b967cb {
  border-color: var(--mantine-color-dark-4);
}
.m_82b967cb {
  border-top-width: calc(0.0625rem * var(--mantine-scale));
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}
.m_858f94bd {
  border-bottom-width: calc(0.0625rem * var(--mantine-scale));
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}
.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
  display: none;
}
.m_2bb2e9e5 {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.m_2bb2e9e5::after {
  content: "";
  flex: 1;
  inset-inline: 0;
  height: calc(0.0625rem * var(--mantine-scale));
  margin-inline-start: var(--mantine-spacing-xs);
}
:where([data-mantine-color-scheme=light]) .m_2bb2e9e5::after {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_2bb2e9e5::after {
  background-color: var(--mantine-color-dark-4);
}
.m_2bb2e9e5:only-child {
  display: none;
}
.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));
}
.m_390b5f4 {
  display: flex;
  align-items: center;
  gap: calc(0.5rem * var(--mantine-scale));
}
.m_390b5f4:where([data-reverse]) {
  justify-content: space-between;
}
.m_8ee53fc2 {
  opacity: 0.4;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
}
:where([data-combobox-selected]) .m_8ee53fc2 {
  opacity: 1;
}
.m_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 {
  display: flex;
}
.m_d3ea56bb {
  --label-cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--label-fz, var(--mantine-font-size-sm));
  line-height: var(--label-lh);
  cursor: var(--label-cursor);
  order: var(--label-order);
}
fieldset:disabled .m_d3ea56bb,
.m_d3ea56bb[data-disabled] {
  --label-cursor: not-allowed;
}
.m_8ee546b8 {
  cursor: var(--label-cursor);
  color: inherit;
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}
:where([data-mantine-color-scheme=light]) fieldset:disabled .m_8ee546b8,
:where([data-mantine-color-scheme=light]) .m_8ee546b8:where([data-disabled]) {
  color: var(--mantine-color-gray-5);
}
:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_8ee546b8,
:where([data-mantine-color-scheme=dark]) .m_8ee546b8:where([data-disabled]) {
  color: var(--mantine-color-dark-3);
}
.m_328f68c0 {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}
.m_8e8a99cc {
  margin-top: calc(var(--mantine-spacing-xs) / 2);
  padding-inline-start: var(--label-offset-start);
  padding-inline-end: var(--label-offset-end);
}
.m_26775b0a {
  --card-radius: var(--mantine-radius-default);
  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}
.m_26775b0a :where(*) {
  cursor: inherit;
}
.m_26775b0a:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_26775b0a:where([data-with-border]) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_26775b0a:where([data-with-border]) {
  border-color: var(--mantine-color-dark-4);
}
.m_5e5256ee {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
  --checkbox-icon-color: var(--mantine-color-white);
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  min-height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_5e5256ee {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_5e5256ee {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_5e5256ee[data-indeterminate],
.m_5e5256ee[data-checked] {
  background-color: var(--checkbox-color);
  border-color: var(--checkbox-color);
}
.m_5e5256ee[data-indeterminate] > .m_1b1c543a,
.m_5e5256ee[data-checked] > .m_1b1c543a {
  opacity: 1;
  transform: none;
  color: var(--checkbox-icon-color);
}
.m_5e5256ee[data-disabled] {
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_5e5256ee[data-disabled] {
  background-color: var(--mantine-color-gray-2);
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_5e5256ee[data-disabled] {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-6);
}
[data-mantine-color-scheme=light] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
  color: var(--mantine-color-gray-5);
}
[data-mantine-color-scheme=dark] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a {
  color: var(--mantine-color-dark-3);
}
.m_76e20374[data-indeterminate]:not([data-disabled]),
.m_76e20374[data-checked]:not([data-disabled]) {
  background-color: transparent;
  border-color: var(--checkbox-color);
}
.m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a,
.m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
  color: var(--checkbox-color);
  opacity: 1;
  transform: none;
}
.m_1b1c543a {
  display: block;
  width: 60%;
  color: transparent;
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_bf2d988c {
  --checkbox-size-xs: calc(1rem * var(--mantine-scale));
  --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
  --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
  --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
  --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
  --checkbox-size: var(--checkbox-size-sm);
  --checkbox-color: var(--mantine-primary-color-filled);
  --checkbox-icon-color: var(--mantine-color-white);
}
.m_26062bec {
  position: relative;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  order: 1;
}
.m_26062bec:where([data-label-position=left]) {
  order: 2;
}
.m_26063560 {
  appearance: none;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-radius: var(--checkbox-radius, var(--mantine-radius-default));
  padding: 0;
  display: block;
  margin: 0;
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}
:where([data-mantine-color-scheme=light]) .m_26063560 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_26063560 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_26063560:where([data-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;
}
:where([data-mantine-color-scheme=light]) .m_26063560:disabled {
  background-color: var(--mantine-color-gray-2);
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_26063560:disabled {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-6);
}
[data-mantine-color-scheme=light] .m_26063560:disabled + .m_bf295423 {
  color: var(--mantine-color-gray-5);
}
[data-mantine-color-scheme=dark] .m_26063560:disabled + .m_bf295423 {
  color: var(--mantine-color-dark-3);
}
.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-color);
  opacity: 1;
  transform: none;
}
.m_bf295423 {
  position: absolute;
  inset: 0;
  width: 60%;
  margin: auto;
  color: var(--checkbox-icon-color);
  pointer-events: none;
  transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5);
  opacity: 0;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_11def92b {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);
  display: flex;
  padding-inline-start: var(--ag-spacing);
}
.m_f85678b6 {
  --avatar-size-xs: calc(1rem * var(--mantine-scale));
  --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
  --avatar-size-md: calc(2.375rem * var(--mantine-scale));
  --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
  --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
  --avatar-size: var(--avatar-size-md);
  --avatar-radius: calc(62.5rem * var(--mantine-scale));
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.m_f85678b6:where([data-within-group]) {
  margin-inline-start: var(--ag-offset);
  border: 2px solid var(--mantine-color-body);
  background: var(--mantine-color-body);
}
.m_11f8ac07 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.m_104cd71f {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}
.m_104cd71f > [data-avatar-placeholder-icon] {
  width: 70%;
  height: 70%;
}
.m_2ce0de02 {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;
  border: 0;
  text-decoration: none;
  border-radius: var(--bi-radius, 0);
}
.m_347db0ec {
  --badge-height-xs: calc(1rem * var(--mantine-scale));
  --badge-height-sm: calc(1.125rem * var(--mantine-scale));
  --badge-height-md: calc(1.25rem * var(--mantine-scale));
  --badge-height-lg: calc(1.625rem * var(--mantine-scale));
  --badge-height-xl: calc(2rem * var(--mantine-scale));
  --badge-fz-xs: calc(0.5625rem * var(--mantine-scale));
  --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
  --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
  --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
  --badge-fz-xl: calc(1rem * var(--mantine-scale));
  --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
  --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
  --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
  --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale));
  --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
  --badge-height: var(--badge-height-md);
  --badge-fz: var(--badge-fz-md);
  --badge-padding-x: var(--badge-padding-x-md);
  --badge-radius: calc(62.5rem * var(--mantine-scale));
  --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
  --badge-color: var(--mantine-color-white);
  --badge-bg: var(--mantine-primary-color-filled);
  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
  --badge-bd: var(--badge-border-width) solid transparent;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--badge-fz);
  border-radius: var(--badge-radius);
  height: var(--badge-height);
  line-height: var(--badge-lh);
  text-decoration: none;
  padding: 0 var(--badge-padding-x);
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--badge-color);
  background: var(--badge-bg);
  border: var(--badge-bd);
}
.m_347db0ec:where([data-with-left-section], [data-variant=dot]) {
  grid-template-columns: auto 1fr;
}
.m_347db0ec:where([data-with-right-section]) {
  grid-template-columns: 1fr auto;
}
.m_347db0ec:where([data-with-left-section][data-with-right-section], [data-variant=dot][data-with-right-section]) {
  grid-template-columns: auto 1fr auto;
}
.m_347db0ec:where([data-block]) {
  display: flex;
  width: 100%;
}
.m_347db0ec:where([data-circle]) {
  padding-inline: calc(0.125rem * var(--mantine-scale));
  display: flex;
  width: var(--badge-height);
}
.m_fbd81e3d {
  --badge-dot-size: calc(var(--badge-height) / 3.4);
}
:where([data-mantine-color-scheme=light]) .m_fbd81e3d {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_fbd81e3d {
  background-color: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_fbd81e3d::before {
  content: "";
  display: block;
  width: var(--badge-dot-size);
  height: var(--badge-dot-size);
  border-radius: var(--badge-dot-size);
  background-color: var(--badge-dot-color);
  margin-inline-end: var(--badge-dot-size);
}
.m_5add502a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  cursor: inherit;
}
.m_91fdda9b {
  --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}
.m_91fdda9b:where([data-position=left]) {
  margin-inline-end: var(--badge-section-margin);
}
.m_91fdda9b:where([data-position=right]) {
  margin-inline-start: var(--badge-section-margin);
}
.m_ddec01c0 {
  --blockquote-border: 3px solid var(--bq-bd);
  position: relative;
  margin: 0;
  border-inline-start: var(--blockquote-border);
  border-start-end-radius: var(--bq-radius);
  border-end-end-radius: var(--bq-radius);
  padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_ddec01c0 {
  background-color: var(--bq-bg-light);
}
:where([data-mantine-color-scheme=dark]) .m_ddec01c0 {
  background-color: var(--bq-bg-dark);
}
.m_dde7bd57 {
  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
  position: absolute;
  color: var(--bq-bd);
  background-color: var(--mantine-color-body);
  display: flex;
  align-items: center;
  justify-content: center;
  top: var(--blockquote-icon-offset);
  inset-inline-start: var(--blockquote-icon-offset);
  width: var(--bq-icon-size);
  height: var(--bq-icon-size);
  border-radius: var(--bq-icon-size);
}
.m_dde51a35 {
  display: block;
  margin-top: var(--mantine-spacing-md);
  opacity: 0.6;
  font-size: 85%;
}
.m_8b3717df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.m_f678d540 {
  line-height: 1;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.m_3b8f2208 {
  margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_3b8f2208 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_3b8f2208 {
  color: var(--mantine-color-dark-2);
}
.m_fea6bf1a {
  --burger-size-xs: calc(0.75rem * var(--mantine-scale));
  --burger-size-sm: calc(1.125rem * var(--mantine-scale));
  --burger-size-md: calc(1.5rem * var(--mantine-scale));
  --burger-size-lg: calc(2.125rem * var(--mantine-scale));
  --burger-size-xl: calc(2.625rem * var(--mantine-scale));
  --burger-size: var(--burger-size-md);
  --burger-line-size: calc(var(--burger-size) / 12);
  width: calc(var(--burger-size) + var(--mantine-spacing-xs));
  height: calc(var(--burger-size) + var(--mantine-spacing-xs));
  padding: calc(var(--mantine-spacing-xs) / 2);
  cursor: pointer;
}
:where([data-mantine-color-scheme=light]) .m_fea6bf1a {
  --burger-color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_fea6bf1a {
  --burger-color: var(--mantine-color-white);
}
.m_d4fb9cad {
  position: relative;
  user-select: none;
}
.m_d4fb9cad,
.m_d4fb9cad::before,
.m_d4fb9cad::after {
  display: block;
  width: var(--burger-size);
  height: var(--burger-line-size);
  background-color: var(--burger-color);
  outline: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transition-property: background-color, transform;
  transition-duration: var(--burger-transition-duration, 300ms);
  transition-timing-function: var(--burger-transition-timing-function, ease);
}
.m_d4fb9cad::before,
.m_d4fb9cad::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
}
.m_d4fb9cad::before {
  top: calc(var(--burger-size) / -3);
}
.m_d4fb9cad::after {
  top: calc(var(--burger-size) / 3);
}
.m_d4fb9cad[data-opened] {
  background-color: transparent;
}
.m_d4fb9cad[data-opened]::before {
  transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
}
.m_d4fb9cad[data-opened]::after {
  transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
}
.m_77c9d27d {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));
  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);
  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}
.m_77c9d27d:where([data-block]) {
  display: block;
  width: 100%;
}
.m_77c9d27d:where([data-with-left-section]) {
  padding-inline-start: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where([data-with-right-section]) {
  padding-inline-end: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  cursor: not-allowed;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  transform: none;
}
:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  color: var(--mantine-color-gray-5);
  background: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  color: var(--mantine-color-dark-3);
  background: var(--mantine-color-dark-6);
}
.m_77c9d27d::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: calc(-0.0625rem * var(--mantine-scale));
  border-radius: var(--button-radius, var(--mantine-radius-default));
  transform: translateY(-100%);
  opacity: 0;
  filter: blur(12px);
  transition: transform 150ms ease, opacity 100ms ease;
}
:where([data-mantine-color-scheme=light]) .m_77c9d27d::before {
  background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_77c9d27d::before {
  background-color: rgba(0, 0, 0, 0.15);
}
.m_77c9d27d:where([data-loading]) {
  cursor: not-allowed;
  transform: none;
}
.m_77c9d27d:where([data-loading])::before {
  transform: translateY(0);
  opacity: 1;
}
.m_77c9d27d:where([data-loading]) .m_80f1301b {
  opacity: 0;
  transform: translateY(100%);
}
@media (hover: hover) {
  .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
@media (hover: none) {
  .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
.m_80f1301b {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition: transform 150ms ease, opacity 100ms ease;
}
.m_811560b9 {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}
.m_811560b9:where([data-loading]) {
  opacity: 0.2;
}
.m_a74036a {
  display: flex;
  align-items: center;
}
.m_a74036a:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_a74036a:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_a25b86ee {
  position: absolute;
  left: 50%;
  top: 50%;
}
.m_80d6d844 {
  --button-border-width: calc(0.0625rem * var(--mantine-scale));
  display: flex;
}
.m_80d6d844 :where(.m_77c9d27d):focus {
  position: relative;
  z-index: 1;
}
.m_80d6d844[data-orientation=horizontal] {
  flex-direction: row;
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-inline-end-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-inline-start-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-inline-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] {
  flex-direction: column;
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
  border-top-width: calc(var(--button-border-width) / 2);
}
.m_70be2a01 {
  --section-height-xs: calc(1.875rem * var(--mantine-scale));
  --section-height-sm: calc(2.25rem * var(--mantine-scale));
  --section-height-md: calc(2.625rem * var(--mantine-scale));
  --section-height-lg: calc(3.125rem * var(--mantine-scale));
  --section-height-xl: calc(3.75rem * var(--mantine-scale));
  --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
  --section-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --section-padding-x-xl: calc(2rem * var(--mantine-scale));
  --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
  --section-height: var(--section-height-sm);
  --section-padding-x: var(--section-padding-x-sm);
  --section-color: var(--mantine-color-white);
  font-weight: 600;
  width: auto;
  border-radius: var(--section-radius, var(--mantine-radius-default));
  font-size: var(--section-fz, var(--mantine-font-size-sm));
  background: var(--section-bg, var(--mantine-primary-color-filled));
  border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--section-color, var(--mantine-color-white));
  height: var(--section-height, var(--section-height-sm));
  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
  vertical-align: middle;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m_e615b15f {
  --card-padding: var(--mantine-spacing-md);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  color: var(--mantine-color-text);
}
:where([data-mantine-color-scheme=light]) .m_e615b15f {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_e615b15f {
  background-color: var(--mantine-color-dark-6);
}
.m_599a2148 {
  display: block;
  margin-inline: calc(var(--card-padding) * -1);
}
.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-inline: var(--card-padding);
}
.m_599a2148:where([data-with-border]) {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_599a2148 {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_599a2148 {
  border-color: var(--mantine-color-dark-4);
}
.m_599a2148 + .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.625rem * 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.46875rem * var(--mantine-scale));
  --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
  --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
  --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));
  --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
  --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
  --chip-spacing-md: calc(1rem * var(--mantine-scale));
  --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));
  --chip-size: var(--chip-size-sm);
  --chip-icon-size: var(--chip-icon-size-sm);
  --chip-padding: var(--chip-padding-sm);
  --chip-spacing: var(--chip-spacing-sm);
  --chip-checked-padding: var(--chip-checked-padding-sm);
  --chip-bg: var(--mantine-primary-color-filled);
  --chip-hover: var(--mantine-primary-color-filled-hover);
  --chip-color: var(--mantine-color-white);
  --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
.m_be049a53 {
  display: inline-flex;
  align-items: center;
  user-select: none;
  border-radius: var(--chip-radius, 1000rem);
  height: var(--chip-size);
  font-size: var(--chip-fz, var(--mantine-font-size-sm));
  line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale)));
  padding-inline: var(--chip-padding);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}
.m_be049a53:where([data-checked]) {
  padding: var(--chip-checked-padding);
}
.m_be049a53:where([data-disabled]) {
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_be049a53:where([data-disabled]) {
  background-color: var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-5);
}
:where([data-mantine-color-scheme=dark]) .m_be049a53:where([data-disabled]) {
  background-color: var(--mantine-color-dark-6);
  color: var(--mantine-color-dark-3);
}
:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]) {
  background-color: var(--mantine-color-white);
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]) {
  background-color: var(--mantine-color-dark-6);
  border: 1px solid var(--mantine-color-dark-4);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):hover {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):active {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_3904c1af:not([data-disabled]):where([data-checked]) {
  --chip-icon-color: var(--chip-color);
  border: var(--chip-bd);
}
@media (hover: hover) {
  .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
    background-color: var(--chip-hover);
  }
}
@media (hover: none) {
  .m_3904c1af:not([data-disabled]):where([data-checked]):active {
    background-color: var(--chip-hover);
  }
}
.m_fa109255:not([data-disabled]),
.m_f7e165c3:not([data-disabled]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  color: var(--mantine-color-text);
}
:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]),
:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]) {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]),
:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]) {
  background-color: var(--mantine-color-dark-5);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover,
  :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover {
    background-color: var(--mantine-color-gray-2);
  }
  :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover,
  :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover {
    background-color: var(--mantine-color-dark-4);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active,
  :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active {
    background-color: var(--mantine-color-gray-2);
  }
  :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active,
  :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active {
    background-color: var(--mantine-color-dark-4);
  }
}
.m_fa109255:not([data-disabled]):where([data-checked]),
.m_f7e165c3:not([data-disabled]):where([data-checked]) {
  --chip-icon-color: var(--chip-color);
  color: var(--chip-color);
  background-color: var(--chip-bg);
}
@media (hover: hover) {
  .m_fa109255:not([data-disabled]):where([data-checked]):hover,
  .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
    background-color: var(--chip-hover);
  }
}
@media (hover: none) {
  .m_fa109255:not([data-disabled]):where([data-checked]):active,
  .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
    background-color: var(--chip-hover);
  }
}
.m_9ac86df9 {
  width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
  height: var(--chip-icon-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.m_d6d72580 {
  width: var(--chip-icon-size);
  height: var(--chip-icon-size);
  display: block;
  color: var(--chip-icon-color, inherit);
}
.m_bde07329 {
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
}
.m_bde07329:focus-visible + .m_be049a53 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_b183c0a2 {
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  padding: 2px calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  font-size: var(--mantine-font-size-xs);
  margin: 0;
  overflow: auto;
}
:where([data-mantine-color-scheme=light]) .m_b183c0a2 {
  background-color: var(--code-bg, var(--mantine-color-gray-1));
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
  background-color: var(--code-bg, var(--mantine-color-dark-5));
  color: var(--mantine-color-white);
}
.m_b183c0a2[data-block] {
  padding: var(--mantine-spacing-xs);
}
.m_de3d2490 {
  --cs-size: calc(1.75rem * var(--mantine-scale));
  --cs-radius: calc(62.5rem * var(--mantine-scale));
  -webkit-tap-highlight-color: transparent;
  border: none;
  appearance: none;
  display: block;
  line-height: 1;
  position: relative;
  width: var(--cs-size);
  height: var(--cs-size);
  min-width: var(--cs-size);
  min-height: var(--cs-size);
  border-radius: var(--cs-radius);
  color: inherit;
  text-decoration: none;
}
[data-mantine-color-scheme=light] .m_de3d2490 {
  --alpha-overlay-color: var(--mantine-color-gray-3);
  --alpha-overlay-bg: var(--mantine-color-white);
}
[data-mantine-color-scheme=dark] .m_de3d2490 {
  --alpha-overlay-color: var(--mantine-color-dark-4);
  --alpha-overlay-bg: var(--mantine-color-dark-7);
}
.m_862f3d1b {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
}
.m_98ae7f22 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset, rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
}
.m_95709ac0 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
  background-position:
    0 0,
    0 calc(0.25rem * var(--mantine-scale)),
    calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
    calc(-0.25rem * var(--mantine-scale)) 0;
  background-image:
    linear-gradient(
      45deg,
      var(--alpha-overlay-color) 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      var(--alpha-overlay-color) 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      var(--alpha-overlay-color) 75%),
    linear-gradient(
      -45deg,
      var(--alpha-overlay-bg) 75%,
      var(--alpha-overlay-color) 75%);
}
.m_93e74e3 {
  position: absolute;
  inset: 0;
  border-radius: var(--cs-radius);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_fee9c77 {
  --cp-width-xs: calc(11.25rem * var(--mantine-scale));
  --cp-width-sm: calc(12.5rem * var(--mantine-scale));
  --cp-width-md: calc(15rem * var(--mantine-scale));
  --cp-width-lg: calc(17.5rem * var(--mantine-scale));
  --cp-width-xl: calc(20rem * var(--mantine-scale));
  --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
  --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
  --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
  --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
  --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
  --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
  --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
  --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
  --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
  --cp-preview-size: var(--cp-preview-size-sm);
  --cp-thumb-size: var(--cp-thumb-size-sm);
  --cp-saturation-height: var(--cp-saturation-height-sm);
  --cp-width: var(--cp-width-sm);
  --cp-body-spacing: var(--mantine-spacing-sm);
  width: var(--cp-width);
  padding: calc(0.0625rem * var(--mantine-scale));
}
.m_fee9c77:where([data-full-width]) {
  width: 100%;
}
.m_9dddfbac {
  width: var(--cp-preview-size);
  height: var(--cp-preview-size);
}
.m_bffecc3e {
  display: flex;
  padding-top: calc(var(--cp-body-spacing) / 2);
}
.m_3283bb96 {
  flex: 1;
}
.m_3283bb96:not(:only-child) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_40d572ba {
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid var(--mantine-color-white);
  width: var(--cp-thumb-size);
  height: var(--cp-thumb-size);
  border-radius: var(--cp-thumb-size);
  left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
  top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
}
.m_d8ee6fd8 {
  height: unset !important;
  width: unset !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: calc(0.125rem * var(--mantine-scale));
  cursor: pointer;
  padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
  flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
}
.m_5711e686 {
  margin-top: calc(0.3125rem * var(--mantine-scale));
  margin-inline: calc(-0.125rem * var(--mantine-scale));
  display: flex;
  flex-wrap: wrap;
}
.m_202a296e {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  -webkit-tap-highlight-color: transparent;
  position: relative;
  height: var(--cp-saturation-height);
  border-radius: var(--mantine-radius-sm);
  margin: calc(var(--cp-thumb-size) / 2);
}
.m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_11b3db02 {
  position: absolute;
  border-radius: var(--mantine-radius-sm);
  inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
}
.m_d856d47d {
  --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
  --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
  --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
  --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
  --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
  --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale)));
  position: relative;
  height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale)));
  margin-inline: calc(var(--cp-thumb-size) / 2);
  outline: none;
}
.m_d856d47d + .m_d856d47d {
  margin-top: calc(0.375rem * var(--mantine-scale));
}
.m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba {
  outline: 2px solid var(--mantine-color-blue-filled);
}
:where([data-mantine-color-scheme=light]) .m_d856d47d {
  --slider-checkers: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d856d47d {
  --slider-checkers: var(--mantine-color-dark-4);
}
.m_8f327113 {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-radius: 10000rem;
}
.m_b077c2bc {
  --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
  --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm);
}
.m_c5ccdcab {
  --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
  --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
  --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
  --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
  --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
  --ci-preview-size: var(--ci-preview-size-sm);
}
.m_5ece2cd7 {
  padding: calc(0.5rem * var(--mantine-scale));
}
.m_7485cace {
  --container-size-xs: calc(33.75rem * var(--mantine-scale));
  --container-size-sm: calc(45rem * var(--mantine-scale));
  --container-size-md: calc(60rem * var(--mantine-scale));
  --container-size-lg: calc(71.25rem * var(--mantine-scale));
  --container-size-xl: calc(82.5rem * var(--mantine-scale));
  --container-size: var(--container-size-md);
  max-width: var(--container-size);
  padding-inline: var(--mantine-spacing-md);
  margin-inline: auto;
}
.m_7485cace:where([data-fluid]) {
  max-width: 100%;
}
.m_e2125a27 {
  --dialog-size-xs: calc(10rem * var(--mantine-scale));
  --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
  --dialog-size-md: calc(21.25rem * var(--mantine-scale));
  --dialog-size-lg: calc(25rem * var(--mantine-scale));
  --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
  --dialog-size: var(--dialog-size-md);
  position: relative;
  width: var(--dialog-size);
  max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
  min-height: calc(3.125rem * var(--mantine-scale));
}
.m_5abab665 {
  position: absolute;
  top: calc(var(--mantine-spacing-md) / 2);
  inset-inline-end: calc(var(--mantine-spacing-md) / 2);
}
.m_3eebeb36 {
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
  --divider-size-md: calc(0.1875rem * var(--mantine-scale));
  --divider-size-lg: calc(0.25rem * var(--mantine-scale));
  --divider-size-xl: calc(0.3125rem * var(--mantine-scale));
  --divider-size: var(--divider-size-xs);
}
:where([data-mantine-color-scheme=light]) .m_3eebeb36 {
  --divider-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_3eebeb36 {
  --divider-color: var(--mantine-color-dark-4);
}
.m_3eebeb36:where([data-orientation=horizontal]) {
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
}
.m_3eebeb36:where([data-orientation=vertical]) {
  border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  height: auto;
  align-self: stretch;
}
.m_3eebeb36:where([data-with-label]) {
  border: 0;
}
.m_9e365f20 {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-dimmed);
  white-space: nowrap;
}
.m_9e365f20:where([data-position=left])::before {
  display: none;
}
.m_9e365f20:where([data-position=right])::after {
  display: none;
}
.m_9e365f20::before {
  content: "";
  flex: 1;
  height: calc(0.0625rem * var(--mantine-scale));
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_9e365f20::after {
  content: "";
  flex: 1;
  height: calc(0.0625rem * var(--mantine-scale));
  border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_f11b401e {
  --drawer-size-xs: calc(20rem * var(--mantine-scale));
  --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
  --drawer-size-md: calc(27.5rem * var(--mantine-scale));
  --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
  --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
  --drawer-size: var(--drawer-size-md);
  --drawer-offset: 0rem;
}
.m_5a7c2c9 {
  z-index: 1000;
}
.m_b8a05bbd {
  flex: var(--drawer-flex, 0 0 var(--drawer-size));
  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
  margin: var(--drawer-offset);
  max-width: calc(100% - var(--drawer-offset) * 2);
  max-height: calc(100% - var(--drawer-offset) * 2);
  overflow-y: auto;
}
.m_b8a05bbd[data-hidden] {
  opacity: 0 !important;
  pointer-events: none;
}
.m_31cd769a {
  display: flex;
  justify-content: var(--drawer-justify, flex-start);
  align-items: var(--drawer-align, flex-start);
}
.m_e9408a47 {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}
.m_84c9523a {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_84c9523a {
  border-color: var(--mantine-color-gray-3);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_84c9523a {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-7);
}
.m_ef274e49 {
  border: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_ef274e49 {
  border-color: var(--mantine-color-gray-3);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_ef274e49 {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
.m_eda993d3 {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.m_90794832 {
  font-size: var(--mantine-font-size-sm);
}
.m_74ca27fe {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}
.m_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: 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: var(--col-flex-grow);
  margin-inline-start: var(--col-offset);
  padding: var(--grid-col-padding);
}
.m_bcb3f3c2 {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=light]) .m_bcb3f3c2 {
  background-color: var(--mark-bg-light);
}
:where([data-mantine-color-scheme=dark]) .m_bcb3f3c2 {
  background-color: var(--mark-bg-dark);
}
.m_9e117634 {
  display: block;
  flex: 0;
  object-fit: var(--image-object-fit, cover);
  width: 100%;
  border-radius: var(--image-radius, 0);
}
@keyframes m_885901b1 {
  0% {
    opacity: 0.6;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}
.m_e5262200 {
  --indicator-size: calc(0.625rem * var(--mantine-scale));
  --indicator-color: var(--mantine-primary-color-filled);
  position: relative;
  display: block;
}
.m_e5262200:where([data-inline]) {
  display: inline-block;
}
.m_760d1fb1 {
  position: absolute;
  top: var(--indicator-top);
  left: var(--indicator-left);
  right: var(--indicator-right);
  bottom: var(--indicator-bottom);
  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
  min-width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: var(--indicator-z-index, 200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mantine-font-size-xs);
  background-color: var(--indicator-color);
  color: var(--indicator-text-color, var(--mantine-color-white));
  white-space: nowrap;
}
.m_760d1fb1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--indicator-color);
  border-radius: var(--indicator-radius, 1000rem);
  z-index: -1;
}
.m_760d1fb1:where([data-with-label]) {
  padding-inline: calc(var(--mantine-spacing-xs) / 2);
}
.m_760d1fb1:where([data-with-border]) {
  border: 2px solid var(--mantine-color-body);
}
.m_760d1fb1[data-processing]::before {
  animation: m_885901b1 1000ms linear infinite;
}
.m_dc6f14e2 {
  --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
  --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
  --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
  --kbd-fz-lg: calc(1rem * var(--mantine-scale));
  --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
  --kbd-fz: var(--kbd-fz-sm);
  --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
  --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
  --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
  --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --kbd-padding: var(--kbd-padding-sm);
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  padding: var(--kbd-padding);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
  unicode-bidi: embed;
}
:where([data-mantine-color-scheme=light]) .m_dc6f14e2 {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_dc6f14e2 {
  border-color: var(--mantine-color-dark-4);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-6);
}
.m_abbac491 {
  --list-fz: var(--mantine-font-size-md);
  --list-lh: var(--mantine-line-height-md);
  list-style-position: inside;
  font-size: var(--list-fz);
  line-height: var(--list-lh);
  margin: 0;
  padding: 0;
}
.m_abbac491:where([data-with-padding]) {
  padding-inline-start: var(--mantine-spacing-md);
}
.m_abb6bec2 {
  white-space: nowrap;
  line-height: var(--list-lh);
}
.m_abb6bec2:where([data-with-icon]) {
  list-style: none;
}
.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
  --li-direction: row;
  --li-align: center;
}
.m_abb6bec2:where(:not(:first-of-type)) {
  margin-top: var(--list-spacing, 0);
}
.m_abb6bec2:where([data-centered]) {
  line-height: 1;
}
.m_75cd9f71 {
  display: inline-flex;
  flex-direction: var(--li-direction, column);
  align-items: var(--li-align, flex-start);
  white-space: normal;
}
.m_60f83e5b {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_6e45937b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: var(--lo-z-index);
}
.m_e8eb006c {
  position: relative;
  z-index: calc(var(--lo-z-index) + 1);
}
.m_df587f17 {
  z-index: var(--lo-z-index);
}
.m_dc9b7c9f {
  padding: calc(0.25rem * var(--mantine-scale));
}
.m_9bfac126 {
  color: var(--mantine-color-dimmed);
  font-weight: 500;
  font-size: var(--mantine-font-size-xs);
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
  cursor: default;
}
.m_efdf90cb {
  margin-top: calc(0.25rem * var(--mantine-scale));
  margin-bottom: calc(0.25rem * var(--mantine-scale));
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_efdf90cb {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_efdf90cb {
  border-color: var(--mantine-color-dark-4);
}
.m_99ac2aa1 {
  font-size: var(--mantine-font-size-sm);
  width: 100%;
  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
  color: var(--menu-item-color, var(--mantine-color-text));
  display: flex;
  align-items: center;
  user-select: none;
}
.m_99ac2aa1:where([data-disabled], :disabled) {
  color: var(--mantine-color-dimmed);
  opacity: 0.6;
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-gray-1));
}
:where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled, [data-disabled])) {
  background-color: var(--menu-item-hover, var(--mantine-color-dark-4));
}
.m_5476e0d3 {
  flex: 1;
}
.m_8b75e504 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_8b75e504:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_8b75e504:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.m_9df02822 {
  --modal-size-xs: calc(20rem * var(--mantine-scale));
  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
  --modal-size-md: calc(27.5rem * var(--mantine-scale));
  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
  --modal-size: var(--modal-size-md);
  --modal-y-offset: 5dvh;
  --modal-x-offset: 5vw;
}
.m_9df02822[data-full-screen] {
  --modal-border-radius: 0 !important;
}
.m_9df02822[data-full-screen] .m_54c44539 {
  --modal-content-flex: 0 0 100%;
  --modal-content-max-height: auto;
  --modal-content-height: 100dvh;
}
.m_9df02822[data-full-screen] .m_1f958f16 {
  --modal-inner-y-offset: 0;
  --modal-inner-x-offset: 0;
}
.m_9df02822[data-centered] .m_1f958f16 {
  --modal-inner-align: center;
}
.m_d0e2b9cd {
  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
}
.m_54c44539 {
  flex: var(--modal-content-flex, 0 0 var(--modal-size));
  max-width: 100%;
  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
  height: var(--modal-content-height, auto);
  overflow-y: auto;
}
.m_54c44539[data-full-screen] {
  border-radius: 0;
}
.m_54c44539[data-hidden] {
  opacity: 0 !important;
  pointer-events: none;
}
.m_1f958f16 {
  display: flex;
  justify-content: center;
  align-items: var(--modal-inner-align, flex-start);
  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
}
.m_7cda1cd6 {
  --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
  --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
  --pill-fz-md: calc(0.875rem * var(--mantine-scale));
  --pill-fz-lg: calc(1rem * var(--mantine-scale));
  --pill-fz-xl: calc(1.125rem * var(--mantine-scale));
  --pill-height-xs: calc(1.125rem * var(--mantine-scale));
  --pill-height-sm: calc(1.375rem * var(--mantine-scale));
  --pill-height-md: calc(1.5625rem * var(--mantine-scale));
  --pill-height-lg: calc(1.75rem * var(--mantine-scale));
  --pill-height-xl: calc(2rem * var(--mantine-scale));
  --pill-fz: var(--pill-fz-sm);
  --pill-height: var(--pill-height-sm);
  font-size: var(--pill-fz);
  flex: 0;
  height: var(--pill-height);
  padding-inline: 0.8em;
  display: inline-flex;
  align-items: center;
  border-radius: var(--pill-radius, 1000rem);
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  max-width: 100%;
}
:where([data-mantine-color-scheme=dark]) .m_7cda1cd6 {
  background-color: var(--mantine-color-dark-7);
  color: var(--mantine-color-dark-0);
}
:where([data-mantine-color-scheme=light]) .m_7cda1cd6 {
  color: var(--mantine-color-black);
}
.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
  padding-inline-end: 0;
}
.m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_44da308b {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=light]) .m_44da308b:where([data-disabled], :has(button:disabled)) {
  background-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=light]) .m_e3a01f8 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=light]) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
  background-color: var(--mantine-color-gray-3);
}
.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: unset;
  min-width: 2em;
  width: unset;
  border-radius: 0;
  padding-inline-start: 0.1em;
  padding-inline-end: 0.3em;
  flex: 0;
  border-end-end-radius: var(--pill-radius, 50%);
  border-start-end-radius: var(--pill-radius, 50%);
}
.m_7cda1cd6[data-disabled] > .m_ae386778,
.m_ae386778:disabled {
  display: none;
  background-color: transparent;
  width: 0.8em;
  min-width: 0.8em;
  padding: 0;
  cursor: not-allowed;
}
.m_7cda1cd6[data-disabled] > .m_ae386778 > svg,
.m_ae386778:disabled > svg {
  display: none;
}
.m_ae386778 > svg {
  pointer-events: none;
}
.m_1dcfd90b {
  --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
  --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
  --pg-gap-md: calc(0.625rem * var(--mantine-scale));
  --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
  --pg-gap-xl: calc(0.75rem * var(--mantine-scale));
  --pg-gap: var(--pg-gap-sm);
  display: flex;
  align-items: center;
  gap: var(--pg-gap);
  flex-wrap: wrap;
}
.m_45c4369d {
  background-color: transparent;
  appearance: none;
  min-width: calc(6.25rem * var(--mantine-scale));
  flex: 1;
  border: 0;
  font-size: inherit;
  height: 1.6em;
  color: inherit;
  padding: 0;
}
.m_45c4369d::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_45c4369d:where([data-type=hidden], [data-type=auto]) {
  height: calc(0.0625rem * var(--mantine-scale));
  width: calc(0.0625rem * var(--mantine-scale));
  top: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  opacity: 0;
}
.m_45c4369d:focus {
  outline: none;
}
.m_45c4369d:where([data-type=auto]:focus) {
  height: 1.6em;
  visibility: visible;
  opacity: 1;
  position: static;
}
.m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
  cursor: pointer;
}
.m_45c4369d:where([data-disabled], :disabled) {
  cursor: not-allowed;
}
.m_f0824112 {
  --nl-bg: var(--mantine-primary-color-light);
  --nl-hover: var(--mantine-primary-color-light-hover);
  --nl-color: var(--mantine-primary-color-light-color);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px var(--mantine-spacing-sm);
  user-select: none;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_f0824112:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_f0824112:hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_f0824112:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_f0824112:active {
    background-color: var(--mantine-color-dark-6);
  }
}
.m_f0824112:where([data-disabled]) {
  opacity: 0.4;
  pointer-events: none;
}
.m_f0824112:where([data-active], [aria-current=page]) {
  background-color: var(--nl-bg);
  color: var(--nl-color);
}
@media (hover: hover) {
  .m_f0824112:where([data-active], [aria-current=page]):hover {
    background-color: var(--nl-hover);
  }
}
@media (hover: none) {
  .m_f0824112:where([data-active], [aria-current=page]):active {
    background-color: var(--nl-hover);
  }
}
.m_f0824112:where([data-active], [aria-current=page]) .m_57492dcc {
  --description-opacity: 0.9;
  --description-color: var(--nl-color);
}
.m_690090b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 150ms ease;
}
.m_690090b5 > svg {
  display: block;
}
.m_690090b5:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-rotate]) {
  transform: rotate(90deg);
}
.m_1f6ac4c4 {
  font-size: var(--mantine-font-size-sm);
}
.m_f07af9d2 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m_f07af9d2:where([data-no-wrap]) {
  white-space: nowrap;
}
.m_57492dcc {
  display: block;
  font-size: var(--mantine-font-size-xs);
  opacity: var(--description-opacity, 1);
  color: var(--description-color, var(--mantine-color-dimmed));
  overflow: hidden;
  text-overflow: ellipsis;
}
:where([data-no-wrap]) .m_57492dcc {
  white-space: nowrap;
}
.m_e17b862f {
  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
}
.m_1fd8a00b {
  transform: rotate(-90deg);
}
.m_a513464 {
  --notification-radius: var(--mantine-radius-default);
  --notification-color: var(--mantine-primary-color-filled);
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: calc(1.375rem * var(--mantine-scale));
  padding-inline-end: var(--mantine-spacing-xs);
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  border-radius: var(--notification-radius);
  box-shadow: var(--mantine-shadow-lg);
}
.m_a513464::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.375rem * var(--mantine-scale));
  top: var(--notification-radius);
  bottom: var(--notification-radius);
  inset-inline-start: calc(0.25rem * var(--mantine-scale));
  border-radius: var(--notification-radius);
  background-color: var(--notification-color);
}
:where([data-mantine-color-scheme=light]) .m_a513464 {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_a513464 {
  background-color: var(--mantine-color-dark-6);
}
.m_a513464:where([data-with-icon]) {
  padding-inline-start: var(--mantine-spacing-xs);
}
.m_a513464:where([data-with-icon])::before {
  display: none;
}
:where([data-mantine-color-scheme=light]) .m_a513464:where([data-with-border]) {
  border: 1px solid var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_a513464:where([data-with-border]) {
  border: 1px solid var(--mantine-color-dark-4);
}
.m_a4ceffb {
  box-sizing: border-box;
  margin-inline-end: var(--mantine-spacing-md);
  width: calc(1.75rem * var(--mantine-scale));
  height: calc(1.75rem * var(--mantine-scale));
  border-radius: calc(1.75rem * var(--mantine-scale));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--notification-color);
  color: var(--mantine-color-white);
}
.m_b0920b15 {
  margin-inline-end: var(--mantine-spacing-md);
}
.m_a49ed24 {
  flex: 1;
  overflow: hidden;
  margin-inline-end: var(--mantine-spacing-xs);
}
.m_3feedf16 {
  margin-bottom: calc(0.125rem * var(--mantine-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  font-weight: 500;
}
:where([data-mantine-color-scheme=light]) .m_3feedf16 {
  color: var(--mantine-color-gray-9);
}
:where([data-mantine-color-scheme=dark]) .m_3feedf16 {
  color: var(--mantine-color-white);
}
.m_3d733a3a {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--mantine-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
}
:where([data-mantine-color-scheme=light]) .m_3d733a3a {
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_3d733a3a {
  color: var(--mantine-color-dark-0);
}
:where([data-mantine-color-scheme=light]) .m_3d733a3a:where([data-with-title]) {
  color: var(--mantine-color-gray-6);
}
:where([data-mantine-color-scheme=dark]) .m_3d733a3a:where([data-with-title]) {
  color: var(--mantine-color-dark-2);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_919a4d88:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_919a4d88:hover {
    background-color: var(--mantine-color-dark-8);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_919a4d88:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_919a4d88:active {
    background-color: var(--mantine-color-dark-8);
  }
}
.m_e2f5cd4e {
  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
}
.m_95e17d22 {
  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
  --ni-chevron-size: var(--ni-chevron-size-sm);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  max-width: calc(var(--ni-chevron-size) * 1.7);
  margin-inline-start: auto;
}
.m_80b4b171 {
  --control-border: 1px solid var(--input-bd);
  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
  flex: 0 0 50%;
  width: 100%;
  padding: 0;
  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
  border-inline-start: var(--control-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
  background-color: transparent;
  cursor: pointer;
}
.m_80b4b171:where(:disabled) {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
}
:where([data-mantine-color-scheme=light]) .m_80b4b171:where(:disabled) {
  color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_80b4b171:where(:disabled) {
  color: var(--mantine-color-dark-3);
}
.m_e2f5cd4e[data-error] :where(.m_80b4b171) {
  color: var(--mantine-color-error);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_80b4b171:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_80b4b171:hover {
    background-color: var(--mantine-color-dark-4);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_80b4b171:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .m_80b4b171:active {
    background-color: var(--mantine-color-dark-4);
  }
}
.m_80b4b171:where(:first-of-type) {
  border-radius: 0;
  border-start-end-radius: var(--control-radius);
}
.m_80b4b171:last-of-type {
  border-radius: 0;
  border-end-end-radius: var(--control-radius);
}
.m_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 * var(--mantine-scale)) solid;
  cursor: pointer;
  color: var(--mantine-color-text);
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  font-size: var(--pagination-control-fz);
  line-height: 1;
  border-radius: var(--pagination-control-radius, var(--mantine-radius-default));
}
.m_326d024a:where([data-with-padding]) {
  padding: calc(var(--pagination-control-size) / 4);
}
.m_326d024a:where(:disabled, [data-disabled]) {
  cursor: not-allowed;
  opacity: 0.4;
}
:where([data-mantine-color-scheme=light]) .m_326d024a {
  border-color: var(--mantine-color-gray-4);
  background-color: var(--mantine-color-white);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
}
:where([data-mantine-color-scheme=dark]) .m_326d024a {
  border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=dark]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=dark]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_326d024a:where([data-active]) {
  background-color: var(--pagination-active-bg);
  border-color: var(--pagination-active-bg);
  color: var(--pagination-active-color, var(--mantine-color-white));
}
@media (hover: hover) {
  .m_326d024a:where([data-active]):hover {
    background-color: var(--pagination-active-bg);
  }
}
@media (hover: none) {
  .m_326d024a:where([data-active]):active {
    background-color: var(--pagination-active-bg);
  }
}
.m_4ad7767d {
  height: var(--pagination-control-size);
  min-width: var(--pagination-control-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.m_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: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}
.m_ccf8da4c[data-disabled] .m_f2d85dd2,
.m_f2d85dd2:disabled {
  cursor: not-allowed;
}
.m_f2d85dd2::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.m_f2d85dd2::-ms-reveal {
  display: none;
}
.m_b1072d44 {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}
.m_b1072d44:disabled {
  display: none;
}
.m_f1cb205a {
  --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
  --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
  --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
  --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
  --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
  --pin-input-size: var(--pin-input-size-sm);
}
.m_cb288ead {
  width: var(--pin-input-size);
  height: var(--pin-input-size);
}
@keyframes m_81a374bd {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(2.5rem * var(--mantine-scale)) 0;
  }
}
.m_db6d6462 {
  --progress-radius: var(--mantine-radius-default);
  --progress-size: var(--progress-size-md);
  --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
  --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
  --progress-size-md: calc(0.5rem * var(--mantine-scale));
  --progress-size-lg: calc(0.75rem * var(--mantine-scale));
  --progress-size-xl: calc(1rem * var(--mantine-scale));
  position: relative;
  height: var(--progress-size);
  border-radius: var(--progress-radius);
  overflow: hidden;
  display: flex;
}
:where([data-mantine-color-scheme=light]) .m_db6d6462 {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_db6d6462 {
  background-color: var(--mantine-color-dark-4);
}
.m_2242eb65 {
  background-color: var(--progress-section-color);
  height: 100%;
  width: var(--progress-section-width);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  transition: width var(--progress-transition-duration, 100ms) ease;
}
.m_2242eb65:where([data-striped]) {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.m_2242eb65:where([data-animated]) {
  animation: m_81a374bd 1s linear infinite;
}
.m_2242eb65:where(:last-of-type) {
  border-radius: 0;
  border-start-end-radius: var(--progress-radius);
  border-end-end-radius: var(--progress-radius);
}
.m_2242eb65:where(:first-of-type) {
  border-radius: 0;
  border-start-start-radius: var(--progress-radius);
  border-end-start-radius: var(--progress-radius);
}
.m_91e40b74 {
  color: var(--progress-label-color, var(--mantine-color-white));
  font-weight: bold;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale)));
  line-height: 1;
  padding-inline: calc(0.25rem * var(--mantine-scale));
}
.m_9dc8ae12 {
  --card-radius: var(--mantine-radius-default);
  display: block;
  width: 100%;
  border-radius: var(--card-radius);
  cursor: pointer;
}
.m_9dc8ae12 :where(*) {
  cursor: inherit;
}
.m_9dc8ae12:where([data-with-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_9dc8ae12:where([data-with-border]) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_9dc8ae12:where([data-with-border]) {
  border-color: var(--mantine-color-dark-4);
}
.m_717d7ff6 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-size: var(--radio-size-sm);
  --radio-color: var(--mantine-primary-color-filled);
  --radio-icon-color: var(--mantine-color-white);
  position: relative;
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  width: var(--radio-size);
  min-width: var(--radio-size);
  height: var(--radio-size);
  min-height: var(--radio-size);
  border-radius: var(--radio-radius, 10000px);
  transition: border-color 100ms ease, background-color 100ms ease;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_717d7ff6 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_717d7ff6 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_717d7ff6[data-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;
}
:where([data-mantine-color-scheme=light]) .m_717d7ff6[data-disabled] {
  background-color: var(--mantine-color-gray-2);
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_717d7ff6[data-disabled] {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-6);
}
[data-mantine-color-scheme=light] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
  color: var(--mantine-color-gray-5);
}
[data-mantine-color-scheme=dark] .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 {
  color: var(--mantine-color-dark-3);
}
.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 * var(--mantine-scale))) scale(0.5);
  opacity: 1;
  transition: transform 100ms ease, opacity 100ms ease;
}
.m_f3f1af94 {
  --radio-size-xs: calc(1rem * var(--mantine-scale));
  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
  --radio-size-md: calc(1.5rem * var(--mantine-scale));
  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
  --radio-size: var(--radio-size-sm);
  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
  --radio-icon-size: var(--radio-icon-size-sm);
  --radio-icon-color: var(--mantine-color-white);
}
.m_89c4f5e4 {
  position: relative;
  width: var(--radio-size);
  height: var(--radio-size);
  order: 1;
}
.m_89c4f5e4:where([data-label-position=left]) {
  order: 2;
}
.m_f3ed6b2b {
  color: var(--radio-icon-color);
  opacity: var(--radio-icon-opacity, 0);
  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 * var(--mantine-scale)) solid;
  position: relative;
  appearance: none;
  width: var(--radio-size);
  height: var(--radio-size);
  border-radius: var(--radio-radius, var(--radio-size));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color;
  transition-timing-function: ease;
  transition-duration: 100ms;
  cursor: var(--mantine-cursor-type);
  -webkit-tap-highlight-color: transparent;
}
:where([data-mantine-color-scheme=light]) .m_8a3dbb89 {
  background-color: var(--mantine-color-white);
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_8a3dbb89 {
  background-color: var(--mantine-color-dark-6);
  border-color: var(--mantine-color-dark-4);
}
.m_8a3dbb89:checked {
  background-color: var(--radio-color, var(--mantine-primary-color-filled));
  border-color: var(--radio-color, var(--mantine-primary-color-filled));
}
.m_8a3dbb89:checked + .m_f3ed6b2b {
  --radio-icon-opacity: 1;
  --radio-icon-transform: scale(1);
}
.m_8a3dbb89:disabled {
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled {
  background-color: var(--mantine-color-gray-1);
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled + .m_f3ed6b2b {
  --radio-icon-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled {
  background-color: var(--mantine-color-dark-5);
  border-color: var(--mantine-color-dark-4);
}
:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled + .m_f3ed6b2b {
  --radio-icon-color: var(--mantine-color-dark-7);
}
.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: max-content;
}
.m_f8d312f2:where(:has(input:disabled)) {
  pointer-events: none;
}
.m_61734bb7 {
  position: relative;
  transition: transform 100ms ease;
}
.m_61734bb7:where([data-active]) {
  z-index: 1;
  transform: scale(1.1);
}
.m_5662a89a {
  width: var(--rating-size);
  height: var(--rating-size);
  display: block;
}
:where([data-mantine-color-scheme=light]) .m_5662a89a {
  fill: var(--mantine-color-gray-3);
  stroke: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_5662a89a {
  fill: var(--mantine-color-dark-3);
  stroke: var(--mantine-color-dark-3);
}
.m_5662a89a:where([data-filled]) {
  fill: var(--rating-color);
  stroke: var(--rating-color);
}
.m_211007ba {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
}
.m_211007ba:focus-visible + label {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_21342ee4 {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rating-item-z-index, 0);
  -webkit-tap-highlight-color: transparent;
}
.m_21342ee4:where([data-read-only]) {
  cursor: default;
}
.m_21342ee4:where(:last-of-type) {
  position: relative;
}
.m_fae05d6a {
  clip-path: var(--rating-symbol-clip-path);
}
.m_1b3c8819 {
  --tooltip-radius: var(--mantine-radius-default);
  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}
:where([data-mantine-color-scheme=light]) .m_1b3c8819 {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
  color: var(--tooltip-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_1b3c8819 {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
  color: var(--tooltip-color, var(--mantine-color-black));
}
.m_1b3c8819:where([data-multiline]) {
  white-space: normal;
}
.m_1b3c8819:where([data-fixed]) {
  position: fixed;
}
.m_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%);
  inset-inline: var(--rp-label-offset);
}
.m_cf365364 {
  --sc-padding-xs: calc(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
  --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
  --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
  --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
  --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
  --sc-transition-duration: 200ms;
  --sc-padding: var(--sc-padding-sm);
  --sc-transition-timing-function: ease;
  --sc-font-size: var(--mantine-font-size-sm);
  position: relative;
  display: inline-flex;
  flex-direction: row;
  width: auto;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
  overflow: hidden;
  padding: calc(0.25rem * var(--mantine-scale));
}
.m_cf365364:where([data-full-width]) {
  display: flex;
}
.m_cf365364:where([data-orientation=vertical]) {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.m_cf365364:where([data-orientation=vertical]):where([data-full-width]) {
  width: auto;
}
:where([data-mantine-color-scheme=light]) .m_cf365364 {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_cf365364 {
  background-color: var(--mantine-color-dark-8);
}
.m_9e182ccd {
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}
:where([data-mantine-color-scheme=light]) .m_9e182ccd {
  box-shadow: var(--sc-shadow, none);
  background-color: var(--sc-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_9e182ccd {
  box-shadow: none;
  background-color: var(--sc-color, var(--mantine-color-dark-5));
}
.m_1738fcb2 {
  -webkit-tap-highlight-color: transparent;
  font-weight: 500;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  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: var(--segmented-control-outline, none);
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2 {
  color: var(--mantine-color-dark-1);
}
.m_1738fcb2:where([data-read-only]) {
  cursor: default;
}
fieldset:disabled .m_1738fcb2,
.m_1738fcb2:where([data-disabled]) {
  cursor: not-allowed;
}
:where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2,
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-disabled]) {
  color: var(--mantine-color-gray-5);
}
:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2,
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-disabled]) {
  color: var(--mantine-color-dark-3);
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-black));
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]) {
  color: var(--sc-label-color, var(--mantine-color-white));
}
.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before {
  display: none;
}
.m_1738fcb2:where([data-active])::before {
  content: "";
  inset: 0;
  z-index: 0;
  position: absolute;
  border-radius: var(--sc-radius, var(--mantine-radius-default));
}
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active])::before {
  box-shadow: var(--sc-shadow, none);
  background-color: var(--sc-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active])::before {
  box-shadow: none;
  background-color: var(--sc-color, var(--mantine-color-dark-5));
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
    color: var(--mantine-color-black);
  }
  :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
    color: var(--mantine-color-white);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
    color: var(--mantine-color-black);
  }
  :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
    color: var(--mantine-color-white);
  }
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:hover {
    color: var(--mantine-color-gray-5) !important;
  }
  :where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:hover {
    color: var(--mantine-color-dark-3) !important;
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:active {
    color: var(--mantine-color-gray-5) !important;
  }
  :where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:active {
    color: var(--mantine-color-dark-3) !important;
  }
}
.m_1714d588 {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}
.m_1714d588[data-focus-ring=auto]:focus:focus-visible + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}
.m_1714d588[data-focus-ring=always]:focus + .m_1738fcb2 {
  --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
}
.m_69686b9b {
  position: relative;
  flex: 1;
  z-index: 2;
  transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}
.m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  background-color: var(--separator-color);
  width: calc(0.0625rem * var(--mantine-scale));
  transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function);
}
.m_69686b9b[data-orientation=vertical]::before {
  top: 0;
  inset-inline: 0;
  bottom: auto;
  height: calc(0.0625rem * var(--mantine-scale));
  width: auto;
}
:where([data-mantine-color-scheme=light]) .m_69686b9b {
  --separator-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_69686b9b {
  --separator-color: var(--mantine-color-dark-4);
}
.m_69686b9b:first-of-type::before {
  --separator-color: transparent;
}
[data-mantine-color-scheme] .m_69686b9b[data-active]::before,
[data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before {
  --separator-color: transparent;
}
.m_78882f40 {
  position: relative;
  z-index: 2;
}
.m_fa528724 {
  --scp-filled-segment-color: var(--mantine-primary-color-filled);
  --scp-transition-duration: 0ms;
  --scp-thickness: calc(0.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: 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;
  inset-inline: 0;
  text-align: center;
  z-index: 1;
}
.m_4fa340f2:where([data-position=bottom]) {
  bottom: 0;
  padding-inline: calc(var(--scp-thickness) * 2);
}
.m_4fa340f2:where([data-position=bottom]):where([data-orientation=down]) {
  bottom: auto;
  top: 0;
}
.m_4fa340f2:where([data-position=center]) {
  top: 50%;
  padding-inline: calc(var(--scp-thickness) * 3);
}
.m_925c2d2c {
  container: simple-grid / inline-size;
}
.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}
@keyframes m_299c329c {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.m_18320242 {
  height: var(--skeleton-height, auto);
  width: var(--skeleton-width, 100%);
  border-radius: var(--skeleton-radius, var(--mantine-radius-default));
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.m_18320242:where([data-animate])::after {
  animation: m_299c329c 1500ms linear infinite;
}
.m_18320242:where([data-visible]) {
  overflow: hidden;
}
.m_18320242:where([data-visible])::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 10;
  background-color: var(--mantine-color-body);
}
.m_18320242:where([data-visible])::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 11;
}
:where([data-mantine-color-scheme=light]) .m_18320242:where([data-visible])::after {
  background-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_18320242:where([data-visible])::after {
  background-color: var(--mantine-color-dark-4);
}
.m_dd36362e {
  --slider-size-xs: calc(0.25rem * var(--mantine-scale));
  --slider-size-sm: calc(0.375rem * var(--mantine-scale));
  --slider-size-md: calc(0.5rem * var(--mantine-scale));
  --slider-size-lg: calc(0.625rem * var(--mantine-scale));
  --slider-size-xl: calc(0.75rem * var(--mantine-scale));
  --slider-size: var(--slider-size-md);
  --slider-radius: calc(62.5rem * var(--mantine-scale));
  --slider-color: var(--mantine-primary-color-filled);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: calc(var(--slider-size) * 2);
  padding-inline: var(--slider-size);
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
  position: relative;
}
[data-mantine-color-scheme=light] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-gray-2);
  --slider-track-disabled-bg: var(--mantine-color-gray-4);
}
[data-mantine-color-scheme=dark] .m_dd36362e {
  --slider-track-bg: var(--mantine-color-dark-4);
  --slider-track-disabled-bg: var(--mantine-color-dark-3);
}
.m_c9357328 {
  position: absolute;
  top: calc(-2.25rem * var(--mantine-scale));
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-white);
  padding: calc(var(--mantine-spacing-xs) / 2);
  border-radius: var(--mantine-radius-sm);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  touch-action: none;
}
:where([data-mantine-color-scheme=light]) .m_c9357328 {
  background-color: var(--mantine-color-gray-9);
}
:where([data-mantine-color-scheme=dark]) .m_c9357328 {
  background-color: var(--mantine-color-dark-4);
}
.m_c9a9a60a {
  position: absolute;
  display: flex;
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
  border: calc(0.25rem * var(--mantine-scale)) solid;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
  border-radius: var(--slider-radius);
  align-items: center;
  justify-content: center;
  transition: box-shadow 100ms ease, transform 100ms ease;
  z-index: 3;
  user-select: none;
  touch-action: none;
  outline-offset: calc(0.125rem * var(--mantine-scale));
  left: var(--slider-thumb-offset);
}
:where([dir=rtl]) .m_c9a9a60a {
  left: auto;
  right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
}
fieldset:disabled .m_c9a9a60a,
.m_c9a9a60a:where([data-disabled]) {
  display: none;
}
.m_c9a9a60a:where([data-dragging]) {
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: var(--mantine-shadow-sm);
}
:where([data-mantine-color-scheme=light]) .m_c9a9a60a {
  color: var(--slider-color);
  border-color: var(--slider-color);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_c9a9a60a {
  color: var(--mantine-color-white);
  border-color: var(--mantine-color-white);
  background-color: var(--slider-color);
}
.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);
  inset-inline: 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);
  inset-inline-start: var(--slider-bar-offset);
}
.m_38aeed47:where([data-inverted]) {
  background-color: var(--slider-track-bg);
}
:where([data-mantine-color-scheme=light]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
:where([data-mantine-color-scheme=light]) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
  background-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
:where([data-mantine-color-scheme=dark]) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
  background-color: var(--mantine-color-dark-3);
}
.m_b7b0423a {
  position: absolute;
  inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
  top: 0;
  z-index: 2;
  height: 0;
  pointer-events: none;
}
.m_dd33bc19 {
  border: calc(0.125rem * var(--mantine-scale)) solid;
  height: var(--slider-size);
  width: var(--slider-size);
  border-radius: calc(62.5rem * var(--mantine-scale));
  background-color: var(--mantine-color-white);
  pointer-events: none;
}
:where([data-mantine-color-scheme=light]) .m_dd33bc19 {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .m_dd33bc19 {
  border-color: var(--mantine-color-dark-4);
}
.m_dd33bc19:where([data-filled]) {
  border-color: var(--slider-color);
}
:where([data-mantine-color-scheme=light]) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
  border-color: var(--mantine-color-gray-4);
}
:where([data-mantine-color-scheme=dark]) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
  border-color: var(--mantine-color-dark-3);
}
.m_68c77a5b {
  transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
:where([data-mantine-color-scheme=light]) .m_68c77a5b {
  color: var(--mantine-color-gray-6);
}
:where([data-mantine-color-scheme=dark]) .m_68c77a5b {
  color: var(--mantine-color-dark-2);
}
.m_559cce2d {
  position: relative;
}
.m_559cce2d:where([data-has-spoiler]) {
  margin-bottom: calc(1.5rem * var(--mantine-scale));
}
.m_b912df4e {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height var(--spoiler-transition-duration, 200ms) ease;
}
.m_b9131032 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  height: calc(1.5rem * var(--mantine-scale));
}
.m_6d731127 {
  display: flex;
  flex-direction: column;
  align-items: var(--stack-align, stretch);
  justify-content: var(--stack-justify, flex-start);
  gap: var(--stack-gap, var(--mantine-spacing-md));
}
.m_cbb4ea7e {
  --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
  --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
  --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
  --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
  --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
  --stepper-icon-size: var(--stepper-icon-size-md);
  --stepper-color: var(--mantine-primary-color-filled);
  --stepper-content-padding: var(--mantine-spacing-md);
  --stepper-spacing: var(--mantine-spacing-md);
  --stepper-radius: calc(62.5rem * var(--mantine-scale));
  --stepper-fz: var(--mantine-font-size-md);
  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
}
[data-mantine-color-scheme=light] .m_cbb4ea7e {
  --stepper-outline-color: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .m_cbb4ea7e {
  --stepper-outline-color: var(--mantine-color-dark-5);
}
.m_aaf89d0b {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m_aaf89d0b:where([data-wrap]) {
  flex-wrap: wrap;
  gap: var(--mantine-spacing-md) 0;
}
.m_aaf89d0b:where([data-orientation=vertical]) {
  flex-direction: column;
}
.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=left]) {
  align-items: flex-start;
}
.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=right]) {
  align-items: flex-end;
}
.m_aaf89d0b:where([data-orientation=horizontal]) {
  flex-direction: row;
}
.m_2a371ac9 {
  transition: background-color 150ms ease;
  flex: 1;
  height: var(--stepper-outline-thickness);
  margin-inline: var(--mantine-spacing-md);
  background-color: var(--stepper-outline-color);
}
.m_2a371ac9:where([data-active]) {
  background-color: var(--stepper-color);
}
.m_78da155d {
  padding-top: var(--stepper-content-padding);
}
.m_cbb57068 {
  --step-color: var(--stepper-color);
  display: flex;
  cursor: default;
}
.m_cbb57068:where([data-allow-click]) {
  cursor: pointer;
}
.m_cbb57068:where([data-icon-position=left]) {
  flex-direction: row;
}
.m_cbb57068:where([data-icon-position=right]) {
  flex-direction: row-reverse;
}
.m_f56b1e2c {
  align-items: center;
}
.m_833edb7e {
  --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
  justify-content: flex-start;
  min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
  margin-top: var(--separator-spacing);
  overflow: hidden;
}
.m_833edb7e:where(:first-of-type) {
  margin-top: 0;
}
.m_833edb7e:where(:last-of-type) {
  min-height: auto;
}
.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
  display: none;
}
.m_818e70b {
  position: relative;
}
.m_6496b3f3 {
  top: calc(var(--stepper-icon-size) + var(--separator-spacing));
  inset-inline-start: calc(var(--stepper-icon-size) / 2);
  height: 100vh;
  position: absolute;
  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
}
.m_6496b3f3:where([data-active]) {
  border-color: var(--stepper-color);
}
.m_1959ad01 {
  height: var(--stepper-icon-size);
  width: var(--stepper-icon-size);
  min-height: var(--stepper-icon-size);
  min-width: var(--stepper-icon-size);
  border-radius: var(--stepper-radius);
  font-size: var(--stepper-fz);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  transition: background-color 150ms ease, border-color 150ms ease;
  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
  background-color: var(--stepper-outline-color);
}
:where([data-mantine-color-scheme=light]) .m_1959ad01 {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_1959ad01 {
  color: var(--mantine-color-dark-1);
}
.m_1959ad01:where([data-progress]) {
  border-color: var(--step-color);
}
.m_1959ad01:where([data-completed]) {
  color: var(--stepper-icon-color, var(--mantine-color-white));
  background-color: var(--step-color);
  border-color: var(--step-color);
}
.m_a79331dc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--stepper-icon-color, var(--mantine-color-white));
}
.m_1956aa2a {
  display: flex;
  flex-direction: column;
}
.m_1956aa2a:where([data-icon-position=left]) {
  margin-inline-start: var(--mantine-spacing-sm);
}
.m_1956aa2a:where([data-icon-position=right]) {
  text-align: right;
  margin-inline-end: 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) - 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.0625rem * var(--mantine-scale));
  --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
  --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
  --switch-track-label-padding-xl: calc(0.1875rem * 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);
  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: var(--switch-cursor, var(--mantine-cursor-type));
  overflow: hidden;
  position: relative;
  border-radius: var(--switch-radius);
  background-color: var(--switch-bg);
  border: 1px solid var(--switch-bd);
  height: var(--switch-height);
  min-width: var(--switch-width);
  margin: 0;
  transition: background-color 150ms ease, border-color 150ms ease;
  appearance: none;
  display: flex;
  align-items: center;
  font-size: var(--switch-label-font-size);
  font-weight: 600;
  order: var(--switch-order, 1);
  user-select: none;
  z-index: 0;
  line-height: 0;
  color: var(--switch-text-color);
}
.m_9307d992:where([data-without-labels]) {
  width: var(--switch-width);
}
.m_926b4011:focus-visible + .m_9307d992 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_926b4011:checked + .m_9307d992 {
  --switch-bg: var(--switch-color);
  --switch-bd: 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-bd: var(--switch-disabled-color);
  --switch-cursor: not-allowed;
}
[data-mantine-color-scheme=light] .m_9307d992 {
  --switch-bg: var(--mantine-color-gray-2);
  --switch-bd: var(--mantine-color-gray-3);
  --switch-text-color: var(--mantine-color-gray-6);
  --switch-disabled-color: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .m_9307d992 {
  --switch-bg: var(--mantine-color-dark-6);
  --switch-bd: var(--mantine-color-dark-4);
  --switch-text-color: var(--mantine-color-dark-1);
  --switch-disabled-color: var(--mantine-color-dark-4);
}
.m_9307d992[data-error] {
  --switch-bd: var(--mantine-color-error);
}
.m_9307d992[data-label-position=left] {
  --switch-order: 2;
}
.m_93039a1d {
  position: absolute;
  z-index: 1;
  border-radius: var(--switch-radius);
  display: flex;
  background-color: var(--switch-thumb-bg, var(--mantine-color-white));
  height: var(--switch-thumb-size);
  width: var(--switch-thumb-size);
  border: 1px solid var(--switch-thumb-bd);
  inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
  transition: inset-inline-start 150ms ease;
}
.m_93039a1d > * {
  margin: auto;
}
.m_926b4011:checked + * > .m_93039a1d {
  --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
  --switch-thumb-bd: var(--mantine-color-white);
}
.m_926b4011:disabled + * > .m_93039a1d,
.m_926b4011[data-disabled] + * > .m_93039a1d {
  --switch-thumb-bd: var(--switch-thumb-bg-disabled);
  --switch-thumb-bg: var(--switch-thumb-bg-disabled);
}
[data-mantine-color-scheme=light] .m_93039a1d {
  --switch-thumb-bd: var(--mantine-color-gray-3);
  --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_93039a1d {
  --switch-thumb-bd: var(--mantine-color-white);
  --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
}
.m_8277e082 {
  height: 100%;
  display: grid;
  place-content: center;
  min-width: calc(var(--switch-width) - var(--switch-thumb-size));
  padding-inline: var(--switch-track-label-padding);
  margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  transition: margin 150ms ease;
}
.m_926b4011:checked + * > .m_8277e082 {
  margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
  margin-inline-start: 0;
}
.m_b23fa0ef {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: var(--mantine-line-height);
  font-size: var(--mantine-font-size-sm);
  table-layout: var(--table-layout, auto);
  caption-side: var(--table-caption-side, bottom);
  border: none;
}
:where([data-mantine-color-scheme=light]) .m_b23fa0ef {
  --table-hover-color: var(--mantine-color-gray-1);
  --table-striped-color: var(--mantine-color-gray-0);
  --table-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_b23fa0ef {
  --table-hover-color: var(--mantine-color-dark-5);
  --table-striped-color: var(--mantine-color-dark-6);
  --table-border-color: var(--mantine-color-dark-4);
}
.m_b23fa0ef:where([data-with-table-border]) {
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_b23fa0ef:where([data-tabular-nums]) {
  font-variant-numeric: tabular-nums;
}
.m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  font-weight: 500;
}
:where([data-mantine-color-scheme=light]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
  background-color: var(--mantine-color-dark-6);
}
.m_4e7aa4f3 {
  text-align: 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 * var(--mantine-scale)) solid var(--table-border-color);
}
.m_4e7aa4ef,
.m_4e7aa4f3 {
  padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
}
.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),
.m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
  border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
}
.m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) {
  border-bottom: none;
}
.m_b2404537 > :where(tr):where([data-striped=odd]:nth-of-type(odd)) {
  background-color: var(--table-striped-color);
}
.m_b2404537 > :where(tr):where([data-striped=even]:nth-of-type(even)) {
  background-color: var(--table-striped-color);
}
.m_b2404537 > :where(tr)[data-hover] {
  --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
}
.m_b242d975 {
  top: var(--table-sticky-header-offset, 0);
  z-index: 3;
}
.m_b242d975:where([data-sticky]) {
  position: sticky;
}
.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
  position: sticky;
  top: var(--table-sticky-header-offset, 0);
  background-color: var(--mantine-color-body);
}
:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
  top: initial;
}
.m_9e5a3ac7 {
  color: var(--mantine-color-dimmed);
}
.m_9e5a3ac7:where([data-side=top]) {
  margin-bottom: var(--mantine-spacing-xs);
}
.m_9e5a3ac7:where([data-side=bottom]) {
  margin-top: var(--mantine-spacing-xs);
}
.m_a100c15 {
  overflow-x: var(--table-overflow);
}
.m_62259741 {
  min-width: var(--table-min-width);
  max-height: var(--table-max-height);
}
.m_bcaa9990 {
  display: flex;
  flex-direction: column;
  --toc-depth-offset: 0.8em;
}
.m_375a65ef {
  display: block;
  padding: 0.3em 0.8em;
  font-size: var(--toc-size, var(--mantine-font-size-md));
  border-radius: var(--toc-radius, var(--mantine-radius-default));
  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-dark-5);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-gray-1);
  }
  :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
    background-color: var(--mantine-color-dark-5);
  }
}
.m_375a65ef:where([data-active]) {
  background-color: var(--toc-bg);
  color: var(--toc-color);
}
.m_89d60db1 {
  display: var(--tabs-display);
  flex-direction: var(--tabs-flex-direction);
  --tab-justify: flex-start;
  --tabs-list-direction: row;
  --tabs-panel-grow: unset;
  --tabs-display: block;
  --tabs-flex-direction: row;
  --tabs-list-border-width: 0;
  --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
  --tabs-list-gap: unset;
  --tabs-list-line-bottom: 0;
  --tabs-list-line-top: unset;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: 0;
  --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
  --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
}
.m_89d60db1[data-inverted] {
  --tabs-list-line-bottom: unset;
  --tabs-list-line-top: 0;
  --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
  --tab-border-width: var(--tabs-list-border-width) 0 0 0;
}
.m_89d60db1[data-inverted] .m_576c9d4::before {
  top: 0;
  bottom: unset;
}
.m_89d60db1[data-orientation=vertical] {
  --tabs-list-line-start: unset;
  --tabs-list-line-end: 0;
  --tabs-list-line-top: 0;
  --tabs-list-line-bottom: 0;
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
  --tabs-list-direction: column;
  --tabs-panel-grow: 1;
  --tabs-display: flex;
}
[dir=rtl] .m_89d60db1[data-orientation=vertical] {
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}
.m_89d60db1[data-orientation=vertical][data-placement=right] {
  --tabs-flex-direction: row-reverse;
  --tabs-list-line-start: 0;
  --tabs-list-line-end: unset;
  --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
  --tab-border-width: 0 0 0 var(--tabs-list-border-width);
  --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
}
[dir=rtl] .m_89d60db1[data-orientation=vertical][data-placement=right] {
  --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
  --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
  --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
}
[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[data-orientation=horizontal] {
  --tab-justify: center;
}
.m_89d60db1[data-variant=default] {
  --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
}
[data-mantine-color-scheme=light] .m_89d60db1[data-variant=default] {
  --tab-hover-color: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=default] {
  --tab-hover-color: var(--mantine-color-dark-6);
}
.m_89d60db1[data-variant=outline] {
  --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
}
.m_89d60db1[data-variant=pills] {
  --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
}
[data-mantine-color-scheme=light] .m_89d60db1[data-variant=pills] {
  --tab-hover-color: var(--mantine-color-gray-0);
}
[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=pills] {
  --tab-hover-color: var(--mantine-color-dark-6);
}
.m_89d33d6d {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--tabs-justify, flex-start);
  flex-direction: var(--tabs-list-direction);
  gap: var(--tabs-list-gap);
  --tab-grow: unset;
}
.m_89d33d6d[data-grow] {
  --tab-grow: 1;
}
.m_b0c91715 {
  flex-grow: var(--tabs-panel-grow);
}
.m_4ec4dce6 {
  position: relative;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  z-index: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
  flex-grow: var(--tab-grow);
  justify-content: var(--tab-justify);
}
.m_4ec4dce6:disabled,
.m_4ec4dce6[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.m_4ec4dce6:focus {
  z-index: 1;
}
.m_fc420b1f {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--tab-section-margin-left, 0);
  margin-right: var(--tab-section-margin-right, 0);
}
.m_fc420b1f[data-position=left]:not(:only-child) {
  --tab-section-margin-right: var(--mantine-spacing-xs);
}
[dir=rtl] .m_fc420b1f[data-position=left]:not(:only-child) {
  --tab-section-margin-right: 0rem;
  --tab-section-margin-left: var(--mantine-spacing-xs);
}
.m_fc420b1f[data-position=right]:not(:only-child) {
  --tab-section-margin-left: var(--mantine-spacing-xs);
}
[dir=rtl] .m_fc420b1f[data-position=right]:not(:only-child) {
  --tab-section-margin-left: 0rem;
  --tab-section-margin-right: var(--mantine-spacing-xs);
}
.m_576c9d4 {
  position: relative;
}
.m_576c9d4::before {
  content: "";
  position: absolute;
  border-color: var(--tab-border-color);
  border-width: var(--tabs-list-border-size);
  border-style: solid;
  bottom: var(--tabs-list-line-bottom);
  inset-inline-start: var(--tabs-list-line-start);
  inset-inline-end: var(--tabs-list-line-end);
  top: var(--tabs-list-line-top);
}
.m_539e827b {
  border-radius: var(--tab-radius);
  border-width: var(--tab-border-width);
  border-style: solid;
  border-color: transparent;
  background-color: var(--tab-bg);
  --tab-bg: transparent;
}
.m_539e827b:where([data-active]) {
  border-color: var(--tabs-color);
}
@media (hover: hover) {
  .m_539e827b:hover {
    --tab-bg: var(--tab-hover-color);
  }
  .m_539e827b:hover:where(:not([data-active])) {
    border-color: var(--tab-border-color);
  }
}
@media (hover: none) {
  .m_539e827b:active {
    --tab-bg: 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 {
    --tab-bg: transparent;
  }
}
@media (hover: none) {
  .m_539e827b:disabled:active,
  .m_539e827b[data-disabled]:active {
    --tab-bg: transparent;
  }
}
.m_6772fbd5 {
  position: relative;
}
.m_6772fbd5::before {
  content: "";
  position: absolute;
  border-color: var(--tab-border-color);
  border-width: var(--tabs-list-border-size);
  border-style: solid;
  bottom: var(--tabs-list-line-bottom);
  inset-inline-start: var(--tabs-list-line-start);
  inset-inline-end: var(--tabs-list-line-end);
  top: var(--tabs-list-line-top);
}
.m_b59ab47c {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent;
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-radius: var(--tab-radius);
  position: relative;
  --tab-border-bottom-color: transparent;
  --tab-border-top-color: transparent;
  --tab-border-inline-end-color: transparent;
  --tab-border-inline-start-color: transparent;
}
.m_b59ab47c:where([data-active])::before {
  content: "";
  position: absolute;
  background-color: var(--tab-border-color);
  bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
  left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
  right: var(--tab-before-right, auto);
  top: var(--tab-before-top, auto);
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active])::after {
  content: "";
  position: absolute;
  background-color: var(--tab-border-color);
  bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
  right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
  left: var(--tab-after-left, auto);
  top: var(--tab-after-top, auto);
  width: calc(0.0625rem * var(--mantine-scale));
  height: calc(0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active]) {
  border-top-color: var(--tab-border-top-color);
  border-bottom-color: var(--tab-border-bottom-color);
  border-inline-start-color: var(--tab-border-inline-start-color);
  border-inline-end-color: var(--tab-border-inline-end-color);
  --tab-border-top-color: var(--tab-border-color);
  --tab-border-inline-start-color: var(--tab-border-color);
  --tab-border-inline-end-color: var(--tab-border-color);
  --tab-border-bottom-color: var(--mantine-color-body);
}
.m_b59ab47c:where([data-active])[data-inverted] {
  --tab-border-bottom-color: var(--tab-border-color);
  --tab-border-top-color: var(--mantine-color-body);
  --tab-before-bottom: auto;
  --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
  --tab-after-bottom: auto;
  --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
}
.m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left] {
  --tab-border-inline-end-color: var(--mantine-color-body);
  --tab-border-inline-start-color: var(--tab-border-color);
  --tab-border-bottom-color: var(--tab-border-color);
  --tab-before-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;
}
.m_c3381914 {
  border-radius: var(--tabs-radius);
  background-color: var(--tab-bg);
  color: var(--tab-color);
  --tab-bg: transparent;
  --tab-color: inherit;
}
@media (hover: hover) {
  .m_c3381914:not([data-disabled]):hover {
    --tab-bg: var(--tab-hover-color);
  }
}
@media (hover: none) {
  .m_c3381914:not([data-disabled]):active {
    --tab-bg: var(--tab-hover-color);
  }
}
.m_c3381914[data-active][data-active] {
  --tab-bg: var(--tabs-color);
  --tab-color: var(--tabs-text-color, var(--mantine-color-white));
}
@media (hover: hover) {
  .m_c3381914[data-active][data-active]:hover {
    --tab-bg: var(--tabs-color);
  }
}
@media (hover: none) {
  .m_c3381914[data-active][data-active]:active {
    --tab-bg: var(--tabs-color);
  }
}
.m_7341320d {
  --ti-size-xs: calc(1.125rem * var(--mantine-scale));
  --ti-size-sm: calc(1.375rem * var(--mantine-scale));
  --ti-size-md: calc(1.75rem * var(--mantine-scale));
  --ti-size-lg: calc(2.125rem * var(--mantine-scale));
  --ti-size-xl: calc(2.75rem * var(--mantine-scale));
  --ti-size: var(--ti-size-md);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  width: var(--ti-size);
  height: var(--ti-size);
  min-width: var(--ti-size);
  min-height: var(--ti-size);
  border-radius: var(--ti-radius, var(--mantine-radius-default));
  background: var(--ti-bg, var(--mantine-primary-color-filled));
  color: var(--ti-color, var(--mantine-color-white));
  border: var(--ti-bd, 1px solid transparent);
}
.m_43657ece {
  --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
  --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
  --tl-line-width: calc(0.25rem * var(--mantine-scale));
  --tl-radius: calc(62.5rem * var(--mantine-scale));
  --tl-color: var(--mantine-primary-color-filled);
}
.m_43657ece:where([data-align=left]) {
  padding-inline-start: var(--offset);
}
.m_43657ece:where([data-align=right]) {
  padding-inline-end: var(--offset);
}
.m_2ebe8099 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: calc(var(--mantine-spacing-xs) / 2);
}
.m_436178ff {
  --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
  position: relative;
  color: var(--mantine-color-text);
}
.m_436178ff::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: var(--timeline-line-left, 0);
  right: var(--timeline-line-right, 0);
  bottom: calc(var(--mantine-spacing-xl) * -1);
  border-inline-start: var(--item-border);
  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-inline-start: var(--offset);
  text-align: left;
}
.m_43657ece:where([data-align=right]) .m_436178ff {
  padding-inline-end: 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: var(--mantine-spacing-xl);
}
.m_8affcee1 {
  width: var(--tl-bullet-size);
  height: var(--tl-bullet-size);
  border-radius: var(--tli-radius, var(--tl-radius));
  border: var(--tl-line-width) solid;
  background-color: var(--mantine-color-body);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-text);
}
:where([data-mantine-color-scheme=light]) .m_8affcee1 {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_8affcee1 {
  border-color: var(--mantine-color-dark-4);
}
.m_43657ece:where([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: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_8affcee1:where([data-with-child]) {
  background-color: var(--mantine-color-dark-4);
}
.m_8affcee1:where([data-active]) {
  border-color: var(--tli-color, var(--tl-color));
  background-color: var(--mantine-color-white);
  color: var(--tl-icon-color, var(--mantine-color-white));
}
.m_8affcee1:where([data-active]):where([data-with-child]) {
  background-color: var(--tli-color, var(--tl-color));
  color: var(--tl-icon-color, var(--mantine-color-white));
}
.m_43657ece:where([data-align=left]) .m_540e8f41 {
  padding-inline-start: 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-inline-end: 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: var(--mantine-font-family-headings);
  text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}
.m_8a5d1357:where([data-line-clamp]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--title-line-clamp);
  -webkit-box-orient: vertical;
}
.m_f698e191 {
  --level-offset: var(--mantine-spacing-lg);
  margin: 0;
  padding: 0;
  user-select: none;
}
.m_75f3ecf {
  margin: 0;
  padding: 0;
}
.m_f6970eb1 {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
}
.m_f6970eb1:focus-visible > .m_dc283425 {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: calc(0.125rem * var(--mantine-scale));
}
.m_dc283425 {
  padding-inline-start: var(--label-offset);
}
:where([data-mantine-color-scheme=light]) .m_dc283425:where([data-selected]) {
  background-color: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_dc283425:where([data-selected]) {
  background-color: var(--mantine-color-dark-5);
}
.m_d6493fad :first-child {
  margin-top: 0;
}
.m_d6493fad :last-child {
  margin-bottom: 0;
}
.m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--mantine-spacing-xs);
  text-wrap: var(--mantine-heading-text-wrap);
  font-family: var(--mantine-font-family-headings);
}
.m_d6493fad :where(h1) {
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h1-font-size);
  line-height: var(--mantine-h1-line-height);
  font-weight: var(--mantine-h1-font-weight);
}
.m_d6493fad :where(h2) {
  margin-top: var(--mantine-spacing-xl);
  font-size: var(--mantine-h2-font-size);
  line-height: var(--mantine-h2-line-height);
  font-weight: var(--mantine-h2-font-weight);
}
.m_d6493fad :where(h3) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h3-font-size);
  line-height: var(--mantine-h3-line-height);
  font-weight: var(--mantine-h3-font-weight);
}
.m_d6493fad :where(h4) {
  margin-top: calc(0.8 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h4-font-size);
  line-height: var(--mantine-h4-line-height);
  font-weight: var(--mantine-h4-font-weight);
}
.m_d6493fad :where(h5) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h5-font-size);
  line-height: var(--mantine-h5-line-height);
  font-weight: var(--mantine-h5-font-weight);
}
.m_d6493fad :where(h6) {
  margin-top: calc(0.5 * var(--mantine-spacing-xl));
  font-size: var(--mantine-h6-font-size);
  line-height: var(--mantine-h6-line-height);
  font-weight: var(--mantine-h6-font-weight);
}
.m_d6493fad :where(img) {
  max-width: 100%;
  margin-bottom: var(--mantine-spacing-xs);
}
.m_d6493fad :where(p) {
  margin-top: 0;
  margin-bottom: var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(mark) {
  background-color: var(--mantine-color-yellow-2);
  color: inherit;
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(mark) {
  background-color: var(--mantine-color-yellow-5);
  color: var(--mantine-color-black);
}
.m_d6493fad :where(a) {
  color: var(--mantine-color-anchor);
  text-decoration: none;
}
@media (hover: hover) {
  .m_d6493fad :where(a):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .m_d6493fad :where(a):active {
    text-decoration: underline;
  }
}
.m_d6493fad :where(hr) {
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  border: 0;
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(hr) {
  border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(hr) {
  border-color: var(--mantine-color-dark-3);
}
.m_d6493fad :where(pre) {
  padding: var(--mantine-spacing-xs);
  line-height: var(--mantine-line-height);
  margin: 0;
  margin-top: var(--mantine-spacing-md);
  margin-bottom: var(--mantine-spacing-md);
  overflow-x: auto;
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
  border-radius: var(--mantine-radius-sm);
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(pre) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(pre) {
  background-color: var(--mantine-color-dark-8);
}
.m_d6493fad :where(pre) :where(code) {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: inherit;
  border: 0;
}
.m_d6493fad :where(kbd) {
  --kbd-fz: calc(0.75rem * var(--mantine-scale));
  --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  font-family: var(--mantine-font-family-monospace);
  line-height: var(--mantine-line-height);
  font-weight: 700;
  padding: var(--kbd-padding);
  font-size: var(--kbd-fz);
  border-radius: var(--mantine-radius-sm);
  border: calc(0.0625rem * var(--mantine-scale)) solid;
  border-bottom-width: calc(0.1875rem * var(--mantine-scale));
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(kbd) {
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(kbd) {
  border-color: var(--mantine-color-dark-3);
  color: var(--mantine-color-dark-0);
  background-color: var(--mantine-color-dark-5);
}
.m_d6493fad :where(code) {
  line-height: var(--mantine-line-height);
  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
  border-radius: var(--mantine-radius-sm);
  font-family: var(--mantine-font-family-monospace);
  font-size: var(--mantine-font-size-xs);
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(code) {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(code) {
  background-color: var(--mantine-color-dark-5);
  color: var(--mantine-color-white);
}
.m_d6493fad :where(ul, ol):not([data-type=taskList]) {
  margin-bottom: var(--mantine-spacing-md);
  padding-inline-start: var(--mantine-spacing-xl);
  list-style-position: outside;
}
.m_d6493fad :where(table) {
  width: 100%;
  border-collapse: collapse;
  caption-side: bottom;
  margin-bottom: var(--mantine-spacing-md);
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(table) {
  --table-border-color: var(--mantine-color-gray-3);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(table) {
  --table-border-color: var(--mantine-color-dark-4);
}
.m_d6493fad :where(table) :where(caption) {
  margin-top: var(--mantine-spacing-xs);
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-dimmed);
}
.m_d6493fad :where(table) :where(th) {
  text-align: left;
  font-weight: bold;
  font-size: var(--mantine-font-size-sm);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
}
.m_d6493fad :where(table) :where(thead th) {
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d6493fad :where(table) :where(tfoot th) {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
}
.m_d6493fad :where(table) :where(td) {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
  border-color: var(--table-border-color);
  font-size: var(--mantine-font-size-sm);
}
.m_d6493fad :where(table) :where(tr:last-of-type td) {
  border-bottom: 0;
}
.m_d6493fad :where(blockquote) {
  font-size: var(--mantine-font-size-lg);
  line-height: var(--mantine-line-height);
  margin: var(--mantine-spacing-md) 0;
  border-radius: var(--mantine-radius-sm);
  padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
}
:where([data-mantine-color-scheme=light]) .m_d6493fad :where(blockquote) {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(blockquote) {
  background-color: var(--mantine-color-dark-8);
}

/* node_modules/@mantine/notifications/styles.css */
.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);
}

/* client/styles/theme/tokens.css */
:root {
  --arena-font-display:
    "Exo 2",
    "Sora",
    ui-sans-serif,
    system-ui,
    sans-serif;
  --arena-font-ui:
    "Sora",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --arena-font-accent:
    "Orbitron",
    "Exo 2",
    ui-sans-serif,
    system-ui,
    sans-serif;
  --arena-font-tcg-types: "Pokemon TCG Type Symbols", var(--arena-font-ui);
  --arena-tracking-display: -0.028em;
  --arena-tracking-display-tight: -0.052em;
  --arena-tracking-ui: -0.008em;
  --arena-tracking-overline: 0.12em;
  --arena-tracking-accent: 0.1em;
  --arena-header-top: clamp(18px, 2.4vw, 26px);
  --arena-header-height: clamp(72px, 6.8vw, 92px);
  --arena-shell-gap: clamp(18px, 2.2vw, 26px);
  --arena-sidebar-top: 50%;
  --arena-sidebar-width: 96px;
  --arena-sidebar-width-expanded: 224px;
  --arena-sidebar-current-width: var(--arena-sidebar-width);
  --arena-sidebar-bottom: clamp(18px, 2vw, 28px);
  --arena-page-padding-inline: clamp(18px, 2.8vw, 36px);
  --arena-page-padding-block: clamp(20px, 3vw, 38px);
  --arena-main-max-width: min(1520px, calc(100vw - 170px));
  --arena-content-top-padding: calc(var(--arena-header-top) + var(--arena-header-height) + 36px);
  --arena-blur-shell: 16px;
  --arena-blur-surface: 28px;
  --arena-blur-overlay: 22px;
  --arena-text: #172238;
  --arena-text-muted: #5d6986;
  --arena-text-soft: #7c88a4;
  --arena-page-background:
    linear-gradient(
      180deg,
      #f5f8fd 0%,
      #edf2fb 48%,
      #e8eef8 100%);
  --arena-background-glow-a: rgba(97, 165, 244, 0.16);
  --arena-background-glow-b: rgba(247, 143, 180, 0.12);
  --arena-background-glow-c: rgba(255, 208, 127, 0.1);
  --arena-background-overlay: rgba(255, 255, 255, 0.14);
  --arena-shell-bg: rgba(248, 250, 255, 0.2);
  --arena-shell-bg-strong: rgba(251, 252, 255, 0.3);
  --arena-shell-border: rgba(255, 255, 255, 0.7);
  --arena-shell-border-subtle: rgba(180, 194, 219, 0.52);
  --arena-shell-shadow: 0 20px 40px rgba(43, 59, 93, 0.08);
  --arena-shell-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(197, 208, 231, 0.22);
  --arena-glass-bg:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.12),
      transparent 46%),
    linear-gradient(
      145deg,
      var(--arena-shell-bg-strong),
      var(--arena-shell-bg));
  --arena-glass-sheen:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.26),
      rgba(255, 255, 255, 0.05) 28%,
      transparent 58%),
    radial-gradient(
      70% 90% at 12% 8%,
      rgba(255, 255, 255, 0.12),
      transparent 42%);
  --arena-glass-shadow: var(--arena-shell-shadow), var(--arena-shell-highlight);
  --arena-glass-backdrop: blur(var(--arena-blur-shell)) saturate(170%);
  --arena-surface-glass-bg:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      rgba(255, 255, 255, 0.05) 26%,
      transparent 54%),
    linear-gradient(
      145deg,
      rgba(248, 251, 255, 0.1),
      rgba(238, 244, 255, 0.05));
  --arena-surface-glass-sheen:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.028) 18%,
      transparent 40%),
    radial-gradient(
      62% 90% at 12% 6%,
      rgba(255, 255, 255, 0.055),
      transparent 34%);
  --arena-surface-glass-shadow:
    0 18px 36px rgba(43, 59, 93, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    inset 0 -1px 0 rgba(197, 208, 231, 0.12);
  --arena-surface-glass-backdrop: blur(calc(var(--arena-blur-surface) + 4px)) saturate(185%);
  --arena-surface-bg: rgba(255, 255, 255, 0.18);
  --arena-surface-bg-strong: rgba(255, 255, 255, 0.26);
  --arena-surface-border: rgba(255, 255, 255, 0.68);
  --arena-surface-shadow: 0 18px 34px rgba(54, 71, 103, 0.08);
  --arena-control-bg: rgba(245, 248, 253, 0.16);
  --arena-control-bg-hover: rgba(250, 252, 255, 0.24);
  --arena-control-bg-active: rgba(255, 255, 255, 0.32);
  --arena-control-border: rgba(255, 255, 255, 0.68);
  --arena-control-shadow: 0 8px 18px rgba(47, 63, 94, 0.07);
  --arena-control-tint-soft: color-mix(in srgb, var(--arena-primary-color-hex) 10%, rgba(255, 255, 255, 0.12));
  --arena-control-tint-strong: color-mix(in srgb, var(--arena-primary-color-hex) 18%, rgba(255, 255, 255, 0.22));
  --arena-control-reflection:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.32),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 54%);
  --arena-control-sheen:
    radial-gradient(
      78% 110% at 12% 6%,
      rgba(255, 255, 255, 0.18),
      transparent 42%);
  --arena-control-glow: 0 18px 34px color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent);
  --arena-control-focus-ring: color-mix(in srgb, var(--arena-primary-color-hex) 24%, transparent);
  --arena-overlay-bg: rgba(253, 254, 255, 0.34);
  --arena-overlay-border: rgba(255, 255, 255, 0.92);
  --arena-overlay-shadow: 0 24px 52px rgba(38, 52, 82, 0.14);
  --arena-divider: rgba(171, 184, 209, 0.38);
  --arena-interactive-soft: rgba(88, 119, 255, 0.08);
  --arena-interactive-strong: rgba(88, 119, 255, 0.16);
  --arena-state-danger: #d9485a;
  --arena-state-success: #14916f;
  --arena-state-warning: #ed8b19;
  --arena-state-info: #5877ff;
  --arena-user-bg-opacity: 0.22;
  --arena-primary-color-value: red;
  --arena-primary-color-hex: #e03131;
  --arena-user-bg-image: none;
  --arena-user-bg-size: cover;
  --arena-user-bg-repeat: no-repeat;
  --arena-user-bg-position: center center;
  --arena-user-bg-parallax-scale: 1.08;
  --arena-user-bg-parallax-x: 0px;
  --arena-user-bg-parallax-y: 0px;
}
html[data-app-color-scheme=dark] {
  --arena-text: #f4f7ff;
  --arena-text-muted: #a9b5cf;
  --arena-text-soft: #7f8ba7;
  --arena-page-background:
    linear-gradient(
      180deg,
      #07111f 0%,
      #091324 45%,
      #08111d 100%);
  --arena-background-glow-a: rgba(73, 134, 255, 0.18);
  --arena-background-glow-b: rgba(165, 92, 255, 0.12);
  --arena-background-glow-c: rgba(255, 167, 90, 0.1);
  --arena-background-overlay: rgba(7, 12, 22, 0.14);
  --arena-shell-bg: rgba(15, 21, 36, 0.17);
  --arena-shell-bg-strong: rgba(19, 27, 45, 0.24);
  --arena-shell-border: rgba(255, 255, 255, 0.22);
  --arena-shell-border-subtle: rgba(114, 128, 158, 0.34);
  --arena-shell-shadow: 0 22px 48px rgba(2, 6, 14, 0.24);
  --arena-shell-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(66, 81, 111, 0.2);
  --arena-blur-surface: 34px;
  --arena-surface-glass-bg:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.075),
      rgba(255, 255, 255, 0.016) 28%,
      transparent 52%),
    linear-gradient(
      145deg,
      rgba(14, 21, 36, 0.09),
      rgba(8, 13, 24, 0.05));
  --arena-surface-glass-sheen:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.016) 18%,
      transparent 36%),
    radial-gradient(
      62% 90% at 12% 6%,
      rgba(255, 255, 255, 0.045),
      transparent 32%);
  --arena-surface-glass-shadow:
    0 20px 40px rgba(1, 6, 15, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    inset 0 -1px 0 rgba(66, 81, 111, 0.14);
  --arena-surface-glass-backdrop: blur(var(--arena-blur-surface)) saturate(190%);
  --arena-surface-bg: rgba(15, 22, 37, 0.16);
  --arena-surface-bg-strong: rgba(19, 28, 47, 0.22);
  --arena-surface-border: rgba(255, 255, 255, 0.2);
  --arena-surface-shadow: 0 18px 40px rgba(2, 8, 18, 0.18);
  --arena-control-bg: rgba(18, 25, 42, 0.13);
  --arena-control-bg-hover: rgba(21, 31, 52, 0.2);
  --arena-control-bg-active: rgba(26, 37, 62, 0.28);
  --arena-control-border: rgba(255, 255, 255, 0.24);
  --arena-control-shadow: 0 10px 20px rgba(1, 6, 15, 0.16);
  --arena-control-tint-soft: color-mix(in srgb, var(--arena-primary-color-hex) 14%, rgba(18, 25, 42, 0.16));
  --arena-control-tint-strong: color-mix(in srgb, var(--arena-primary-color-hex) 22%, rgba(24, 35, 57, 0.28));
  --arena-control-reflection:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.02) 24%,
      transparent 48%);
  --arena-control-sheen:
    radial-gradient(
      78% 110% at 12% 6%,
      rgba(255, 255, 255, 0.09),
      transparent 38%);
  --arena-control-glow: 0 18px 34px color-mix(in srgb, var(--arena-primary-color-hex) 14%, transparent);
  --arena-control-focus-ring: color-mix(in srgb, var(--arena-primary-color-hex) 30%, transparent);
  --arena-overlay-bg: rgba(12, 19, 33, 0.3);
  --arena-overlay-border: rgba(255, 255, 255, 0.22);
  --arena-overlay-shadow: 0 28px 66px rgba(1, 4, 12, 0.28);
  --arena-divider: rgba(107, 122, 152, 0.34);
  --arena-interactive-soft: rgba(96, 127, 255, 0.16);
  --arena-interactive-strong: rgba(96, 127, 255, 0.28);
  --arena-user-bg-opacity: 0.34;
}
@media (max-width: 75em) {
  :root {
    --arena-main-max-width: min(1460px, calc(100vw - 140px));
  }
}
@media (max-width: 62em) {
  :root {
    --arena-header-top: 14px;
    --arena-header-height: 118px;
    --arena-content-top-padding: calc(var(--arena-header-top) + var(--arena-header-height) + 26px);
    --arena-main-max-width: 100%;
    --arena-sidebar-current-width: 0px;
  }
}

/* client/styles/theme/base.css */
@font-face {
  font-family: "Pokemon TCG Type Symbols";
  src: url("./assets/PokemonTypeSymbols.ttf") format("truetype");
  font-display: swap;
}
html,
body,
#root {
  min-height: 100%;
}
html {
  color-scheme: light;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  min-height: 100dvh;
  font-family: var(--arena-font-ui);
  font-size: 0.98rem;
  line-height: 1.55;
  letter-spacing: var(--arena-tracking-ui);
  color: var(--arena-text);
  background: var(--arena-page-background);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings:
    "kern" 1,
    "liga" 1,
    "calt" 1;
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}
body::before {
  z-index: -2;
  background:
    radial-gradient(
      60vw 60vw at 6% 14%,
      var(--arena-background-glow-a),
      transparent 62%),
    radial-gradient(
      48vw 48vw at 88% 12%,
      var(--arena-background-glow-b),
      transparent 64%),
    radial-gradient(
      52vw 52vw at 54% 100%,
      var(--arena-background-glow-c),
      transparent 66%);
}
body::after {
  z-index: -1;
  background:
    linear-gradient(
      180deg,
      var(--arena-background-overlay) 0%,
      transparent 18%),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.025) 0%,
      transparent 24%);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--arena-primary-color-hex) 22%, rgba(255, 255, 255, 0.3)) color-mix(in srgb, var(--arena-overlay-bg) 84%, transparent);
}
*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
*::-webkit-scrollbar-track {
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      transparent 52%),
    color-mix(in srgb, var(--arena-overlay-bg) 82%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 0 0 1px color-mix(in srgb, var(--arena-overlay-border) 74%, transparent);
}
*::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background:
    radial-gradient(
      circle at top,
      rgba(255, 255, 255, 0.24),
      transparent 56%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    color-mix(in srgb, var(--arena-primary-color-hex) 18%, var(--arena-control-bg));
  background-clip: padding-box;
  box-shadow: 0 10px 20px rgba(7, 14, 29, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}
*::-webkit-scrollbar-thumb:hover {
  background:
    radial-gradient(
      circle at top,
      rgba(255, 255, 255, 0.28),
      transparent 56%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 42%),
    color-mix(in srgb, var(--arena-primary-color-hex) 24%, var(--arena-control-bg-hover));
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
button,
input,
textarea,
select,
a {
  font: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
.mantine-Title-root {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  font-feature-settings:
    "kern" 1,
    "liga" 1,
    "ss01" 1;
}
.mantine-Text-root,
.mantine-Button-root,
.mantine-Input-input,
.mantine-Textarea-input,
.mantine-Select-input,
.mantine-MultiSelect-input,
.mantine-Autocomplete-input,
.mantine-NumberInput-input,
.mantine-Table-root,
.mantine-Table-th,
.mantine-Table-td,
.mantine-Badge-root,
.mantine-InputWrapper-label,
.mantine-InputWrapper-description,
.mantine-InputWrapper-error,
.mantine-Tabs-tab,
.mantine-SegmentedControl-label,
.mantine-Menu-item,
.mantine-Combobox-option,
.mantine-Tooltip-tooltip,
.mantine-Modal-body,
.mantine-Drawer-body,
.mantine-Notification-root {
  font-family: var(--arena-font-ui);
}
.mantine-Kbd-root {
  font-family: var(--arena-font-accent);
  letter-spacing: 0.04em;
}
img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
::selection {
  background: var(--arena-interactive-strong);
}
#root {
  position: relative;
  min-height: 100dvh;
}
:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.94), 0 0 0 5px color-mix(in srgb, var(--arena-primary-color-hex) 24%, transparent);
}
[data-theme-transitioning] *,
[data-theme-transitioning] *::before,
[data-theme-transitioning] *::after {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    opacity 180ms ease !important;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.arena-tech-label {
  font-family: var(--arena-font-accent);
  letter-spacing: var(--arena-tracking-accent);
  font-weight: 700;
  text-transform: uppercase;
}
.arena-accent-value {
  font-family: var(--arena-font-accent);
  letter-spacing: 0.03em;
  font-variant-numeric: tabular-nums lining-nums;
}

/* client/styles/theme/shell.css */
.arena-shell {
  position: relative;
  min-height: 100dvh;
  color: var(--arena-text);
  --arena-sidebar-current-width: var(--arena-sidebar-width);
}
.arena-shell__user-background,
.arena-shell__backdrop-wash {
  position: fixed;
  inset: 0;
  pointer-events: none;
}
.arena-shell__user-background {
  z-index: 0;
  overflow: hidden;
}
.arena-shell__user-background::before {
  content: "";
  position: absolute;
  inset: -5%;
  background-image: var(--arena-user-bg-image);
  background-position: var(--arena-user-bg-position);
  background-repeat: var(--arena-user-bg-repeat);
  background-size: var(--arena-user-bg-size);
  opacity: var(--arena-user-bg-opacity);
  transform: translate(var(--arena-user-bg-parallax-x), var(--arena-user-bg-parallax-y)) scale(var(--arena-user-bg-parallax-scale));
  transform-origin: center;
  transition: transform 120ms linear, opacity 180ms ease;
  filter: saturate(1.02) contrast(1.02) blur(0.15px);
}
.arena-shell__user-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      transparent 20%),
    linear-gradient(
      0deg,
      rgba(8, 12, 22, 0.025),
      transparent 24%);
}
.arena-shell__backdrop-wash {
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.008) 20%,
      transparent 40%),
    radial-gradient(
      54vw 54vw at 8% 8%,
      rgba(255, 255, 255, 0.024),
      transparent 62%),
    radial-gradient(
      56vw 56vw at 92% 18%,
      rgba(255, 255, 255, 0.018),
      transparent 68%);
}
.arena-shell__header {
  position: fixed;
  z-index: 40;
  top: var(--arena-header-top);
  left: 50%;
  width: min(1220px, calc(100vw - max(40px, 2 * var(--arena-page-padding-inline))));
  transform: translateX(-50%);
  pointer-events: auto;
}
.arena-shell__header-inner,
.arena-shell__sidebar-inner,
.arena-shell__sidebar-panel-inner {
  position: relative;
  overflow: hidden;
  background: var(--arena-glass-bg);
  border: 1px solid var(--arena-shell-border);
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
}
.arena-shell__header-inner::before,
.arena-shell__sidebar-inner::before,
.arena-shell__sidebar-panel-inner::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-glass-sheen);
  pointer-events: none;
  opacity: 0.8;
}
.arena-shell__header-inner > *,
.arena-shell__sidebar-inner > *,
.arena-shell__sidebar-panel-inner > * {
  position: relative;
  z-index: 1;
}
.arena-shell__header-inner {
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: clamp(10px, 2vw, 18px);
  min-height: var(--arena-header-height);
  padding: 11px 14px;
  border-radius: 999px;
}
.arena-shell__header-search-row {
  display: none;
}
.arena-shell__header-cluster {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.arena-shell__header-cluster--meta {
  justify-content: flex-end;
  flex: 0 1 440px;
  min-width: 0;
  gap: 8px;
}
.arena-shell__header-cluster--brand {
  flex: 1 1 320px;
  min-width: 0;
}
#app-user-card {
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(100%, 430px);
}
.arena-shell__menu-button,
.arena-shell__search,
.arena-shell__account-trigger,
.arena-shell__icon-action {
  position: relative;
  border-radius: 999px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 44%),
    linear-gradient(
      145deg,
      var(--arena-control-bg-active),
      var(--arena-control-bg));
  box-shadow:
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(182, 196, 221, 0.18);
  backdrop-filter: blur(calc(var(--arena-blur-shell) * 0.72)) saturate(170%);
  -webkit-backdrop-filter: blur(calc(var(--arena-blur-shell) * 0.72)) saturate(170%);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}
.arena-shell__menu-button:hover,
.arena-shell__search:hover,
.arena-shell__account-trigger:hover,
.arena-shell__icon-action:hover {
  background: var(--arena-control-bg-hover);
  border-color: var(--arena-shell-border);
  transform: translateY(-1px);
}
.arena-shell__menu-button::before,
.arena-shell__search::before,
.arena-shell__account-trigger::before,
.arena-shell__icon-action::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 46%);
  pointer-events: none;
  opacity: 0.9;
}
.arena-shell__menu-button > *,
.arena-shell__search > *,
.arena-shell__account-trigger > *,
.arena-shell__icon-action > * {
  position: relative;
  z-index: 1;
}
.arena-shell__menu-button {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--arena-text);
  flex: 0 0 auto;
}
.arena-shell__menu-button .mantine-Burger-burger,
.arena-shell__menu-button .mantine-Burger-burger::before,
.arena-shell__menu-button .mantine-Burger-burger::after {
  background-color: currentColor;
}
.arena-shell__brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  color: var(--arena-text);
}
.arena-shell__brand-mark {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 14px 30px rgba(48, 67, 102, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.82),
      rgba(255, 255, 255, 0.4)),
    rgba(255, 255, 255, 0.42);
  flex: 0 0 auto;
  position: relative;
  display: grid;
  place-items: center;
}
.arena-shell__brand-mark-core {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 3px solid rgba(255, 135, 155, 0.7);
  border-right-color: rgba(255, 135, 155, 0.18);
  border-bottom-color: rgba(255, 135, 155, 0.18);
  box-shadow: 0 0 0 6px rgba(255, 128, 151, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.arena-shell__brand-mark-core::before,
.arena-shell__brand-mark-core::after {
  content: "";
  position: absolute;
  border-radius: 999px;
}
.arena-shell__brand-mark-core::before {
  inset: 8px;
  background:
    linear-gradient(
      180deg,
      #ff8a9d,
      #ff6b87);
  box-shadow: 0 0 18px rgba(255, 111, 145, 0.32);
}
.arena-shell__brand-mark-core::after {
  width: 8px;
  height: 8px;
  right: -2px;
  bottom: 2px;
  background: #ffc6d1;
}
.arena-shell__brand-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  max-width: 270px;
}
.arena-shell__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.arena-shell__brand-title {
  margin: 0;
  font-family: var(--arena-font-display);
  font-size: clamp(1.1rem, 1.7vw, 1.55rem);
  font-weight: 800;
  letter-spacing: var(--arena-tracking-display-tight);
  line-height: 0.9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arena-shell__search {
  flex: 0 1 330px;
  min-height: 50px;
  width: 100%;
  min-width: 0;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--arena-text);
}
.arena-shell__search-copy {
  display: inline-flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
}
.arena-shell__search-hint {
  flex: 0 0 auto;
}
.mantine-Kbd-root.arena-shell__search-hint {
  border-radius: 999px;
  background: rgba(127, 141, 170, 0.12);
  border-color: rgba(140, 154, 181, 0.18);
  color: var(--arena-text-soft);
  box-shadow: none;
}
.arena-shell__account-trigger {
  min-height: 50px;
  width: 100%;
  max-width: 100%;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--arena-text);
  min-width: 0;
}
.arena-shell__account-trigger .mantine-Avatar-root {
  flex: 0 0 auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 10px 22px rgba(69, 45, 58, 0.14);
}
.arena-shell__account-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.arena-shell__account-copy strong,
.arena-shell__account-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arena-shell__account-copy strong {
  font-family: var(--arena-font-ui);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
}
.arena-shell__account-copy span {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.arena-shell__account-trigger .mantine-Badge-root {
  flex: 0 0 auto;
}
.arena-shell__icon-action {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--arena-text);
  flex: 0 0 auto;
}
.arena-shell__sidebar {
  position: fixed;
  z-index: 35;
  top: var(--arena-sidebar-top);
  left: var(--arena-shell-gap);
  width: var(--arena-sidebar-current-width);
  max-height: min(76dvh, calc(100dvh - 140px));
  transform: translateY(-50%);
  pointer-events: auto;
}
.arena-shell__sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: inherit;
  padding: 14px 12px;
  border-radius: 999px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.arena-shell__sidebar-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.arena-shell__sidebar-inner--rail {
  align-items: stretch;
}
.arena-shell__sidebar-divider {
  width: 100%;
  height: 2px;
  margin: 4px 0 6px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--arena-divider) 72%, rgba(255, 255, 255, 0.22)),
      color-mix(in srgb, var(--arena-divider) 92%, rgba(255, 255, 255, 0.08)));
  box-shadow: 0 1px 10px rgba(18, 28, 46, 0.16);
  opacity: 0.92;
}
.arena-shell__category-button {
  width: 100%;
  min-height: 74px;
  padding: 8px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--arena-text);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}
.arena-shell__category-button:hover {
  background: var(--arena-interactive-soft);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.arena-shell__category-button[data-active=true] {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      var(--arena-interactive-strong));
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 14px 26px rgba(40, 55, 88, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.arena-shell__category-button-icon,
.arena-shell__nav-link-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--arena-control-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 10px 22px rgba(41, 56, 90, 0.08);
}
.arena-shell__category-button[data-active=true] .arena-shell__category-button-icon,
.arena-shell__nav-link[data-active=true] .arena-shell__nav-link-icon {
  background: var(--arena-control-bg-active);
  color: var(--mantine-primary-color-filled);
}
.arena-shell__category-button-copy {
  display: none;
}
.arena-shell__nav-link--rail {
  min-height: 74px;
  padding: 8px;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 6px;
  border-radius: 999px;
}
.arena-shell__nav-link--rail .arena-shell__nav-link-copy {
  display: none;
}
.arena-shell__sidebar-panel {
  position: fixed;
  z-index: 72;
  top: var(--arena-sidebar-top);
  left: calc(var(--arena-shell-gap) + var(--arena-sidebar-width) + 14px);
  width: min(310px, calc(100vw - var(--arena-page-padding-inline) - var(--arena-shell-gap) - var(--arena-sidebar-width) - 28px));
  max-height: min(76dvh, calc(100dvh - 140px));
  transform: translateY(-50%) translateX(-12px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}
.arena-shell__sidebar-panel[data-open=true] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}
.arena-shell__sidebar-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: inherit;
  padding: 18px;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 22%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-glass-bg) 82%, rgba(20, 34, 66, 0.22)),
      color-mix(in srgb, var(--arena-overlay-bg) 74%, rgba(10, 18, 36, 0.26)));
  border-color: color-mix(in srgb, var(--arena-overlay-border) 86%, rgba(255, 255, 255, 0.22));
  box-shadow:
    0 24px 56px rgba(8, 12, 24, 0.38),
    0 10px 26px color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(calc(var(--arena-blur-overlay) * 1.08)) saturate(175%);
  -webkit-backdrop-filter: blur(calc(var(--arena-blur-overlay) * 1.08)) saturate(175%);
}
.arena-shell__sidebar-panel-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      120% 88% at 0% 0%,
      color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent),
      transparent 58%),
    radial-gradient(
      110% 110% at 100% 100%,
      rgba(255, 255, 255, 0.06),
      transparent 62%);
  pointer-events: none;
  opacity: 0.88;
}
.arena-shell__sidebar-panel-header {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 14px 16px;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--arena-overlay-border) 76%, rgba(255, 255, 255, 0.18));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 40%),
    color-mix(in srgb, var(--arena-overlay-bg) 68%, rgba(16, 26, 52, 0.24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 22px rgba(10, 16, 30, 0.14);
}
.arena-shell__sidebar-panel-eyebrow {
  margin: 0;
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.arena-shell__sidebar-panel-title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  font-size: 1.08rem;
  line-height: 1.1;
}
.arena-shell__sidebar-panel-description {
  color: var(--arena-text-soft);
  font-size: 0.82rem;
  line-height: 1.5;
}
.arena-shell__sidebar-panel-sections {
  position: relative;
  min-height: 520px;
  flex: 1 1 auto;
  padding: 6px;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--arena-overlay-border) 74%, rgba(255, 255, 255, 0.16));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      transparent 28%),
    color-mix(in srgb, var(--arena-background-overlay) 70%, rgba(14, 24, 48, 0.24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.arena-shell__sidebar-panel-sections::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.arena-shell__sidebar-category {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px;
}
.arena-shell__sidebar-category[data-active=false] {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.arena-shell__nav-link {
  width: 100%;
  min-height: 74px;
  padding: 10px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border-radius: 26px;
  border: 1px solid transparent;
  color: var(--arena-text);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}
.arena-shell__nav-link:hover {
  background: var(--arena-interactive-soft);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.arena-shell__nav-link[data-active=true] {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      var(--arena-interactive-strong));
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 14px 28px rgba(40, 55, 88, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.arena-shell__nav-link--rail,
.arena-shell__nav-link--rail:hover,
.arena-shell__nav-link--rail[data-active=true] {
  border-radius: 999px;
}
.arena-shell__nav-link--panel {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border-color: color-mix(in srgb, var(--arena-control-border) 84%, rgba(255, 255, 255, 0.16));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 44%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-bg-active) 78%, rgba(22, 38, 68, 0.26)),
      color-mix(in srgb, var(--arena-control-bg) 82%, rgba(12, 22, 42, 0.22)));
  box-shadow:
    0 10px 22px rgba(12, 18, 32, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.74),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(calc(var(--arena-blur-shell) * 0.82)) saturate(170%);
  -webkit-backdrop-filter: blur(calc(var(--arena-blur-shell) * 0.82)) saturate(170%);
}
.arena-shell__nav-link--panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    radial-gradient(
      120% 80% at 0% 0%,
      color-mix(in srgb, var(--arena-primary-color-hex) 8%, transparent),
      transparent 56%);
  pointer-events: none;
  opacity: 0.96;
}
.arena-shell__nav-link--panel:hover {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 18%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2),
      transparent 46%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-primary-color-hex) 12%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-control-bg-hover) 88%, rgba(18, 32, 58, 0.18)));
  box-shadow:
    0 14px 26px color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
.arena-shell__nav-link--panel[data-active=true] {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 22%, rgba(255, 255, 255, 0.26));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.22),
      transparent 44%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-primary-color-hex) 15%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-control-bg) 90%, rgba(20, 34, 66, 0.18)));
  box-shadow:
    0 18px 30px color-mix(in srgb, var(--arena-primary-color-hex) 12%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
.arena-shell__nav-link--panel .arena-shell__nav-link-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 38%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-bg-active) 74%, rgba(26, 42, 72, 0.2)),
      color-mix(in srgb, var(--arena-control-bg) 84%, rgba(18, 28, 50, 0.18)));
  box-shadow: 0 8px 18px rgba(18, 28, 46, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.arena-shell__nav-link--rail {
  padding: 8px;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 6px;
}
.arena-shell__nav-link--rail[data-active=true] {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      var(--arena-interactive-strong));
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 14px 26px rgba(40, 55, 88, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.arena-shell__nav-link-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.arena-shell__nav-link-label,
.arena-shell__nav-link-hint,
.arena-shell__category-button-label,
.arena-shell__category-button-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arena-shell__nav-link-label {
  font-family: var(--arena-font-ui);
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.012em;
}
.arena-shell__nav-link-hint {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.78rem;
}
.arena-shell__category-button-label {
  font-family: var(--arena-font-ui);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.arena-shell__category-button-meta {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
}
.arena-shell__main {
  position: relative;
  padding: var(--arena-content-top-padding) var(--arena-page-padding-inline) calc(var(--arena-page-padding-block) + 12px) calc(var(--arena-page-padding-inline) + var(--arena-sidebar-width) + 28px);
}
.arena-shell__main-inner {
  width: min(100%, var(--arena-main-max-width));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 2vw, 24px);
  position: relative;
}
.arena-shell__main-inner > * {
  min-width: 0;
}
html[data-app-color-scheme=dark] .arena-shell__user-background::after {
  background:
    linear-gradient(
      180deg,
      rgba(4, 9, 18, 0.26),
      transparent 22%),
    linear-gradient(
      0deg,
      rgba(4, 8, 15, 0.34),
      transparent 24%);
}
html[data-app-color-scheme=dark] .arena-shell__backdrop-wash {
  background:
    linear-gradient(
      180deg,
      rgba(8, 12, 22, 0.1),
      rgba(8, 12, 22, 0.03) 24%,
      transparent 46%),
    radial-gradient(
      54vw 54vw at 8% 8%,
      rgba(24, 42, 82, 0.08),
      transparent 62%),
    radial-gradient(
      56vw 56vw at 92% 18%,
      rgba(97, 55, 116, 0.06),
      transparent 68%);
}
html[data-app-color-scheme=dark] .arena-shell__brand-mark {
  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.14),
      rgba(255, 255, 255, 0.04)),
    rgba(12, 18, 31, 0.74);
}
@media (max-width: 75em) {
  .arena-shell__search {
    flex-basis: 286px;
  }
  .arena-shell__account-copy span {
    display: none;
  }
  .arena-shell__brand-title {
    font-size: clamp(1.02rem, 1.5vw, 1.38rem);
  }
  #app-user-card {
    max-width: 320px;
  }
}
@media (max-width: 62em) {
  .arena-shell__header {
    width: calc(100vw - 2 * var(--arena-page-padding-inline));
  }
  .arena-shell__brand-title {
    font-size: clamp(1rem, 2.4vw, 1.28rem);
  }
  .arena-shell__header-inner {
    gap: 10px;
    padding: 10px 12px;
  }
  .arena-shell__header-cluster--brand {
    flex: 1 1 0;
  }
  .arena-shell__search {
    flex: 1 1 240px;
    min-width: 0;
  }
  .arena-shell__header-cluster--meta {
    flex: 0 1 320px;
  }
  #app-user-card {
    max-width: 280px;
  }
  .arena-shell__sidebar {
    top: auto;
    bottom: calc(var(--arena-shell-gap) + env(safe-area-inset-bottom));
    left: 50%;
    width: min(96vw, 1220px);
    max-height: none;
    transform: translateX(-50%);
  }
  .arena-shell__sidebar-inner {
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    padding: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 999px;
  }
  .arena-shell__sidebar-divider {
    width: 2px;
    height: auto;
    flex: 0 0 2px;
    align-self: stretch;
    margin: 0 4px;
    background:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--arena-divider) 72%, rgba(255, 255, 255, 0.22)),
        color-mix(in srgb, var(--arena-divider) 92%, rgba(255, 255, 255, 0.08)));
  }
  .arena-shell__category-button {
    min-width: 152px;
    min-height: 58px;
    grid-template-columns: 40px minmax(0, 1fr);
    justify-items: stretch;
    gap: 10px;
    padding: 8px 12px;
  }
  .arena-shell__nav-link--rail {
    min-width: 152px;
    min-height: 58px;
    grid-template-columns: 40px minmax(0, 1fr);
    justify-items: stretch;
    gap: 10px;
    padding: 8px 12px;
  }
  .arena-shell__category-button-icon {
    width: 40px;
    height: 40px;
    border-radius: 16px;
  }
  .arena-shell__nav-link--rail .arena-shell__nav-link-icon {
    width: 40px;
    height: 40px;
    border-radius: 16px;
  }
  .arena-shell__category-button-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
  }
  .arena-shell__nav-link--rail .arena-shell__nav-link-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: center;
  }
  .arena-shell__nav-link--rail .arena-shell__nav-link-hint {
    display: none;
  }
  .arena-shell__sidebar-panel {
    top: auto;
    left: 50%;
    bottom: calc(var(--arena-shell-gap) + env(safe-area-inset-bottom) + 90px);
    width: calc(100vw - 2 * var(--arena-page-padding-inline));
    max-height: min(44dvh, 420px);
    transform: translateX(-50%) translateY(16px);
  }
  .arena-shell__sidebar-panel[data-open=true] {
    transform: translateX(-50%) translateY(0);
  }
  .arena-shell__sidebar-panel-inner {
    max-height: inherit;
    padding: 14px;
    border-radius: 28px;
  }
  .arena-shell__sidebar-panel-sections {
    min-height: 0;
    max-height: calc(min(44dvh, 420px) - 116px);
    overflow-y: auto;
  }
  .arena-shell__nav-link {
    min-height: 66px;
    padding: 9px;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 10px;
    border-radius: 22px;
  }
  .arena-shell__nav-link-icon {
    width: 46px;
    height: 46px;
  }
  .arena-shell__main {
    padding: var(--arena-content-top-padding) var(--arena-page-padding-inline) calc(var(--arena-page-padding-block) + 104px + env(safe-area-inset-bottom)) var(--arena-page-padding-inline);
  }
}
@media (max-width: 48em) {
  .arena-shell__account-trigger {
    min-width: 0;
    padding-inline: 10px;
  }
  .arena-shell__account-trigger .mantine-Badge-root {
    display: none;
  }
  .arena-shell__search-hint {
    display: none;
  }
}
@media (max-width: 36em) {
  .arena-shell__header {
    width: calc(100vw - 20px);
  }
  .arena-shell__header-inner {
    min-height: 78px;
    gap: 8px;
  }
  .arena-shell__header-search-row {
    display: block;
    margin-top: 10px;
  }
  .arena-shell__search--mobile {
    width: 100%;
    min-height: 52px;
    justify-content: flex-start;
  }
  .arena-shell__brand-mark {
    width: 46px;
    height: 46px;
  }
  .arena-shell__brand-copy {
    display: none;
  }
  .arena-shell__account-copy {
    display: none;
  }
  .arena-shell__sidebar-inner {
    gap: 6px;
    padding: 8px;
  }
  .arena-shell__sidebar-divider {
    display: none;
  }
  .arena-shell__category-button {
    min-width: 132px;
    padding-inline: 10px;
  }
  .arena-shell__nav-link--rail {
    min-width: 132px;
    padding-inline: 10px;
  }
  .arena-shell__category-button-meta {
    display: none;
  }
  .arena-shell__sidebar-panel {
    width: calc(100vw - 20px);
    bottom: calc(var(--arena-shell-gap) + env(safe-area-inset-bottom) + 82px);
  }
}

/* client/styles/theme/surfaces.css */
.mantine-Card-root,
.mantine-Paper-root,
.mantine-Accordion-item,
.mantine-Stepper-step,
.mantine-Stepper-content,
.mantine-Stepper-separator {
  position: relative;
  overflow: hidden;
  background: var(--arena-surface-glass-bg);
  border: 1px solid var(--arena-shell-border);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.mantine-Card-root::before,
.mantine-Paper-root::before,
.mantine-Alert-root::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  pointer-events: none;
  opacity: 0.36;
}
.mantine-Alert-root {
  position: relative;
  overflow: hidden;
  background: var(--arena-surface-glass-bg);
  border: 1px solid var(--arena-shell-border);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.mantine-Card-root > *,
.mantine-Paper-root > *,
.mantine-Alert-root > * {
  position: relative;
  z-index: 1;
}
.mantine-Skeleton-root {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.18),
      rgba(255, 255, 255, 0.44),
      rgba(255, 255, 255, 0.18)),
    color-mix(in srgb, var(--arena-shell-bg) 96%, transparent);
  border: 1px solid var(--arena-shell-border);
}
.mantine-Accordion-item {
  overflow: hidden;
  margin-bottom: 12px;
  border-radius: 24px;
}
.mantine-Accordion-control,
.mantine-Accordion-panel {
  background: transparent;
}
.mantine-Stepper-stepIcon {
  background: var(--arena-surface-glass-bg);
  border-color: var(--arena-shell-border);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.mantine-Stepper-stepCompletedIcon {
  color: var(--mantine-primary-color-filled);
}
html[data-app-color-scheme=dark] .mantine-Card-root::before,
html[data-app-color-scheme=dark] .mantine-Paper-root::before {
  background: var(--arena-surface-glass-sheen);
}

/* client/styles/theme/controls.css */
.mantine-Button-root,
.mantine-ActionIcon-root,
.mantine-ThemeIcon-root,
.mantine-Pagination-control,
.mantine-CloseButton-root,
.mantine-SegmentedControl-root,
.mantine-SegmentedControl-control,
.mantine-SegmentedControl-label,
.mantine-Tabs-list,
.mantine-Tabs-tab,
.mantine-Chip-label,
.mantine-Pill-root,
.mantine-NavLink-root,
.mantine-Accordion-control,
.mantine-Stepper-step,
.mantine-Stepper-stepIcon,
.mantine-Input-input,
.mantine-Textarea-input,
.mantine-Select-input,
.mantine-MultiSelect-input,
.mantine-Autocomplete-input,
.mantine-NumberInput-input,
.mantine-PillsInput-input,
.mantine-Combobox-search,
.mantine-Checkbox-input,
.mantine-Radio-radio,
.mantine-Switch-track,
.mantine-Fieldset-root,
.mantine-Progress-root,
.arena-shell__menu-button,
.arena-shell__search,
.arena-shell__account-trigger,
.arena-shell__icon-action,
.arena-shell__category-button,
.glass-data-table__sort-button {
  backdrop-filter: blur(calc(var(--arena-blur-surface) * 0.82)) saturate(165%);
  -webkit-backdrop-filter: blur(calc(var(--arena-blur-surface) * 0.82)) saturate(165%);
}
.mantine-Button-root,
.mantine-ActionIcon-root,
.mantine-ThemeIcon-root,
.mantine-Pagination-control,
.mantine-CloseButton-root,
.mantine-Tabs-tab,
.mantine-Chip-label,
.mantine-Pill-root,
.mantine-NavLink-root,
.mantine-Accordion-control,
.mantine-Stepper-stepIcon,
.arena-shell__menu-button,
.arena-shell__search,
.arena-shell__account-trigger,
.arena-shell__icon-action,
.arena-shell__category-button,
.glass-data-table__sort-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.mantine-Button-root,
.mantine-ActionIcon-root,
.mantine-ThemeIcon-root,
.mantine-Pagination-control,
.mantine-CloseButton-root,
.mantine-Chip-label,
.mantine-Pill-root,
.mantine-NavLink-root,
.mantine-Accordion-control,
.mantine-Stepper-stepIcon,
.arena-shell__menu-button,
.arena-shell__search,
.arena-shell__account-trigger,
.arena-shell__icon-action,
.arena-shell__category-button,
.glass-data-table__sort-button {
  --arena-button-accent: var(--mantine-primary-color-filled);
  --arena-button-contrast: var(--arena-text);
  --arena-button-surface-start: 14%;
  --arena-button-surface-end: 7%;
  --arena-button-border-mix: 18%;
  --arena-button-hover-start: 22%;
  --arena-button-hover-end: 11%;
  border: 1px solid color-mix(in srgb, var(--arena-button-accent) var(--arena-button-border-mix), var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--arena-button-accent) 20%, transparent),
      transparent 52%),
    var(--arena-control-reflection),
    var(--arena-control-sheen),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-button-accent) var(--arena-button-surface-start), var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-button-accent) var(--arena-button-surface-end), var(--arena-control-bg)));
  color: var(--arena-button-contrast);
  box-shadow:
    0 18px 32px color-mix(in srgb, var(--arena-button-accent) 14%, transparent),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  transition:
    transform 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}
.mantine-Button-root::before,
.mantine-ActionIcon-root::before,
.mantine-ThemeIcon-root::before,
.mantine-Pagination-control::before,
.mantine-CloseButton-root::before,
.mantine-Chip-label::before,
.mantine-Pill-root::before,
.mantine-NavLink-root::before,
.mantine-Accordion-control::before,
.mantine-Stepper-stepIcon::before,
.arena-shell__menu-button::before,
.arena-shell__search::before,
.arena-shell__account-trigger::before,
.arena-shell__icon-action::before,
.arena-shell__category-button::before,
.glass-data-table__sort-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2),
      transparent 46%);
  pointer-events: none;
  opacity: 0.9;
}
.mantine-Button-root > :not([aria-hidden=true]),
.mantine-ActionIcon-root > *,
.mantine-ThemeIcon-root > *,
.mantine-Pagination-control > *,
.mantine-CloseButton-root > *,
.mantine-Chip-label > *,
.mantine-Pill-root > *,
.mantine-NavLink-root > *,
.mantine-Accordion-control > *,
.mantine-Stepper-stepIcon > *,
.arena-shell__menu-button > *,
.arena-shell__search > *,
.arena-shell__account-trigger > *,
.arena-shell__icon-action > *,
.arena-shell__category-button > *,
.glass-data-table__sort-button > * {
  position: relative;
  z-index: 1;
}
.mantine-Button-root > [aria-hidden=true] {
  pointer-events: none;
  z-index: 2;
}
.mantine-Button-root[data-variant=filled],
.mantine-ActionIcon-root[data-variant=filled],
.mantine-ThemeIcon-root[data-variant=filled],
.mantine-Pagination-control[data-active=true],
.arena-shell__category-button[data-active=true] {
  --arena-button-accent: var(--button-bg, var(--mantine-primary-color-filled));
  --arena-button-contrast: #fff;
  --arena-button-surface-start: 54%;
  --arena-button-surface-end: 86%;
  --arena-button-border-mix: 32%;
  --arena-button-hover-start: 60%;
  --arena-button-hover-end: 92%;
}
.mantine-Button-root[data-variant=light],
.mantine-Button-root[data-variant=subtle],
.mantine-Button-root[data-variant=outline],
.mantine-Button-root[data-variant=default],
.mantine-ActionIcon-root:not([data-variant=filled]),
.mantine-ThemeIcon-root:not([data-variant=filled]),
.mantine-Pagination-control:not([data-active=true]),
.mantine-CloseButton-root,
.mantine-Chip-label,
.mantine-Pill-root,
.mantine-NavLink-root,
.mantine-Accordion-control,
.mantine-Stepper-stepIcon,
.arena-shell__menu-button,
.arena-shell__search,
.arena-shell__account-trigger,
.arena-shell__icon-action,
.arena-shell__category-button,
.glass-data-table__sort-button {
  --arena-button-accent: var(--button-color, var(--mantine-primary-color-filled));
}
.mantine-Button-root:hover,
.mantine-ActionIcon-root:hover,
.mantine-ThemeIcon-root:hover,
.mantine-Pagination-control:hover,
.mantine-CloseButton-root:hover,
.mantine-Chip-label:hover,
.mantine-Pill-root:hover,
.mantine-NavLink-root:hover,
.mantine-Accordion-control:hover,
.mantine-Stepper-stepIcon:hover,
.arena-shell__menu-button:hover,
.arena-shell__search:hover,
.arena-shell__account-trigger:hover,
.arena-shell__icon-action:hover,
.arena-shell__category-button:hover,
.glass-data-table__sort-button:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--arena-button-accent) 28%, white 10%);
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--arena-button-accent) 26%, transparent),
      transparent 50%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.34),
      rgba(255, 255, 255, 0.1) 24%,
      transparent 56%),
    radial-gradient(
      78% 110% at 12% 6%,
      rgba(255, 255, 255, 0.22),
      transparent 42%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-button-accent) var(--arena-button-hover-start), var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-button-accent) var(--arena-button-hover-end), var(--arena-control-bg-hover)));
  box-shadow:
    0 22px 40px color-mix(in srgb, var(--arena-button-accent) 18%, transparent),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(255, 255, 255, 0.14);
}
.mantine-Button-root[data-disabled],
.mantine-Button-root:disabled,
.mantine-ActionIcon-root[data-disabled],
.mantine-ActionIcon-root:disabled,
.mantine-ThemeIcon-root[data-disabled],
.mantine-Pagination-control[data-disabled],
.mantine-CloseButton-root[data-disabled],
.arena-shell__menu-button[disabled],
.arena-shell__search[disabled],
.arena-shell__account-trigger[disabled],
.arena-shell__icon-action[disabled],
.arena-shell__category-button[disabled],
.glass-data-table__sort-button[disabled] {
  opacity: 0.58;
  transform: none;
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.52);
}
.mantine-Button-root[data-variant=filled],
.mantine-ActionIcon-root[data-variant=filled],
.mantine-ThemeIcon-root[data-variant=filled],
.mantine-Pagination-control[data-active=true] {
  color: #fff;
}
.mantine-Button-root[data-variant=subtle],
.mantine-Button-root[data-variant=light],
.mantine-Button-root[data-variant=default],
.mantine-Button-root[data-variant=outline],
.mantine-ActionIcon-root:not([data-variant=filled]),
.mantine-ThemeIcon-root:not([data-variant=filled]) {
  color: var(--arena-text);
}
.mantine-Badge-root,
.mantine-Chip-label,
.mantine-Pill-root {
  font-family: var(--arena-font-ui);
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 14%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.08) 28%,
      transparent 56%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-soft) 72%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 5%, var(--arena-control-bg)));
  color: var(--arena-text);
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--arena-primary-color-hex) 8%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 0.03em;
}
.mantine-Badge-root[data-variant=filled],
.mantine-Chip-input:checked + .mantine-Chip-label,
.mantine-Chip-label[data-checked=true] {
  color: #fff;
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 72%, white 8%);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.24),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, white 16%, var(--mantine-primary-color-filled)),
      color-mix(in srgb, black 4%, var(--mantine-primary-color-filled)));
}
.mantine-InputWrapper-label,
.mantine-Checkbox-label,
.mantine-Radio-label,
.mantine-Switch-label,
.mantine-Fieldset-legend {
  color: var(--arena-text);
  font-weight: 600;
}
.mantine-InputWrapper-description,
.mantine-InputWrapper-error,
.mantine-Checkbox-description,
.mantine-Switch-description,
.mantine-Fieldset-description {
  color: var(--arena-text-muted);
}
.mantine-Fieldset-root {
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-shell-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 34%),
    color-mix(in srgb, var(--arena-surface-glass-bg) 92%, transparent);
  box-shadow: var(--arena-surface-glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.mantine-Input-input,
.mantine-Textarea-input,
.mantine-Select-input,
.mantine-MultiSelect-input,
.mantine-Autocomplete-input,
.mantine-NumberInput-input,
.mantine-PillsInput-input,
.mantine-Combobox-search {
  min-height: 52px;
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.1) 18%,
      transparent 46%),
    radial-gradient(
      90% 140% at 0% 0%,
      color-mix(in srgb, var(--arena-primary-color-hex) 8%, rgba(255, 255, 255, 0.12)),
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-soft) 74%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 4%, var(--arena-control-bg)));
  color: var(--arena-text);
  box-shadow:
    0 14px 26px color-mix(in srgb, var(--arena-primary-color-hex) 6%, transparent),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.mantine-Textarea-input {
  min-height: 104px;
}
.mantine-Input-input::placeholder,
.mantine-Textarea-input::placeholder,
.mantine-Select-input::placeholder,
.mantine-MultiSelect-input::placeholder,
.mantine-Autocomplete-input::placeholder,
.mantine-NumberInput-input::placeholder,
.mantine-PillsInput-input::placeholder,
.mantine-Combobox-search::placeholder {
  color: var(--arena-text-soft);
}
.mantine-Input-input:hover,
.mantine-Textarea-input:hover,
.mantine-Select-input:hover,
.mantine-MultiSelect-input:hover,
.mantine-Autocomplete-input:hover,
.mantine-NumberInput-input:hover,
.mantine-PillsInput-input:hover,
.mantine-Combobox-search:hover {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 18%, var(--arena-shell-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.34),
      rgba(255, 255, 255, 0.12) 18%,
      transparent 46%),
    radial-gradient(
      90% 140% at 0% 0%,
      color-mix(in srgb, var(--arena-primary-color-hex) 10%, rgba(255, 255, 255, 0.16)),
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-strong) 78%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 5%, var(--arena-control-bg-hover)));
}
.mantine-Input-input:focus,
.mantine-Textarea-input:focus,
.mantine-Select-input:focus,
.mantine-MultiSelect-input:focus,
.mantine-Autocomplete-input:focus,
.mantine-NumberInput-input:focus,
.mantine-PillsInput-input:focus,
.mantine-Combobox-search:focus,
.mantine-Button-root:focus-visible,
.mantine-ActionIcon-root:focus-visible,
.mantine-ThemeIcon-root:focus-visible,
.mantine-Pagination-control:focus-visible,
.mantine-CloseButton-root:focus-visible,
.mantine-Tabs-tab:focus-visible,
.mantine-Chip-label:focus-visible,
.mantine-NavLink-root:focus-visible,
.mantine-Accordion-control:focus-visible {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 42%, white 16%);
  outline: none;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.92),
    0 0 0 5px var(--arena-control-focus-ring),
    0 18px 34px color-mix(in srgb, var(--arena-primary-color-hex) 14%, transparent),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
.mantine-Input-input[data-error],
.mantine-Textarea-input[data-error],
.mantine-Select-input[data-error],
.mantine-MultiSelect-input[data-error],
.mantine-Autocomplete-input[data-error],
.mantine-NumberInput-input[data-error],
.mantine-PillsInput-input[data-error],
.mantine-Combobox-search[data-error] {
  border-color: color-mix(in srgb, var(--arena-state-danger) 48%, var(--arena-control-border));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.9),
    0 0 0 4px color-mix(in srgb, var(--arena-state-danger) 18%, transparent),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}
.mantine-Input-section,
.mantine-Select-section,
.mantine-NumberInput-control,
.mantine-PasswordInput-toggle {
  color: var(--arena-text-soft);
}
.mantine-NumberInput-control,
.mantine-PasswordInput-toggle,
.mantine-CloseButton-root {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.28),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 56%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-soft) 72%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 4%, var(--arena-control-bg)));
}
.mantine-Checkbox-input,
.mantine-Radio-radio,
.mantine-Switch-track {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 12%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.28),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 56%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-soft) 72%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 4%, var(--arena-control-bg)));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 10px 22px color-mix(in srgb, var(--arena-primary-color-hex) 8%, transparent);
}
.mantine-Checkbox-input:checked,
.mantine-Checkbox-input[data-checked=true],
.mantine-Radio-radio:checked,
.mantine-Radio-radio[data-checked=true],
.mantine-Switch-track[data-checked=true] {
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 72%, white 8%);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.24),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, white 16%, var(--mantine-primary-color-filled)),
      color-mix(in srgb, black 4%, var(--mantine-primary-color-filled)));
}
.mantine-Checkbox-icon,
.mantine-Radio-icon {
  color: #fff;
}
.mantine-Switch-thumb {
  border-color: rgba(255, 255, 255, 0.88);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.98),
      rgba(245, 248, 255, 0.9));
  box-shadow: 0 8px 18px rgba(18, 28, 47, 0.18);
}
.mantine-SegmentedControl-root,
.mantine-Tabs-list {
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.22),
      rgba(255, 255, 255, 0.06) 24%,
      transparent 56%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-soft) 76%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 4%, var(--arena-control-bg)));
  box-shadow:
    var(--arena-control-glow),
    var(--arena-control-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
.mantine-Tabs-list {
  gap: 6px;
  padding: 6px;
  border-radius: 24px;
  align-items: stretch;
}
.mantine-Tabs-list::before,
.mantine-Tabs-list::after {
  content: none;
  display: none;
}
.mantine-Tabs-tab,
.mantine-SegmentedControl-label,
.mantine-NavLink-root {
  position: relative;
  min-height: 52px;
  padding-inline: 18px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-weight: 700;
  letter-spacing: -0.012em;
  transition:
    transform 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease,
    color 150ms ease;
}
.mantine-Tabs-tab::before,
.mantine-Tabs-tab::after,
.mantine-NavLink-root::before,
.mantine-NavLink-root::after {
  display: none;
}
.mantine-Tabs-tab:hover,
.mantine-SegmentedControl-label:hover,
.mantine-NavLink-root:hover {
  color: var(--arena-text);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.22),
      transparent 54%),
    color-mix(in srgb, var(--arena-primary-color-hex) 6%, var(--arena-control-bg-hover));
}
.mantine-SegmentedControl-indicator {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-control-tint-strong) 80%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 8%, rgba(255, 255, 255, 0.82)));
  border: 1px solid rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 28px color-mix(in srgb, var(--arena-primary-color-hex) 14%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.mantine-Tabs-tab,
.mantine-SegmentedControl-label,
.mantine-Pagination-control {
  color: var(--arena-text-soft);
}
.mantine-Tabs-tab[data-active],
.mantine-SegmentedControl-label[data-active=true],
.mantine-Pagination-control[data-active=true],
.mantine-NavLink-root[data-active=true] {
  color: var(--arena-text);
}
.mantine-Tabs-tab[data-active],
.mantine-SegmentedControl-label[data-active=true],
.mantine-Pagination-control[data-active=true],
.mantine-NavLink-root[data-active=true] {
  border-color: color-mix(in srgb, var(--arena-primary-color-hex) 22%, var(--arena-shell-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.24),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 54%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-primary-color-hex) 12%, var(--arena-control-bg-active)),
      color-mix(in srgb, var(--arena-primary-color-hex) 5%, var(--arena-control-bg)));
  box-shadow: 0 16px 26px color-mix(in srgb, var(--arena-primary-color-hex) 14%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
.mantine-Tabs-panel {
  min-width: 0;
}
.mantine-Progress-root {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 54%),
    color-mix(in srgb, var(--arena-control-bg) 84%, transparent);
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-control-border));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 12px 24px color-mix(in srgb, var(--arena-primary-color-hex) 6%, transparent);
}
.mantine-Progress-section {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, white 18%, var(--mantine-primary-color-filled)),
      var(--mantine-primary-color-filled));
}

/* client/styles/theme/overlays.css */
.mantine-Menu-dropdown,
.mantine-Popover-dropdown,
.mantine-Combobox-dropdown {
  z-index: 620 !important;
}
.mantine-Menu-dropdown,
.mantine-Popover-dropdown,
.mantine-Combobox-dropdown,
.mantine-Tooltip-tooltip,
.mantine-Modal-content,
.mantine-Drawer-content,
.mantine-Notification-root {
  background: var(--arena-overlay-bg);
  border: 1px solid var(--arena-overlay-border);
  box-shadow: var(--arena-overlay-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
  -webkit-backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
}
.mantine-Modal-overlay,
.mantine-Drawer-overlay {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.mantine-Modal-content,
.mantine-Drawer-content {
  max-height: calc(100dvh - 24px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mantine-Modal-content [data-scrollbars],
.mantine-Drawer-content [data-scrollbars] {
  overscroll-behavior: contain;
}
.mantine-Modal-header,
.mantine-Drawer-header {
  flex: none;
}
.mantine-Modal-body,
.mantine-Drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.mantine-Modal-body > *,
.mantine-Drawer-body > * {
  min-width: 0;
}
.mantine-Modal-body > .mantine-ScrollArea-root,
.mantine-Drawer-body > .mantine-ScrollArea-root,
.mantine-Modal-body > .mantine-ScrollArea-autosize,
.mantine-Drawer-body > .mantine-ScrollArea-autosize {
  flex: 1 1 auto;
  min-height: 0;
}
.mantine-Modal-body .mantine-ScrollArea-viewport,
.mantine-Drawer-body .mantine-ScrollArea-viewport {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.mantine-Menu-label,
.mantine-Combobox-groupLabel {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.mantine-Menu-item,
.mantine-Combobox-option {
  font-family: var(--arena-font-ui);
  border-radius: 16px;
  color: var(--arena-text);
  transition:
    background-color 150ms ease,
    color 150ms ease,
    transform 150ms ease,
    box-shadow 150ms ease;
}
.mantine-Menu-item:hover,
.mantine-Menu-item[data-hovered],
.mantine-Combobox-option:hover,
.mantine-Combobox-option[data-combobox-selected=true] {
  transform: translateY(-1px);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.22),
      transparent 52%),
    color-mix(in srgb, var(--arena-primary-color-hex) 10%, var(--arena-control-bg-hover));
  box-shadow: 0 10px 20px color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}
.mantine-Combobox-option[data-combobox-selected=true] {
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 18%, var(--arena-control-border));
}
.mantine-Tooltip-tooltip {
  font-family: var(--arena-font-ui);
  color: var(--arena-text);
  padding: 10px 12px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 34%),
    var(--arena-overlay-bg);
}
.mantine-Modal-header,
.mantine-Drawer-header {
  background: transparent;
  border-bottom: 1px solid var(--arena-divider);
}
.mantine-Modal-body,
.mantine-Drawer-body {
  font-family: var(--arena-font-ui);
  color: var(--arena-text);
}
.mantine-Notification-root {
  overflow: hidden;
}
.mantine-Notification-root::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 34%);
  pointer-events: none;
}
.mantine-Notifications-root {
  z-index: 450;
}
.card-preview-zoom__hover {
  position: fixed;
  z-index: 460;
  pointer-events: none;
}
.card-preview-zoom__hover-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--arena-overlay-border);
  background: var(--arena-overlay-bg);
  box-shadow: var(--arena-overlay-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
  -webkit-backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
}
.card-preview-zoom__modal {
  position: fixed;
  inset: 0;
  z-index: 470;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: color-mix(in srgb, var(--arena-background-overlay) 88%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.card-preview-zoom__modal-shell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: min(94vw, 1100px);
  max-height: calc(100dvh - 32px);
}
.card-preview-zoom__modal-surface {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-height: calc(100dvh - 92px);
  padding: 20px;
  overflow: auto;
  border-radius: 30px;
  border: 1px solid var(--arena-overlay-border);
  background: var(--arena-overlay-bg);
  box-shadow: var(--arena-overlay-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
  -webkit-backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
}
.card-preview-zoom__modal-image {
  display: block;
  width: auto;
  max-width: min(100%, 1040px);
  max-height: calc(100dvh - 140px);
  object-fit: contain;
}
.card-preview-zoom__modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--arena-overlay-border);
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 46%),
    var(--arena-control-bg);
  color: var(--arena-text);
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(7, 14, 29, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.card-preview-zoom__modal-hint {
  color: var(--arena-text-muted);
  font-family: var(--arena-font-ui);
  font-size: 0.86rem;
  text-align: center;
}

/* client/styles/theme/tables.css */
.mantine-Table-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.mantine-Table-th {
  padding: 0 16px 12px;
  border-bottom: 1px solid var(--arena-divider);
  color: var(--arena-text-soft);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.mantine-Table-thead .mantine-Table-tr {
  background: transparent;
}
.mantine-Table-td {
  padding: 14px 16px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1),
      transparent 52%),
    color-mix(in srgb, var(--arena-surface-bg-strong) 96%, transparent);
  border-top: 1px solid var(--arena-shell-border);
  border-bottom: 1px solid var(--arena-shell-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}
.mantine-Table-th,
.mantine-Table-td {
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.mantine-Table-tr .mantine-Table-td:first-child {
  border-left: 1px solid var(--arena-shell-border);
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.mantine-Table-tr .mantine-Table-td:last-child {
  border-right: 1px solid var(--arena-shell-border);
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.mantine-Table-tbody .mantine-Table-tr:hover .mantine-Table-td {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.14),
      transparent 46%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--arena-surface-bg-strong) 104%, white 6%),
      color-mix(in srgb, var(--arena-surface-bg) 92%, transparent));
  border-color: color-mix(in srgb, var(--arena-shell-border) 90%, white 8%);
}
.mantine-Table-tbody .mantine-Table-tr[data-selected=true] .mantine-Table-td {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.14),
      transparent 46%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--mantine-primary-color-filled) 12%, var(--arena-shell-bg-strong)),
      color-mix(in srgb, var(--mantine-primary-color-filled) 6%, var(--arena-shell-bg)));
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 24%, var(--arena-shell-border));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 14px 26px color-mix(in srgb, var(--mantine-primary-color-filled) 10%, transparent);
}
.mantine-Kbd-root {
  min-width: 34px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-glass-bg);
  color: var(--arena-text-soft);
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
}

/* client/styles/theme/mantine.css */
.mantine-Avatar-root,
.mantine-Kbd-root,
.mantine-Divider-root {
  border-color: var(--arena-divider);
}
.mantine-Avatar-root {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64), 0 12px 22px rgba(48, 62, 95, 0.1);
}
.mantine-ThemeIcon-root {
  color: var(--mantine-primary-color-filled);
}
.mantine-Divider-root {
  opacity: 1;
}
.mantine-LoadingOverlay-root {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* client/styles/theme/motion.css */
@keyframes arena-pop {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.mantine-Menu-dropdown,
.mantine-Popover-dropdown,
.mantine-Combobox-dropdown,
.mantine-Modal-content,
.mantine-Drawer-content,
.mantine-Notification-root {
  animation: arena-pop 170ms ease both;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* client/styles/app-theme.css */
.app-auth-shell,
.app-loading-shell {
  min-height: 100dvh;
  width: 100%;
}
.app-auth-shell {
  display: grid;
  align-items: center;
  padding: clamp(24px, 4vw, 44px);
}
.app-auth-shell > * {
  width: min(1460px, 100%);
  margin: 0 auto;
}
.app-auth-shell .mantine-SimpleGrid-root {
  width: 100%;
}
#login-card,
#initial-setup-page {
  min-height: 100%;
}
.app-loading-shell {
  display: grid;
  place-items: center;
  padding: clamp(22px, 4vw, 40px);
}
.app-loading-shell .mantine-Center-root {
  width: 100%;
  min-height: min(56vh, 520px);
}
.app-route-frame {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 2vw, 24px);
  min-width: 0;
}
.app-access-state,
.app-placeholder-page {
  width: min(720px, 100%);
  margin-inline: auto;
  padding-top: clamp(12px, 2vw, 24px);
}
.app-access-state__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  border: 1px solid var(--arena-control-border);
  background: var(--arena-control-bg);
  color: var(--mantine-primary-color-filled);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.app-state-eyebrow {
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
@media (max-width: 48em) {
  .app-auth-shell {
    padding: 18px;
  }
}
.app-toast-region {
  z-index: 455;
}
.page-hero,
.glass-data-table__toolbar,
.glass-data-table__bulkbar,
.glass-data-table__summary,
.spotlight-search__filters-panel,
.spotlight-search__placeholder-card,
.status-banner__notice,
.table-column-selector__option,
.level-up-banner,
.app-error-boundary__surface {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.page-hero::before,
.glass-data-table__toolbar::before,
.glass-data-table__bulkbar::before,
.glass-data-table__summary::before,
.spotlight-search__filters-panel::before,
.spotlight-search__placeholder-card::before,
.status-banner__notice::before,
.table-column-selector__option::before,
.level-up-banner::before,
.app-error-boundary__surface::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  pointer-events: none;
  opacity: 0.36;
}
.page-hero {
  display: grid;
  gap: clamp(18px, 2vw, 28px);
  padding: clamp(22px, 2.6vw, 34px);
  border-radius: 34px;
}
.page-hero__glow {
  position: absolute;
  inset: auto;
  pointer-events: none;
  filter: blur(26px);
  opacity: 0.4;
  z-index: 0;
}
.page-hero__glow--primary {
  top: 18px;
  right: 10%;
  width: clamp(160px, 24vw, 280px);
  height: clamp(120px, 18vw, 220px);
  background: color-mix(in srgb, var(--mantine-primary-color-filled) 26%, transparent);
}
.page-hero__glow--secondary {
  left: -30px;
  bottom: -22px;
  width: clamp(180px, 26vw, 320px);
  height: clamp(120px, 18vw, 220px);
  background: color-mix(in srgb, #79c3ff 24%, transparent);
}
.page-hero__main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr);
  gap: clamp(18px, 2vw, 28px);
  align-items: start;
}
.page-hero--with-spotlight .page-hero__main {
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.95fr);
}
.page-hero__copy {
  min-width: 0;
}
.page-hero__eyebrow {
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.page-hero__title {
  max-width: 14ch;
  font-family: var(--arena-font-display);
  line-height: 0.88;
  font-weight: 800;
  letter-spacing: var(--arena-tracking-display-tight);
  text-wrap: balance;
}
.page-hero__description {
  max-width: 68ch;
  color: var(--arena-text-muted);
  font-size: 1rem;
  line-height: 1.7;
}
.page-hero__spotlight-shell {
  min-width: 0;
}
.page-hero__spotlight {
  min-height: 100%;
  padding: clamp(16px, 2vw, 22px);
  border-radius: 26px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.page-hero__footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 4px;
}
.page-hero__footer-main,
.page-hero__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.page-hero__footer-main {
  flex: 1 1 auto;
  align-items: flex-start;
}
.page-hero__actions {
  align-items: center;
}
.page-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
  color: var(--arena-text-muted);
}
.wave4-focus-band,
.wave4-tab-rail,
.wave4-row-card {
  --wave4-accent: var(--wave-tone-accent, var(--arena-state-info));
  position: relative;
  overflow: hidden;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.wave4-focus-band::before,
.wave4-tab-rail::before,
.wave4-row-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  opacity: 0.36;
  pointer-events: none;
}
.wave4-focus-band::after,
.wave4-tab-rail::after,
.wave4-row-card::after {
  content: "";
  position: absolute;
  top: -48px;
  right: -32px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--wave4-accent) 20%, transparent);
  filter: blur(44px);
  opacity: 0.5;
  pointer-events: none;
}
.wave4-disclosure-card {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid var(--arena-shell-border);
  overflow: hidden;
  border-radius: 24px;
  text-align: left;
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.wave4-disclosure-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  opacity: 0.32;
  pointer-events: none;
}
.wave4-disclosure-card__summary {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
}
.wave4-disclosure-card__header,
.wave4-disclosure-card__aside,
.wave4-disclosure-card__copy {
  min-width: 0;
}
.wave4-disclosure-card__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wave4-disclosure-card__eyebrow {
  color: color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 72%, var(--arena-text));
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave4-disclosure-card__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
  line-height: 1.04;
}
.wave4-disclosure-card__summary-text {
  line-height: 1.5;
}
.wave4-disclosure-card__aside {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.wave4-disclosure-card__chevron {
  border: 1px solid color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 16%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 52%),
    color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 7%, var(--arena-control-bg));
  color: var(--arena-text);
  transition: transform 180ms ease;
}
.wave4-disclosure-card[data-opened=true] .wave4-disclosure-card__chevron {
  transform: rotate(180deg);
}
.wave4-disclosure-card__dropdown {
  position: relative;
  border: 1px solid var(--arena-shell-border);
  overflow: visible;
  min-width: min(320px, calc(100vw - 24px));
  padding: 0;
  border-radius: 26px;
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
  overscroll-behavior: contain;
  isolation: isolate;
}
.wave4-disclosure-card__dropdown::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  opacity: 0.28;
  pointer-events: none;
}
.wave4-disclosure-card__body {
  position: relative;
  z-index: 1;
  padding: 16px 18px 18px;
  display: grid;
  gap: 12px;
  overflow: visible;
}
.wave4-focus-band {
  border-radius: 28px;
}
.wave4-focus-band__shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.95fr);
  gap: 14px;
}
.wave4-focus-band__main,
.wave4-focus-band__aside {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave4-focus-band__header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.wave4-focus-band__eyebrow {
  color: color-mix(in srgb, var(--wave4-accent) 74%, var(--arena-text));
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave4-focus-band__title,
.wave4-tab-rail__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  line-height: 1.04;
  color: var(--arena-text);
}
.wave4-focus-band__description {
  max-width: 66ch;
  color: var(--arena-text-muted);
  line-height: 1.52;
}
.wave4-focus-band__chips,
.wave4-focus-band__actions,
.wave4-focus-band__quick-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wave4-focus-band__signal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}
.wave4-focus-band__signal {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wave4-accent) 24%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 46%),
    color-mix(in srgb, var(--wave4-accent) 10%, var(--arena-control-bg));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.wave4-focus-band__signal-label {
  color: var(--arena-text-soft);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wave4-focus-band__signal-value {
  margin-top: 4px;
  color: var(--arena-text);
  font-family: var(--arena-font-display);
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.08;
}
.wave4-focus-band__signal-detail {
  margin-top: 4px;
  line-height: 1.5;
}
.wave4-focus-band__quick-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wave4-focus-band__quick-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wave4-accent) 18%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 44%),
    color-mix(in srgb, var(--wave4-accent) 8%, var(--arena-control-bg));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.wave4-focus-band__quick-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wave4-tab-rail {
  border-radius: 24px;
}
.wave4-tab-rail__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.wave4-tab-rail .mantine-Tabs-list {
  position: relative;
  z-index: 1;
  gap: 10px;
  flex-wrap: wrap;
}
.wave4-row-card {
  border-radius: 26px;
}
.wave4-row-card__accent {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 12px;
  width: 4px;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, white 28%, var(--wave4-accent)),
      color-mix(in srgb, var(--wave4-accent) 74%, transparent));
  opacity: 0.92;
}
.wave4-row-card__shell {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-left: 12px;
}
.wave4-auth-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.wave4-auth-disclosure-stack,
.dashboard-disclosure-stack {
  display: grid;
  gap: 12px;
}
.wave4-auth-signal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
.wave4-auth-signal {
  min-width: 0;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 18%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 44%),
    color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 8%, var(--arena-control-bg));
}
.wave4-auth-signal__title {
  font-weight: 700;
}
.wave4-auth-signal__text {
  color: var(--arena-text-muted);
  line-height: 1.45;
}
.wave4-auth-inline-list {
  display: grid;
  gap: 8px;
}
.wave4-auth-inline-list__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.wave4-auth-inline-list__item-copy {
  min-width: 0;
}
.dashboard-disclosure-grid {
  align-items: stretch;
}
.dashboard-signal-list,
.dashboard-mini-list {
  display: grid;
  gap: 10px;
}
.dashboard-mini-list__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 14%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 44%),
    color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 7%, var(--arena-control-bg));
}
.dashboard-mini-list__copy {
  min-width: 0;
}
.dashboard-mini-list__title {
  font-weight: 700;
}
.dashboard-mini-list__text {
  color: var(--arena-text-muted);
  line-height: 1.45;
}
.dashboard-disclosure-stack .dashboard-action-grid {
  margin-top: 0;
}
.wave4-inline-section {
  display: grid;
  gap: 10px;
}
.stats-focus-band__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.stats-focus-band__month {
  flex: 0 1 210px;
}
.checkin-hero-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(112px, 1fr));
  gap: 10px;
  width: min(100%, 560px);
  max-width: 100%;
}
.checkin-hero-summary-tile {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 16px;
}
.checkin-hero-summary-tile__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.checkin-hero-summary-tile__label {
  color: var(--arena-text-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.checkin-hero-summary-tile__value {
  color: var(--arena-text);
  font-family: var(--arena-font-display);
  font-size: 1.18rem;
  line-height: 1.04;
}
.checkin-hero-summary-tile__subline {
  color: var(--arena-text-muted);
  line-height: 1.42;
}
.checkin-focus-grid {
  align-items: stretch;
}
.checkin-toolbar-card__search .mantine-Input-input {
  min-height: 50px;
}
.checkin-toolbar-card__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.checkin-participant-card__shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding-left: 12px;
}
.checkin-participant-card__main,
.league-day-row-card__copy {
  min-width: 0;
}
.checkin-participant-card__main {
  text-align: left;
}
.checkin-participant-card__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkin-participant-card__badge-row,
.checkin-participant-card__meta,
.league-day-row-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.checkin-participant-card__player {
  color: var(--arena-text-muted);
}
.checkin-participant-card__actions,
.league-day-row-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  align-self: center;
}
.league-day-row-card__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}
.league-day-row-card__copy {
  display: flex;
  gap: 10px;
  min-width: 0;
}
.league-day-row-card__progress {
  max-width: 300px;
}
@media (max-width: 62em) {
  .wave4-focus-band__shell {
    grid-template-columns: 1fr;
  }
  .wave4-focus-band__aside {
    order: -1;
  }
}
@media (max-width: 48em) {
  .wave4-disclosure-card__summary {
    flex-direction: column;
  }
  .wave4-disclosure-card__aside {
    width: 100%;
    justify-content: space-between;
  }
  .checkin-hero-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .wave4-focus-band__quick-item,
  .wave4-tab-rail__head,
  .checkin-participant-card__shell,
  .league-day-row-card__shell {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }
  .wave4-row-card__accent {
    left: 14px;
    right: 14px;
    top: auto;
    bottom: 12px;
    width: auto;
    height: 4px;
  }
  .checkin-participant-card__actions,
  .league-day-row-card__actions {
    justify-content: flex-start;
  }
}
.status-banner {
  gap: 14px;
}
.status-banner__notice,
.query-error-alert {
  border-radius: 24px;
}
.status-banner__content,
.query-error-alert__content {
  gap: 12px;
}
.status-banner__message,
.query-error-alert__message {
  color: var(--arena-text);
}
.status-banner__hint,
.query-error-alert .mantine-Alert-message {
  color: var(--arena-text-muted);
}
.status-banner__actions,
.query-error-alert__actions {
  display: flex;
  flex-wrap: wrap;
}
.status-banner__notice--red,
.query-error-alert--red {
  border-color: color-mix(in srgb, var(--arena-state-danger) 26%, var(--arena-surface-border));
}
.status-banner__notice--yellow,
.query-error-alert--yellow,
.status-banner__notice--orange,
.query-error-alert--orange {
  border-color: color-mix(in srgb, var(--arena-state-warning) 22%, var(--arena-surface-border));
}
.status-banner__notice--blue,
.query-error-alert--blue {
  border-color: color-mix(in srgb, var(--arena-state-info) 22%, var(--arena-surface-border));
}
.app-error-boundary {
  width: min(840px, 100%);
  margin-inline: auto;
  padding-top: clamp(12px, 2vw, 24px);
}
.app-error-boundary__surface {
  border-radius: 30px;
}
.app-error-boundary__content {
  gap: 18px;
}
.app-error-boundary__icon,
.app-access-state__icon {
  flex: 0 0 auto;
}
.app-error-boundary__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, var(--arena-state-danger) 18%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--arena-state-danger) 12%, var(--arena-control-bg-active)),
      var(--arena-control-bg));
  color: var(--arena-state-danger);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}
.app-error-boundary__eyebrow {
  color: var(--arena-state-danger);
  font-family: var(--arena-font-ui);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.app-error-boundary__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
  text-wrap: balance;
}
.app-error-boundary__message,
.app-error-boundary__hint {
  color: var(--arena-text-muted);
}
.app-error-boundary__details {
  margin-top: 4px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-glass-bg);
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
}
.app-error-boundary__details summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--arena-text);
}
.app-error-boundary__details pre {
  margin: 14px 0 0;
  max-height: 320px;
  overflow: auto;
  white-space: pre-wrap;
  color: var(--arena-text-soft);
}
.loading-state {
  overflow: hidden;
  border-radius: 28px;
}
.loading-state__center {
  width: 100%;
}
.loading-state__center--page {
  min-height: min(64vh, 620px);
}
.loading-state__content {
  justify-content: center;
  min-height: 220px;
}
.loading-state--compact .loading-state__content {
  min-height: 132px;
}
.loading-state__spinner {
  position: relative;
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--arena-glass-bg);
  border: 1px solid var(--arena-shell-border);
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
}
.loading-state__ring,
.loading-state__core {
  position: absolute;
  border-radius: 999px;
}
.loading-state__ring {
  inset: 10px;
  border: 2px solid color-mix(in srgb, var(--mantine-primary-color-filled) 62%, transparent);
  border-inline-start-color: transparent;
  animation: loading-state-spin 1.05s linear infinite;
}
.loading-state__core {
  width: 18px;
  height: 18px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--mantine-primary-color-filled) 82%, white),
      var(--mantine-primary-color-filled));
  box-shadow: 0 0 0 8px color-mix(in srgb, var(--mantine-primary-color-filled) 16%, transparent);
}
.loading-state__copy {
  gap: 4px;
}
.loading-state__message {
  max-width: 32ch;
}
.query-error-alert {
  overflow: hidden;
}
.level-up-banner {
  border-radius: 22px;
  padding: 12px 14px;
}
.level-up-banner__label {
  color: var(--arena-text);
}
.victory-screen {
  position: fixed;
  inset: 0;
  z-index: 520;
  display: grid;
  place-items: center;
  padding: clamp(20px, 4vw, 40px);
  background: color-mix(in srgb, var(--arena-background-overlay) 92%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.victory-screen__surface {
  width: min(560px, 100%);
  border-radius: 30px;
}
.spotlight-search {
  display: flex;
  flex-direction: column;
  height: min(100%, calc(100dvh - 36px));
  max-height: calc(100dvh - 36px);
  min-height: 0;
  gap: 18px;
  padding: clamp(18px, 2.4vw, 26px);
}
.spotlight-search-modal__content {
  max-height: calc(100dvh - 36px);
}
.spotlight-search-modal__body {
  padding: 0;
  max-height: calc(100dvh - 36px);
  overflow: hidden;
}
.spotlight-search__header,
.spotlight-search__footer {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.spotlight-search__header-row {
  align-items: flex-start;
}
.spotlight-search__header-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.spotlight-search__header-actions {
  flex: 0 0 auto;
  align-items: center;
}
.spotlight-search__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  font-size: 1.04rem;
  font-weight: 800;
}
.spotlight-search__subtitle,
.spotlight-search__footer-text,
.spotlight-search__cards-text,
.spotlight-search__cards-status-text,
.spotlight-search__placeholder-text,
.spotlight-search__result-description,
.spotlight-search__action-description {
  color: var(--arena-text-muted);
}
.spotlight-search__input .mantine-Input-input {
  min-height: 60px;
  font-size: 1rem;
}
.spotlight-search__tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 16px;
  overflow: hidden;
}
.spotlight-search__tabs-list {
  flex: 0 0 auto;
}
.spotlight-search__cards-panel {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 6px;
}
.spotlight-search__panel {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.spotlight-search__quick-panel,
.spotlight-search__cards-tab,
.spotlight-search__cards-results,
.spotlight-search__section-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 10px;
}
.spotlight-search__quick-panel {
  flex: 1 1 auto;
  overflow-y: auto;
  padding-right: 6px;
}
.spotlight-search__cards-tab {
  flex: 1 1 auto;
}
.spotlight-search__cards-head,
.spotlight-search__cards-status,
.spotlight-search__cards-results-head,
.spotlight-search__footer {
  justify-content: space-between;
}
.spotlight-search__cards-actions,
.spotlight-search__cards-status-badges,
.spotlight-search__footer-shortcuts {
  align-items: center;
}
.spotlight-search__filters-panel {
  padding: 16px;
  border-radius: 24px;
}
.spotlight-search__section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.spotlight-search__section-body > .mantine-Divider-root {
  border-top-color: var(--arena-divider);
}
.spotlight-search__section-label {
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.spotlight-search__result-item {
  border: 1px solid var(--arena-shell-border);
  border-radius: 20px;
  background: var(--arena-glass-bg);
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
  transition:
    transform 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease;
}
.spotlight-search__result-item:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 24%, var(--arena-shell-border));
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.12),
      transparent 46%),
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--mantine-primary-color-filled) 10%, var(--arena-shell-bg-strong)),
      color-mix(in srgb, var(--mantine-primary-color-filled) 4%, var(--arena-shell-bg)));
}
.spotlight-search__result-item:focus-within {
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 32%, var(--arena-shell-border));
  box-shadow: var(--arena-glass-shadow), 0 18px 32px rgba(23, 35, 58, 0.16);
}
.spotlight-search__result-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}
.spotlight-search__result-main {
  min-width: 0;
  padding: 12px;
  border-radius: 16px;
}
.spotlight-search__result-copy {
  min-width: 0;
}
.spotlight-search__result-aside,
.spotlight-search__result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.spotlight-search__result-aside {
  padding-right: 10px;
}
.spotlight-search__action-button {
  min-height: 36px;
  padding-inline: 12px;
}
.spotlight-search__placeholder-card {
  border-radius: 26px;
}
.spotlight-search__placeholder-copy {
  min-height: 128px;
  justify-content: center;
}
.spotlight-search__pagination {
  padding-top: 6px;
}
.dashboard-action-grid {
  align-items: stretch;
}
.dashboard-action-tile,
.decklist-tournament-card,
.decklist-selection-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease;
}
.dashboard-action-tile::before,
.decklist-tournament-card::before,
.decklist-selection-card::before,
.decklist-tournament-spotlight::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  opacity: 0.36;
  pointer-events: none;
}
.dashboard-action-tile:hover,
.decklist-tournament-card:hover,
.decklist-selection-card:hover,
.decklist-tournament-spotlight--interactive:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 26%, var(--arena-shell-border));
  box-shadow: var(--arena-surface-glass-shadow), 0 22px 38px rgba(23, 35, 58, 0.14);
}
.dashboard-action-tile {
  --dashboard-tile-accent: var(--wave-tone-accent, var(--mantine-primary-color-filled));
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 152px;
  padding: 16px;
  border-radius: 24px;
  text-align: left;
}
.dashboard-action-tile__glow {
  position: absolute;
  top: -24px;
  right: -18px;
  width: 118px;
  height: 118px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dashboard-tile-accent) 26%, transparent);
  filter: blur(34px);
  opacity: 0.36;
  pointer-events: none;
}
.dashboard-action-tile > * {
  position: relative;
  z-index: 1;
}
.decklist-overview__stats-grid,
.decklist-tournament-grid,
.decklist-selection-grid {
  align-items: stretch;
}
.decklist-tournament-card {
  border-radius: 30px;
  text-align: left;
}
.decklist-tournament-card__shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  padding: clamp(18px, 2vw, 24px);
}
.decklist-tournament-card__head,
.decklist-tournament-card__footer,
.decklist-selection-card__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.decklist-tournament-card__copy,
.decklist-tournament-card__meta,
.decklist-selection-card__copy {
  min-width: 0;
}
.decklist-tournament-card__eyebrow {
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.decklist-tournament-card__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  line-height: 1.08;
}
.decklist-tournament-card__body {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}
.decklist-tournament-card__media {
  min-width: 0;
}
.decklist-tournament-card__logo,
.decklist-tournament-spotlight {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--arena-shell-border) 92%, white 8%);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    linear-gradient(
      145deg,
      rgba(13, 21, 37, 0.38),
      rgba(10, 15, 28, 0.2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 18px 34px rgba(14, 22, 37, 0.18);
}
.decklist-tournament-card__logo {
  min-height: 220px;
  height: 220px;
  padding: 18px;
}
.decklist-tournament-spotlight {
  min-height: 180px;
  padding: 16px;
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.decklist-tournament-spotlight--panel {
  width: 100%;
  min-height: 240px;
  padding: 24px;
}
.decklist-tournament-card__logo-fallback {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: var(--arena-text-muted);
  text-align: center;
}
.decklist-tournament-logo-image {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(6, 11, 24, 0.26));
}
.decklist-tournament-card__logo .decklist-tournament-logo-image {
  max-height: 184px;
}
.decklist-tournament-spotlight--interactive .decklist-tournament-logo-image {
  max-height: 110px;
}
.decklist-tournament-spotlight--panel .decklist-tournament-logo-image {
  max-height: 192px;
}
.decklist-tournament-spotlight--interactive {
  width: 100%;
  gap: 14px;
  text-align: left;
  cursor: pointer;
}
.decklist-tournament-spotlight__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  width: 100%;
}
.decklist-tournament-spotlight__copy {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.decklist-tournament-spotlight__eyebrow {
  color: var(--mantine-primary-color-filled);
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.decklist-tournament-spotlight__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
  line-height: 1.06;
}
.decklist-tournament-card__meta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: space-between;
}
.decklist-tournament-card__footer {
  margin-top: auto;
  align-items: flex-end;
}
.decklist-tournament-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--arena-text);
  font-weight: 700;
}
.decklist-selection-toolbar {
  gap: 14px;
}
.decklist-selection-toolbar__search {
  flex: 1 1 360px;
}
.decklist-selection-toolbar__status {
  flex: 0 1 260px;
}
.decklist-selection-card,
.decklist-selection-card__stat,
.decklist-selection-card__open,
.decklist-selection-card__status-pill {
  --decklist-selection-accent: var(--arena-tone-accent, var(--mantine-primary-color-filled));
}
.decklist-selection-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  padding: 18px;
  border-radius: 26px;
  border-color: color-mix(in srgb, var(--decklist-selection-accent) 24%, var(--arena-shell-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--decklist-selection-accent) 20%, transparent),
      transparent 46%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 44%),
    color-mix(in srgb, var(--decklist-selection-accent) 10%, var(--arena-surface-glass-bg));
  box-shadow: var(--arena-surface-glass-shadow), 0 18px 34px color-mix(in srgb, var(--decklist-selection-accent) 14%, transparent);
  text-align: left;
}
.decklist-selection-card__glow {
  position: absolute;
  top: -30px;
  right: -18px;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--decklist-selection-accent) 26%, transparent);
  filter: blur(40px);
  opacity: 0.6;
  pointer-events: none;
}
.decklist-selection-card__head,
.decklist-selection-card__stats {
  position: relative;
  z-index: 1;
}
.decklist-selection-card__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}
.decklist-selection-card__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--decklist-selection-accent) 24%, var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--decklist-selection-accent) 26%, transparent),
      transparent 48%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 44%),
    color-mix(in srgb, var(--decklist-selection-accent) 14%, var(--arena-control-bg));
  color: color-mix(in srgb, var(--decklist-selection-accent) 78%, white 12%);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.decklist-selection-card__eyebrow,
.decklist-selection-card__status-label {
  color: color-mix(in srgb, var(--decklist-selection-accent) 74%, var(--arena-text-soft));
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.decklist-selection-card__title-row {
  align-items: center;
  flex-wrap: wrap;
}
.decklist-selection-card__participant {
  color: var(--arena-text);
  font-weight: 700;
}
.decklist-selection-card__description {
  color: var(--arena-text-muted);
}
.decklist-selection-card__status-pill {
  min-width: 136px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--decklist-selection-accent) 22%, var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--decklist-selection-accent) 22%, transparent),
      transparent 50%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    color-mix(in srgb, var(--decklist-selection-accent) 12%, var(--arena-control-bg));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.decklist-selection-card__status-value {
  margin-top: 6px;
  color: var(--arena-text);
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
}
.decklist-selection-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.decklist-selection-card__stat,
.decklist-selection-card__open {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--decklist-selection-accent) 22%, var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--decklist-selection-accent) 18%, transparent),
      transparent 52%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    color-mix(in srgb, var(--decklist-selection-accent) 10%, var(--arena-control-bg));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}
.decklist-selection-card__open {
  align-items: flex-start;
  color: var(--arena-text);
}
.decklist-selection-card__open .tabler-icon {
  margin-top: auto;
}
.decklist-hero-focus-trigger {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid var(--arena-control-border);
  background:
    radial-gradient(
      circle at top right,
      rgba(255, 255, 255, 0.18),
      transparent 46%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 44%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  text-align: left;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease;
}
.decklist-hero-focus-trigger:hover,
.decklist-hero-focus-trigger[data-opened=true] {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 34%, var(--arena-control-border));
  box-shadow:
    var(--arena-control-shadow),
    0 18px 30px color-mix(in srgb, var(--wave-tone-accent, var(--arena-state-info)) 16%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
.decklist-hero-focus-trigger__copy,
.decklist-hero-focus-metric__copy {
  min-width: 0;
}
.decklist-hero-focus-dropdown {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.decklist-hero-focus-panel {
  width: min(420px, calc(100vw - 32px));
  border-radius: 26px;
}
.decklist-hero-focus-panel__stack {
  display: grid;
  gap: 10px;
}
.decklist-hero-focus-metric {
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.decklist-hero-focus-metric__extra {
  margin-top: 10px;
}
.decklist-card-row {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 24px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.decklist-card-row::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: var(--arena-surface-glass-sheen);
  opacity: 0.34;
  pointer-events: none;
}
.decklist-card-row__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 104px 92px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}
.decklist-card-row__quantity,
.decklist-card-row__media {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  min-height: 100%;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.decklist-card-row__media {
  align-items: center;
  padding: 10px;
}
.decklist-card-row__label {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.decklist-card-row__quantity-input .mantine-Input-input {
  min-height: 52px;
  text-align: center;
  font-family: var(--arena-font-display);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-display-tight);
}
.decklist-card-row__copy {
  min-width: 0;
}
.decklist-card-row__title-row {
  align-items: center;
}
.decklist-card-row__title {
  font-family: var(--arena-font-display);
  font-size: clamp(1.1rem, 1.15vw, 1.45rem);
  letter-spacing: var(--arena-tracking-display-tight);
  line-height: 1.08;
}
.decklist-card-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.decklist-card-row__error {
  max-width: 70ch;
}
.decklist-card-row__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  min-width: 164px;
}
.decklist-card-row[data-selected=true] {
  box-shadow: var(--arena-surface-glass-shadow), 0 22px 36px rgba(72, 88, 198, 0.18);
}
.wave5-stat-grid,
.wave5-result-grid,
.wave5-preview-grid {
  align-items: stretch;
}
.wave5-stat-card,
.wave5-toolbar-card,
.wave5-section-card,
.wave5-empty-card,
.wave5-result-card,
.wave5-stack-card,
.wave5-meta-card {
  position: relative;
  overflow: hidden;
}
.wave5-stat-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 148px;
  padding: 18px;
  border-radius: 24px;
}
.wave5-stat-card__eyebrow,
.wave5-inline-fact__label {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave5-stat-card__value,
.wave5-inline-fact__value {
  font-family: var(--arena-font-display);
  font-size: clamp(1.3rem, 1.6vw, 2rem);
  font-weight: 700;
  letter-spacing: var(--arena-tracking-display-tight);
  line-height: 1.05;
  color: var(--arena-text);
  font-variant-numeric: tabular-nums lining-nums;
}
.wave5-stat-card__description,
.wave5-section-head__text,
.wave5-overlay-note {
  color: var(--arena-text-muted);
}
.wave5-toolbar-card,
.wave5-section-card,
.wave5-stack-card,
.wave5-meta-card {
  padding: 18px;
  border-radius: 26px;
}
.wave5-toolbar-card--dense {
  padding: 16px 18px;
}
.wave5-toolbar,
.wave5-section-head,
.wave5-card-search-result,
.wave5-card-search-result__actions,
.wave5-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wave5-toolbar,
.wave5-section-head {
  justify-content: space-between;
  align-items: flex-start;
}
.wave5-toolbar__main,
.wave5-section-head__copy,
.wave5-card-search-result__copy {
  min-width: 0;
}
.wave5-toolbar__main {
  display: flex;
  flex: 1 1 420px;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}
.wave5-toolbar__search {
  flex: 1 1 260px;
  min-width: min(320px, 100%);
}
.wave5-toolbar__actions,
.wave5-chip-row,
.wave5-overlay-section,
.wave5-overlay-stack,
.wave5-meta-block,
.wave5-detail-list,
.wave5-card-search-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave5-toolbar__actions {
  align-items: flex-start;
  justify-content: flex-end;
}
.wave5-toolbar--participant-list .wave5-toolbar__main {
  flex: 0 1 min(100%, 520px);
  width: min(100%, 520px);
}
.wave5-toolbar--participant-list .wave5-toolbar__search {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.wave5-toolbar--participant-list .wave5-toolbar__actions {
  flex: 1 1 420px;
  align-items: flex-end;
}
.wave5-toolbar--participant-list .wave5-toolbar__actions > .mantine-Group-root {
  justify-content: flex-end;
}
.wave5-toolbar--participant-filters {
  display: block;
}
.wave5-toolbar--participant-filters .wave5-toolbar__actions {
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.wave5-toolbar--participant-filters .wave5-toolbar__actions > .mantine-Group-root {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.wave5-toolbar__actions--full > .mantine-Group-root {
  width: auto;
  justify-content: flex-start;
}
.glass-data-table__search--participant-list {
  min-width: min(340px, 100%);
  width: min(100%, 620px);
}
@media (max-width: 1100px) {
  .wave5-toolbar--participant-list .wave5-toolbar__main,
  .wave5-toolbar--participant-list .wave5-toolbar__actions {
    flex-basis: 100%;
    width: 100%;
  }
  .wave5-toolbar--participant-list .wave5-toolbar__actions {
    align-items: flex-start;
  }
  .wave5-toolbar--participant-list .wave5-toolbar__actions > .mantine-Group-root {
    justify-content: flex-start;
  }
}
.wave5-chip-row {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.wave5-section-head__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  color: var(--arena-text);
}
.wave5-empty-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 18px;
  border-radius: 26px;
  text-align: center;
}
.wave5-breadcrumb {
  align-items: center;
  color: var(--arena-text-soft);
}
.wave5-breadcrumb__link {
  color: var(--arena-text-soft);
  font-weight: 700;
}
.wave5-tabs .mantine-Tabs-list {
  gap: 10px;
  padding: 8px;
  border-radius: 24px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.wave5-tabs .mantine-Tabs-tab {
  min-height: 46px;
  padding-inline: 16px;
  border-radius: 18px;
  color: var(--arena-text-soft);
  font-weight: 700;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}
.wave5-tabs .mantine-Tabs-tab[data-active=true] {
  border-color: color-mix(in srgb, var(--mantine-primary-color-filled) 28%, var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--mantine-primary-color-filled) 22%, transparent),
      transparent 52%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 46%),
    color-mix(in srgb, var(--mantine-primary-color-filled) 12%, var(--arena-control-bg));
  color: var(--arena-text);
  box-shadow: 0 14px 26px rgba(19, 31, 54, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.wave5-meta-grid,
.wave5-result-card__facts {
  display: grid;
  gap: 12px;
}
.wave5-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.wave5-meta-section,
.wave5-inline-fact,
.wave5-card-search-result {
  border-radius: 20px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.wave5-meta-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  justify-content: flex-start;
  padding: 14px 16px;
}
.wave5-meta-section--wide {
  grid-column: 1 / -1;
}
.wave5-result-card {
  padding: 18px;
  border-radius: 28px;
}
.wave5-result-card__layout {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.wave5-result-card__media,
.wave5-card-search-result__media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.wave5-result-card__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave5-result-card__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.wave5-result-card__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wave5-inline-fact {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 72px;
  padding: 12px 14px;
}
.wave5-card-search-result {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 14px;
}
.wave5-card-search-result__media {
  min-height: 112px;
}
.wave5-card-search-result__actions {
  align-items: stretch;
  justify-content: flex-start;
}
.wave6-toolbar-card,
.wave6-section-card,
.wave6-stack-card,
.wave6-result-card,
.wave6-empty-card,
.wave6-round-card,
.wave6-modal-card,
.wave6-notice-card,
.wave6-modal-summary {
  position: relative;
  overflow: hidden;
}
.wave6-toolbar-card,
.wave6-section-card,
.wave6-stack-card,
.wave6-result-card,
.wave6-round-card,
.wave6-modal-card {
  padding: 18px;
  border-radius: 26px;
}
.wave6-toolbar-card__stack {
  height: auto;
  min-height: 0;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.wave6-toolbar-card__stack > * {
  flex: 0 0 auto;
}
.wave6-toolbar-card__stack .mantine-SimpleGrid-root {
  margin-top: 0;
}
.wave6-notice-card,
.wave6-modal-summary {
  padding: 14px 16px;
  border-radius: 22px;
}
.wave6-empty-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 18px;
  border-radius: 26px;
  text-align: center;
}
.central-scan-modal__stack .wave6-toolbar-card,
.central-scan-modal__stack .wave6-section-card {
  padding: 14px;
}
@media (max-height: 820px) {
  .central-scan-modal__stack .wave6-toolbar-card,
  .central-scan-modal__stack .wave6-section-card {
    padding: 10px 14px;
  }
  .central-scan-modal__body {
    gap: 8px;
  }
  .central-scan-modal__panel {
    gap: 8px;
  }
}
.central-scan-modal__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start;
  min-width: 0;
}
.central-scan-modal__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.central-scan-modal__button-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}
.central-scan-modal__camera-frame {
  min-height: 180px;
  max-height: 260px;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(9, 15, 34, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.participant-qr-assign__camera-frame {
  min-height: 176px;
  max-height: 240px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(9, 15, 34, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.central-scan-modal__camera-video {
  width: 100%;
  height: 100%;
  min-height: 132px;
  object-fit: cover;
  background: #04060d;
}
.participant-qr-assign__camera-video {
  width: 100%;
  height: 100%;
  min-height: 176px;
  object-fit: cover;
  background: #04060d;
}
.central-scan-modal__camera-empty,
.participant-qr-assign__camera-empty {
  padding: 16px 18px;
}
@media (max-width: 640px) {
  .central-scan-modal__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .central-scan-modal__camera-frame {
    min-height: 140px;
    max-height: 200px;
  }
  .participant-qr-assign__camera-frame {
    min-height: 152px;
    max-height: 192px;
  }
  .central-scan-modal__camera-video {
    min-height: 140px;
  }
  .participant-qr-assign__camera-video {
    min-height: 152px;
  }
}
.wave6-toolbar,
.wave6-section-head,
.wave6-collapsible-card__summary,
.wave6-round-card__header,
.wave6-template-card__head,
.wave6-result-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wave6-toolbar,
.wave6-section-head,
.wave6-collapsible-card__summary,
.wave6-round-card__header,
.wave6-template-card__head {
  justify-content: space-between;
  align-items: flex-start;
}
.wave6-toolbar__main,
.wave6-toolbar__actions,
.wave6-section-head__copy,
.wave6-template-card__copy,
.wave6-result-card__copy,
.wave6-notice-card__copy,
.wave6-modal-summary__copy {
  min-width: 0;
}
.wave6-toolbar__main {
  display: flex;
  flex: 1 1 420px;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}
.wave6-toolbar__search {
  width: 100%;
  min-width: 0;
  flex: none;
}
.wave6-toolbar > .wave6-toolbar__search {
  flex: 1 1 280px;
  min-width: min(340px, 100%);
  width: auto;
}
.wave6-chip-row,
.wave6-stack,
.wave6-note-list,
.wave6-template-card__actions,
.wave6-modal-stack,
.wave6-stamp-entry-list,
.wave6-disclosure-stack,
.wave6-scroll-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave6-toolbar__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.wave6-scroll-panel {
  max-height: min(44vh, 420px);
  overflow-y: auto;
  padding-right: 4px;
}
.wave6-chip-row,
.wave6-template-card__actions,
.wave6-result-card__footer {
  flex-direction: row;
  flex-wrap: wrap;
}
.wave6-disclosure-entry,
.wave6-disclosure-entry__row,
.wave6-disclosure-entry__actions,
.wave6-disclosure-body,
.wave6-disclosure-table {
  display: flex;
  gap: 12px;
}
.wave6-disclosure-entry,
.wave6-disclosure-body,
.wave6-disclosure-table {
  flex-direction: column;
}
.wave6-disclosure-entry__row {
  align-items: stretch;
}
.wave6-disclosure-entry__card {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.wave6-disclosure-entry__actions {
  position: absolute;
  top: 50%;
  right: clamp(164px, 13vw, 208px);
  z-index: 4;
  transform: translateY(-50%);
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.wave6-disclosure-trigger {
  width: 100%;
}
.wave6-disclosure-trigger .wave4-disclosure-card__summary {
  position: relative;
  padding-right: clamp(440px, 34vw, 560px);
}
.wave6-disclosure-trigger .wave4-disclosure-card__aside {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-right: 0;
  transform: translateY(-50%);
}
.wave6-disclosure-body {
  min-width: 0;
}
.wave6-disclosure-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.wave6-title,
.wave6-section-head__title,
.wave6-template-card__title,
.wave6-round-card__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
  color: var(--arena-text);
}
.wave6-eyebrow,
.wave6-inline-fact__label,
.wave6-template-card__eyebrow,
.wave6-round-card__eyebrow {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave6-title-value,
.wave6-inline-fact__value {
  font-family: var(--arena-font-display);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--arena-tracking-display-tight);
  color: var(--arena-text);
  font-variant-numeric: tabular-nums lining-nums;
}
.wave6-title-value {
  font-size: clamp(1.2rem, 1.6vw, 1.85rem);
}
.wave6-copy,
.wave6-note,
.wave6-section-head__text,
.wave6-template-card__preview,
.wave6-round-card__text {
  color: var(--arena-text-muted);
}
.wave6-meta-grid,
.wave6-result-card__facts,
.wave6-hero-meta-grid {
  display: grid;
  gap: 12px;
}
.wave6-meta-grid,
.wave6-result-card__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wave6-hero-meta-grid {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}
.wave6-inline-fact,
.wave6-collapsible-card,
.wave6-stamp-slot,
.wave6-stamp-entry,
.wave6-template-binding,
.wave6-library-entry,
.wave6-preview-output {
  border-radius: 20px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.wave6-inline-fact {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 76px;
  padding: 12px 14px;
}
.wave6-collapsible-card {
  padding: 14px 16px;
}
.wave6-collapsible-card__summary {
  width: 100%;
}
.wave6-collapsible-card__count,
.wave6-result-card__meta,
.wave6-template-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.wave6-collapsible-card__content {
  padding-top: 12px;
}
.wave6-result-card__layout {
  display: grid;
  grid-template-columns: minmax(146px, 176px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.wave6-result-card--compact {
  padding: 16px 18px;
}
.wave6-result-card__badges {
  align-items: center;
}
.wave6-result-card__title {
  font-size: clamp(1.36rem, 2vw, 2rem);
  line-height: 1.05;
}
.wave6-result-card__note {
  max-width: 62ch;
}
.wave6-result-card__stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wave6-result-card__stat {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-height: 0;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--arena-button-accent, var(--arena-control-border)) 20%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.13),
      transparent 40%),
    color-mix(in srgb, var(--arena-button-accent, var(--arena-control-bg)) 10%, var(--arena-control-bg));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 24px rgba(5, 10, 26, 0.16);
}
.wave6-result-card__stat .wave6-inline-fact__label {
  letter-spacing: 0.14em;
}
.wave6-result-card__stat .wave6-title-value {
  font-size: clamp(1.15rem, 1.6vw, 1.65rem);
  line-height: 1.05;
}
.wave6-result-card__availability {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wave6-result-card__chips {
  gap: 8px;
}
.wave6-result-card__actions-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wave6-result-card__action {
  width: auto;
  flex: 1 1 160px;
}
.wave6-result-card__action--primary {
  flex: 1 1 220px;
}
.wave6-modal-summary__layout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: flex-start;
}
.wave6-result-card__media {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wave6-result-card__media .loanable-item-image {
  width: 100%;
  max-width: 176px;
}
.wave6-modal-summary__media {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.wave6-result-card__copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wave6-loan-list {
  gap: 14px;
}
.wave6-loan-list-item {
  padding: 14px 16px;
  border-radius: 24px;
}
.wave6-loan-list-item__summary {
  display: grid;
  grid-template-columns: minmax(92px, 110px) minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}
.wave6-loan-list-item__media {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wave6-loan-list-item__media .loanable-item-image {
  width: 100%;
  max-width: 110px;
}
.wave6-loan-list-item__main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.wave6-loan-list-item__badges {
  align-items: center;
}
.wave6-loan-list-item__title {
  font-size: clamp(1.2rem, 1.55vw, 1.85rem);
  line-height: 1.06;
}
.wave6-loan-list-item__note {
  max-width: 64ch;
}
.wave6-loan-list-item__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wave6-loan-list-item__stat {
  display: flex;
  min-width: 88px;
  flex-direction: column;
  gap: 2px;
  padding: 7px 10px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--arena-button-accent, var(--arena-control-border)) 18%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 42%),
    color-mix(in srgb, var(--arena-button-accent, var(--arena-control-bg)) 9%, var(--arena-control-bg));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 18px rgba(5, 10, 26, 0.14);
}
.wave6-loan-list-item__stat .wave6-inline-fact__label {
  letter-spacing: 0.14em;
}
.wave6-loan-list-item__stat .wave6-title-value {
  font-size: clamp(1.05rem, 1.35vw, 1.4rem);
  line-height: 1.04;
}
.wave6-loan-list-item__summary-actions {
  display: flex;
  min-width: 168px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.wave6-loan-list-item__loan-button {
  min-width: 156px;
}
.wave6-loan-list-item__toggle {
  display: inline-flex;
  height: 42px;
  width: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--arena-control-border) 88%, rgba(255, 255, 255, 0.18));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 44%),
    color-mix(in srgb, var(--arena-control-bg) 88%, rgba(255, 255, 255, 0.08));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  color: var(--arena-text);
}
.wave6-loan-list-item__toggle:hover {
  border-color: color-mix(in srgb, var(--arena-button-accent, var(--arena-control-border)) 28%, var(--arena-control-border));
  box-shadow: 0 16px 30px color-mix(in srgb, var(--arena-button-accent, transparent) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
.wave6-loan-list-item__details {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--arena-control-border) 76%, transparent);
}
.wave6-loan-list-item__availability {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wave6-loan-list-item__chips {
  gap: 8px;
}
.wave6-loan-list-item__detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wave6-notice-card__layout,
.wave6-notice-card__main,
.wave6-modal-summary__actions {
  display: flex;
  gap: 12px;
}
.wave6-notice-card__layout {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.wave6-notice-card__main {
  flex: 1 1 260px;
  min-width: 0;
  align-items: flex-start;
}
.wave6-modal-summary__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.wave6-notice-card__icon {
  flex: 0 0 auto;
}
.wave6-notice-card__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wave6-notice-card__title {
  color: var(--arena-text);
  font-weight: 700;
}
.wave6-notice-card__text {
  color: var(--arena-text-muted);
}
.wave6-round-card__body,
.wave6-round-card__rail {
  display: grid;
  gap: 16px;
}
.wave6-stamp-track {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
  gap: 10px;
}
.wave6-stamp-slot {
  position: relative;
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 82px;
  padding: 10px 8px;
  text-align: center;
}
.wave6-stamp-slot img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.wave6-stamp-slot span {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--arena-text-soft);
}
.wave6-stamp-slot[data-special=true] {
  border-color: color-mix(in srgb, var(--arena-state-warning) 34%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    color-mix(in srgb, var(--arena-state-warning) 10%, var(--arena-control-bg));
}
.wave6-stamp-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}
.wave6-stamp-entry__main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.wave6-stamp-entry__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 42%),
    var(--arena-control-bg);
  color: var(--arena-text);
  font-weight: 700;
}
.wave6-stamp-entry__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wave6-template-card__preview,
.wave6-preview-output {
  white-space: pre-wrap;
  line-height: 1.62;
}
.wave6-template-card__actions {
  align-items: flex-start;
}
.wave6-library-entry,
.wave6-template-binding,
.wave6-preview-output {
  padding: 12px 14px;
}
.prize-item-image {
  display: grid;
  place-items: center;
  width: var(--prize-item-image-size);
  min-width: var(--prize-item-image-size);
  height: var(--prize-item-image-size);
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 40%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.prize-item-image__asset {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: var(--prize-item-image-padding, 6px);
}
.prize-item-image--placeholder {
  color: var(--arena-text-soft);
}
.loanable-item-image {
  display: grid;
  place-items: center;
  width: var(--loanable-item-image-width);
  min-width: var(--loanable-item-image-width);
  height: var(--loanable-item-image-height);
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.16),
      transparent 40%),
    var(--arena-control-bg);
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
.loanable-item-image__asset {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.loanable-item-image--placeholder {
  color: var(--arena-text-soft);
}
.glass-data-table {
  gap: 14px;
}
.glass-data-table__search,
.glass-data-table__filter {
  min-width: min(280px, 100%);
}
.glass-data-table__search .mantine-Input-input,
.glass-data-table__filter .mantine-Select-input {
  min-height: 48px;
}
.glass-data-table__toolbar,
.glass-data-table__bulkbar,
.glass-data-table__summary {
  padding: 14px 16px;
  border-radius: 24px;
}
.glass-data-table__toolbar-main {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.glass-data-table__toolbar-main > * {
  min-width: 0;
}
.glass-data-table__toolbar-meta,
.glass-data-table__status,
.glass-data-table__bulk-actions {
  align-items: center;
}
.glass-data-table__summary {
  align-items: center;
}
.glass-data-table__summary-copy {
  min-width: 0;
}
.glass-data-table__summary-title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  color: var(--arena-text);
}
.glass-data-table__status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-glass-bg);
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: var(--arena-glass-shadow);
  backdrop-filter: var(--arena-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-glass-backdrop);
}
.glass-data-table__sort-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 14px;
  color: inherit;
  transition: background-color 150ms ease, transform 150ms ease;
}
.glass-data-table__sort-button:hover {
  background: color-mix(in srgb, var(--arena-control-bg-hover) 96%, transparent);
}
.glass-data-table__sort-button--active {
  background: color-mix(in srgb, var(--mantine-primary-color-filled) 10%, var(--arena-control-bg-hover));
}
.glass-data-table__sort-icon {
  display: inline-flex;
  align-items: center;
  color: var(--arena-text-soft);
}
.glass-data-table__cell--feedback {
  padding: 6px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.glass-data-table__cell--feedback::before {
  display: none;
}
.glass-data-table__empty {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px 10px 10px;
  text-align: center;
}
.glass-data-table__empty-title {
  color: var(--arena-text);
}
.glass-data-table__empty-text {
  max-width: 52ch;
  margin-inline: auto;
}
.glass-data-table__skeleton {
  display: block;
  height: 18px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.42),
      rgba(255, 255, 255, 0.12));
  animation: glass-skeleton-shimmer 1.3s ease-in-out infinite;
}
.table-column-selector__dropdown {
  padding: 0;
  overflow: hidden;
}
.table-column-selector__content {
  padding: 18px;
}
.table-column-selector__head {
  gap: 14px;
}
.table-column-selector__intro {
  min-width: 0;
}
.table-column-selector__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
  color: var(--arena-text);
}
.dashboard-action-tile__title,
.dashboard-signal-banner__title,
.dashboard-metric-card__title,
.decklist-selection-card__title {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display);
}
.dashboard-signal-banner__eyebrow,
.dashboard-metric-card__eyebrow,
.decklist-selection-card__stat-label {
  font-family: var(--arena-font-ui);
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.dashboard-action-tile__description,
.dashboard-metric-card__note {
  color: var(--arena-text-muted);
}
.dashboard-metric-card__value,
.decklist-selection-card__stat-value {
  font-family: var(--arena-font-display);
  letter-spacing: var(--arena-tracking-display-tight);
  font-variant-numeric: tabular-nums lining-nums;
}
.table-column-selector__subtitle,
.table-column-selector__hint,
.table-column-selector__empty-text {
  color: var(--arena-text-muted);
}
.table-column-selector__metrics,
.table-column-selector__head-actions {
  align-items: center;
}
.table-column-selector__list {
  gap: 10px;
}
.table-column-selector__option {
  border-radius: 20px;
  padding: 12px 14px;
}
.table-column-selector__empty {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 4px 2px;
}
@keyframes loading-state-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes glass-skeleton-shimmer {
  0% {
    opacity: 0.56;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(2px);
  }
  100% {
    opacity: 0.56;
    transform: translateX(0);
  }
}
@media (max-width: 62em) {
  .page-hero--with-spotlight .page-hero__main,
  .page-hero__main {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-hero__title {
    max-width: none;
  }
  .spotlight-search__header-row,
  .spotlight-search__cards-head,
  .spotlight-search__cards-status,
  .spotlight-search__cards-results-head,
  .spotlight-search__footer,
  .glass-data-table__bulkbar,
  .glass-data-table__summary {
    align-items: stretch;
    flex-direction: column;
  }
  .glass-data-table__toolbar {
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-start;
  }
  .glass-data-table__toolbar-main,
  .glass-data-table__toolbar-meta {
    flex: 1 1 100%;
    width: 100%;
  }
  .glass-data-table__toolbar-meta {
    justify-content: flex-start;
  }
  .spotlight-search__header-actions,
  .spotlight-search__cards-actions,
  .glass-data-table__toolbar-meta,
  .glass-data-table__bulk-actions {
    flex-wrap: wrap;
  }
  .decklist-tournament-card__body,
  .decklist-selection-card__stats,
  .decklist-card-row__layout,
  .wave5-result-card__layout,
  .wave5-card-search-result,
  .wave6-result-card__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .wave6-modal-summary__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .decklist-selection-card__head {
    grid-template-columns: minmax(0, 1fr);
  }
  .wave5-toolbar__main,
  .wave5-toolbar__actions,
  .wave5-result-card__footer,
  .wave6-toolbar__main,
  .wave6-toolbar__actions,
  .wave6-result-card__footer {
    flex-basis: 100%;
  }
  .wave5-meta-grid,
  .wave5-result-card__facts,
  .wave6-meta-grid,
  .wave6-result-card__facts,
  .wave6-result-card__stats,
  .wave6-result-card__actions-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .decklist-card-row__actions {
    min-width: 0;
  }
  .wave6-round-card__header,
  .wave6-section-head,
  .wave6-collapsible-card__summary,
  .wave6-stamp-entry,
  .wave6-notice-card__layout,
  .wave6-notice-card__main,
  .wave6-disclosure-entry__row {
    flex-direction: column;
    align-items: stretch;
  }
  .wave6-disclosure-entry__actions {
    position: static;
    transform: none;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: 12px;
  }
  .wave6-loan-list-item__summary {
    grid-template-columns: minmax(0, 1fr);
  }
  .wave6-loan-list-item__summary-actions {
    min-width: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .wave6-loan-list-item__loan-button {
    min-width: 0;
    flex: 1 1 auto;
  }
  .wave6-disclosure-trigger .wave4-disclosure-card__summary {
    padding-right: 16px;
  }
  .wave6-disclosure-trigger .wave4-disclosure-card__aside {
    margin-right: 0;
  }
}
@media (max-width: 48em) {
  .wave5-toolbar__search,
  .wave6-toolbar__search,
  .glass-data-table__search--participant-list {
    min-width: 100%;
    width: 100%;
  }
  .spotlight-search__result-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  .spotlight-search__result-aside {
    padding: 0 12px 12px;
    justify-content: flex-start;
  }
  .wave5-stat-card__value {
    font-size: 1.55rem;
  }
  .wave6-title-value {
    font-size: 1.5rem;
  }
}
.wave7-toolbar-card,
.wave7-section-card,
.wave7-stack-card,
.wave7-result-card,
.wave7-empty-card,
.wave7-notice-card,
.wave7-modal-summary {
  position: relative;
  overflow: hidden;
}
.wave7-toolbar-card,
.wave7-section-card,
.wave7-stack-card,
.wave7-result-card {
  padding: 18px;
  border-radius: 26px;
}
.wave7-notice-card,
.wave7-modal-summary {
  padding: 14px 16px;
  border-radius: 22px;
}
.wave7-empty-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 18px;
  border-radius: 26px;
  text-align: center;
}
.wave7-toolbar,
.wave7-section-head {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}
.wave7-toolbar__main {
  display: flex;
  flex: 1 1 420px;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  min-width: 0;
}
.wave7-toolbar__search {
  flex: 1 1 240px;
  min-width: min(280px, 100%);
}
.wave7-toolbar__filter {
  flex: 0 1 200px;
  min-width: 180px;
}
.wave7-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.wave7-section-head__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.wave7-section-head__title {
  font-family: var(--arena-font-display);
  font-weight: 700;
  letter-spacing: var(--arena-tracking-display-tight);
  color: var(--arena-text);
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
}
.wave7-eyebrow {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave7-copy {
  color: var(--arena-text-muted);
}
.wave7-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave7-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.wave7-disclosure-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.wave7-meta-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.wave7-inline-fact {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 76px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid var(--arena-shell-border);
  background: var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
  overflow: hidden;
}
.wave7-inline-fact__label {
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.wave7-inline-fact__value {
  font-family: var(--arena-font-display);
  font-weight: 700;
  font-size: clamp(1.05rem, 1.3vw, 1.4rem);
  color: var(--arena-text);
  font-variant-numeric: tabular-nums lining-nums;
}
.wave7-disclosure-entry {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wave7-disclosure-entry__row {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.wave7-disclosure-entry__card {
  flex: 1 1 auto;
  min-width: 0;
}
.wave7-disclosure-entry__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
}
.wave7-disclosure-trigger {
  width: 100%;
}
.wave7-disclosure-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.wave7-notice-card__layout {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}
.wave7-notice-card__main {
  flex: 1 1 260px;
  display: flex;
  gap: 12px;
  min-width: 0;
  align-items: flex-start;
}
.wave7-notice-card__icon {
  flex: 0 0 auto;
}
.wave7-notice-card__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.wave7-notice-card__title {
  color: var(--arena-text);
  font-weight: 700;
}
.wave7-notice-card__text {
  color: var(--arena-text-muted);
}
.wave7-scroll-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(48vh, 460px);
  overflow-y: auto;
  padding-right: 4px;
}
.wave7-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 18px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 42%),
    var(--arena-control-bg);
}
.wave7-list-row__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wave7-tab-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  border-radius: 22px;
  border: 1px solid var(--arena-control-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 42%),
    var(--arena-control-bg);
}
@media (max-width: 60em) {
  .wave7-toolbar,
  .wave7-section-head,
  .wave7-disclosure-entry__row,
  .wave7-notice-card__layout,
  .wave7-notice-card__main {
    flex-direction: column;
    align-items: stretch;
  }
  .wave7-toolbar__main,
  .wave7-toolbar__actions {
    flex-basis: 100%;
  }
}
@media (max-width: 48em) {
  .wave7-toolbar__search,
  .wave7-toolbar__filter {
    min-width: 100%;
  }
}
.stats-page .stats-chart-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--arena-primary-color-hex) 6%, rgba(255, 255, 255, 0.08)),
      transparent 34%),
    var(--arena-surface-glass-bg);
  box-shadow: var(--arena-surface-glass-shadow);
  backdrop-filter: var(--arena-surface-glass-backdrop);
  -webkit-backdrop-filter: var(--arena-surface-glass-backdrop);
}
.stats-page .stats-chart-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.025) 26%,
      transparent 48%),
    radial-gradient(
      90% 110% at 0% 0%,
      color-mix(in srgb, var(--arena-primary-color-hex) 11%, transparent),
      transparent 55%);
}
.stats-page .stats-chart-card__header,
.stats-page .stats-chart-card__surface {
  position: relative;
  z-index: 1;
}
.stats-page .stats-chart-card__eyebrow {
  color: var(--arena-text-soft);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-overline);
  text-transform: uppercase;
}
.stats-page .stats-chart-card__title {
  color: var(--arena-text);
}
.stats-page .stats-chart-card__description {
  max-width: 52ch;
}
.stats-page .stats-chart-card__icon {
  color: var(--mantine-primary-color-filled);
  opacity: 0.92;
}
.stats-page .stats-chart-card__surface {
  border: 1px solid color-mix(in srgb, var(--arena-primary-color-hex) 16%, var(--arena-surface-border));
  border-radius: 22px;
  padding: 14px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--arena-primary-color-hex) 7%, rgba(255, 255, 255, 0.1)),
      transparent 38%),
    color-mix(in srgb, var(--arena-surface-bg-strong) 78%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    0 16px 30px color-mix(in srgb, var(--arena-primary-color-hex) 10%, transparent);
}
.stats-page .recharts-cartesian-grid-horizontal line,
.stats-page .recharts-cartesian-grid-vertical line,
.stats-page .recharts-polar-grid-angle line,
.stats-page .recharts-polar-grid-concentric circle {
  stroke: color-mix(in srgb, var(--arena-primary-color-hex) 12%, var(--arena-divider));
  opacity: 0.82;
}
.stats-page .recharts-cartesian-axis-line,
.stats-page .recharts-cartesian-axis-tick-line,
.stats-page .recharts-polar-angle-axis-tick line,
.stats-page .recharts-polar-radius-axis-tick line {
  stroke: color-mix(in srgb, var(--arena-primary-color-hex) 14%, var(--arena-divider));
  opacity: 0.7;
}
.stats-page .recharts-text,
.stats-page .recharts-label,
.stats-page .recharts-legend-item-text,
.stats-page .recharts-cartesian-axis-tick-value,
.stats-page .recharts-polar-angle-axis-tick-value,
.stats-page .recharts-polar-radius-axis-tick-value {
  fill: var(--arena-text-soft);
  color: var(--arena-text-soft);
  font-family: var(--arena-font-ui);
}
.stats-page .recharts-legend-wrapper {
  font-family: var(--arena-font-ui);
}
.stats-page .recharts-tooltip-wrapper {
  outline: none;
}
.stats-chart-tooltip {
  min-width: min(280px, 72vw);
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--arena-overlay-border);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 34%),
    var(--arena-overlay-bg);
  color: var(--arena-text);
  box-shadow: var(--arena-overlay-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
  -webkit-backdrop-filter: blur(var(--arena-blur-overlay)) saturate(165%);
}
.stats-chart-tooltip__label {
  margin-bottom: 8px;
  color: var(--arena-text);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.stats-chart-tooltip__entries {
  display: grid;
  gap: 6px;
}
.stats-chart-tooltip__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--arena-background-overlay) 58%, transparent);
}
.stats-chart-tooltip__swatch {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--stats-tooltip-swatch);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--stats-tooltip-swatch) 18%, transparent);
}
.stats-chart-tooltip__name {
  min-width: 0;
  color: var(--arena-text-muted);
  font-size: 0.74rem;
  font-weight: 600;
}
.stats-chart-tooltip__value {
  color: var(--arena-text);
  font-size: 0.8rem;
  font-weight: 800;
  text-align: right;
}
@media (max-width: 48em) {
  .stats-page .stats-chart-card__surface {
    padding: 12px;
    border-radius: 18px;
  }
  .stats-chart-tooltip {
    min-width: min(240px, 82vw);
    padding: 10px;
  }
}
.wave5-type-token-list {
  align-items: center;
}
.wave5-type-token {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
}
.wave5-type-token__orb {
  --wave5-type-accent: #8e9bb8;
  --wave5-type-bg-start: #b9c4dd;
  --wave5-type-bg-end: #5d6882;
  --wave5-type-rim: #eef2fb;
  --wave5-type-symbol: #151922;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wave5-type-rim) 52%, rgba(255, 255, 255, 0.16));
  background:
    radial-gradient(
      circle at 26% 18%,
      rgba(255, 255, 255, 0.76),
      rgba(255, 255, 255, 0.22) 18%,
      transparent 36%),
    radial-gradient(
      circle at 72% 78%,
      color-mix(in srgb, var(--wave5-type-accent) 56%, transparent),
      transparent 44%),
    linear-gradient(
      160deg,
      color-mix(in srgb, var(--wave5-type-bg-start) 58%, transparent) 0%,
      color-mix(in srgb, var(--wave5-type-bg-start) 40%, transparent) 24%,
      color-mix(in srgb, var(--wave5-type-bg-end) 54%, transparent) 100%),
    color-mix(in srgb, var(--wave5-type-accent) 26%, rgba(255, 255, 255, 0.06));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--wave5-type-rim) 18%, transparent),
    0 8px 24px color-mix(in srgb, var(--wave5-type-accent) 34%, transparent),
    0 0 18px color-mix(in srgb, var(--wave5-type-accent) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.52),
    inset 0 -10px 18px color-mix(in srgb, var(--wave5-type-accent) 18%, transparent),
    inset 0 0 0 1px color-mix(in srgb, rgba(255, 255, 255, 0.18) 82%, transparent);
  backdrop-filter: blur(calc(var(--arena-blur-surface) * 0.78)) saturate(225%);
  -webkit-backdrop-filter: blur(calc(var(--arena-blur-surface) * 0.78)) saturate(225%);
  overflow: hidden;
  isolation: isolate;
}
.wave5-type-token__orb::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.34),
      rgba(255, 255, 255, 0.06) 42%,
      transparent 82%),
    radial-gradient(
      circle at 48% 118%,
      color-mix(in srgb, var(--wave5-type-accent) 42%, transparent),
      transparent 56%),
    radial-gradient(
      circle at 18% 16%,
      rgba(255, 255, 255, 0.34),
      transparent 34%);
  border: 1px solid color-mix(in srgb, rgba(255, 255, 255, 0.24) 82%, transparent);
  opacity: 0.98;
  pointer-events: none;
}
.wave5-type-token__orb::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background:
    radial-gradient(
      circle at 28% 20%,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.08) 24%,
      transparent 56%),
    radial-gradient(
      circle at 72% 72%,
      color-mix(in srgb, var(--wave5-type-accent) 28%, transparent),
      transparent 44%);
  opacity: 0.9;
  filter: blur(0.4px);
  pointer-events: none;
}
.wave5-type-token__glyph {
  position: relative;
  z-index: 1;
  font-family: var(--arena-font-tcg-types);
  font-size: 1.54rem;
  line-height: 1;
  color: var(--wave5-type-symbol);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.14), 0 0 14px color-mix(in srgb, var(--wave5-type-accent) 22%, transparent);
  font-synthesis: none;
}
.wave5-type-token__suffix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wave5-type-accent) 38%, var(--arena-control-border));
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      transparent 42%),
    color-mix(in srgb, var(--wave5-type-accent) 18%, var(--arena-control-bg));
  box-shadow: var(--arena-control-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  color: var(--arena-text);
  font-family: var(--arena-font-display);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: var(--arena-tracking-display-tight);
}
.wave5-toolbar--participant-filters .wave5-toolbar__actions {
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.wave5-toolbar--participant-filters .wave5-toolbar__actions > .mantine-Group-root {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.wave5-toolbar__actions--full > .mantine-Group-root {
  width: auto;
  justify-content: flex-start;
}

/* client/styles/theme/semantic-tones.css */
:root {
  --arena-tone-info: var(--arena-state-info);
  --arena-tone-success: var(--arena-state-success);
  --arena-tone-warning: var(--arena-state-warning);
  --arena-tone-danger: var(--arena-state-danger);
  --arena-tone-neutral: rgba(189, 198, 214, 0.82);
  --arena-tone-surface-mix: 12%;
  --arena-tone-surface-border-mix: 26%;
  --arena-tone-surface-glow-mix: 18%;
  --arena-tone-surface-shadow-mix: 14%;
  --arena-tone-control-mix: 14%;
  --arena-tone-control-border-mix: 24%;
  --arena-tone-control-shadow-mix: 14%;
  --arena-tone-filled-start-mix: 54%;
  --arena-tone-filled-end-mix: 84%;
}
:root[data-mantine-color-scheme=dark] {
  --arena-tone-surface-mix: 18%;
  --arena-tone-surface-border-mix: 36%;
  --arena-tone-surface-glow-mix: 26%;
  --arena-tone-surface-shadow-mix: 20%;
  --arena-tone-control-mix: 18%;
  --arena-tone-control-border-mix: 34%;
  --arena-tone-control-shadow-mix: 19%;
  --arena-tone-filled-start-mix: 62%;
  --arena-tone-filled-end-mix: 92%;
}
[data-tone] {
  --arena-tone-accent: var(--arena-tone-info);
}
[data-tone=blue],
[data-tone=info],
[data-tone=cyan],
[data-tone=indigo],
[data-tone=violet],
[data-tone=grape] {
  --arena-tone-accent: var(--arena-tone-info);
}
[data-tone=green],
[data-tone=success],
[data-tone=teal] {
  --arena-tone-accent: var(--arena-tone-success);
}
[data-tone=orange],
[data-tone=warning],
[data-tone=yellow] {
  --arena-tone-accent: var(--arena-tone-warning);
}
[data-tone=red],
[data-tone=danger] {
  --arena-tone-accent: var(--arena-tone-danger);
}
[data-tone=gray],
[data-tone=neutral] {
  --arena-tone-accent: var(--arena-tone-neutral);
}
.wave4-tone-surface,
.wave4-tone-icon,
.wave4-tone-chip,
.wave4-tone-button,
.wave4-tone-action,
.wave4-disclosure-card,
.wave4-disclosure-card__dropdown,
.wave4-focus-band,
.wave4-tab-rail,
.wave4-row-card,
.dashboard-action-tile,
.wave7-inline-fact[data-tone],
.mantine-Card-root[data-tone],
.mantine-Paper-root[data-tone] {
  --wave-tone-accent: var(--arena-tone-accent);
}
.wave4-tone-surface,
.wave4-disclosure-card,
.wave4-disclosure-card__dropdown,
.wave4-focus-band,
.wave4-tab-rail,
.wave4-row-card,
.dashboard-action-tile,
.mantine-Card-root[data-tone],
.mantine-Paper-root[data-tone] {
  border-color: color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-border-mix), var(--arena-shell-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-glow-mix), transparent),
      transparent 46%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 44%),
    color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-mix), var(--arena-surface-glass-bg));
  box-shadow: var(--arena-surface-glass-shadow), 0 18px 34px color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-shadow-mix), transparent);
}
.wave4-focus-band::after,
.wave4-tab-rail::after,
.wave4-row-card::after {
  background: color-mix(in srgb, var(--wave4-accent) 30%, transparent);
  opacity: 0.72;
}
.wave4-disclosure-card[data-opened=true] {
  border-color: color-mix(in srgb, var(--wave-tone-accent) 44%, white 6%);
  box-shadow: var(--arena-surface-glass-shadow), 0 22px 42px color-mix(in srgb, var(--wave-tone-accent) 22%, transparent);
}
.dashboard-action-tile__glow {
  background: color-mix(in srgb, var(--dashboard-tile-accent, var(--wave-tone-accent)) 34%, transparent);
  opacity: 0.54;
}
.wave4-tone-icon.mantine-ThemeIcon-root,
.wave4-tone-icon.mantine-ActionIcon-root,
.mantine-ThemeIcon-root[data-tone],
.mantine-ActionIcon-root[data-tone] {
  border-color: color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-control-border-mix), var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--wave-tone-accent) 28%, transparent),
      transparent 48%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2),
      transparent 48%),
    color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-control-mix), var(--arena-control-bg));
  color: color-mix(in srgb, var(--wave-tone-accent) 80%, white 10%);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-control-shadow-mix), transparent), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.wave4-tone-chip.mantine-Badge-root,
.wave4-tone-action.mantine-Badge-root,
.mantine-Badge-root[data-tone] {
  border-color: color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-control-border-mix), var(--arena-control-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--wave-tone-accent) 26%, transparent),
      transparent 48%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18),
      transparent 46%),
    color-mix(in srgb, var(--wave-tone-accent) 14%, var(--arena-control-bg));
  color: color-mix(in srgb, var(--wave-tone-accent) 74%, white 12%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 10px 22px color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-control-shadow-mix), transparent);
}
.wave4-tone-chip.mantine-Badge-root[data-variant=outline],
.mantine-Badge-root[data-tone][data-variant=outline] {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12),
      transparent 48%),
    color-mix(in srgb, var(--wave-tone-accent) 9%, transparent);
}
.wave4-tone-button.mantine-Button-root,
.wave4-tone-action.mantine-Button-root,
.wave4-tone-action.mantine-ActionIcon-root,
.mantine-Button-root[data-tone],
.mantine-ActionIcon-root[data-tone] {
  --arena-button-accent: var(--wave-tone-accent, var(--arena-tone-accent, var(--mantine-primary-color-filled)));
}
.wave4-tone-button.mantine-Button-root[data-variant=filled],
.wave4-tone-action.mantine-Button-root[data-variant=filled],
.mantine-Button-root[data-tone][data-variant=filled] {
  --arena-button-contrast: #fff;
  --arena-button-surface-start: var(--arena-tone-filled-start-mix);
  --arena-button-surface-end: var(--arena-tone-filled-end-mix);
  --arena-button-border-mix: 38%;
  --arena-button-hover-start: calc(var(--arena-tone-filled-start-mix) + 8%);
  --arena-button-hover-end: calc(var(--arena-tone-filled-end-mix) + 4%);
}
.wave4-tone-button.mantine-Button-root[data-variant=light],
.wave4-tone-button.mantine-Button-root[data-variant=subtle],
.wave4-tone-button.mantine-Button-root[data-variant=outline],
.wave4-tone-button.mantine-Button-root[data-variant=default],
.wave4-tone-action.mantine-Button-root[data-variant=light],
.wave4-tone-action.mantine-Button-root[data-variant=subtle],
.wave4-tone-action.mantine-Button-root[data-variant=outline],
.wave4-tone-action.mantine-Button-root[data-variant=default],
.wave4-tone-action.mantine-ActionIcon-root,
.mantine-Button-root[data-tone][data-variant=light],
.mantine-Button-root[data-tone][data-variant=subtle],
.mantine-Button-root[data-tone][data-variant=outline],
.mantine-Button-root[data-tone][data-variant=default],
.mantine-ActionIcon-root[data-tone] {
  --arena-button-surface-start: 18%;
  --arena-button-surface-end: 10%;
  --arena-button-border-mix: 28%;
  --arena-button-hover-start: 26%;
  --arena-button-hover-end: 15%;
}
.wave7-inline-fact[data-tone] {
  border-color: color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-border-mix), var(--arena-shell-border));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-glow-mix), transparent),
      transparent 50%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.072),
      rgba(255, 255, 255, 0.017) 28%,
      transparent 52%),
    linear-gradient(
      145deg,
      rgba(14, 21, 36, 0.105),
      rgba(8, 13, 24, 0.057));
  box-shadow: var(--arena-surface-glass-shadow), 0 18px 34px color-mix(in srgb, var(--wave-tone-accent) var(--arena-tone-surface-shadow-mix), transparent);
}

/* client/print.css */
@media print {
  :root {
    color-scheme: light;
  }
  body {
    background: #fff !important;
    color: #111827 !important;
  }
  body::before,
  body::after,
  .arena-shell__user-background,
  .arena-shell__backdrop-wash,
  .arena-shell__header,
  .arena-shell__sidebar,
  .mantine-Notifications-root,
  .mantine-Modal-root,
  .mantine-Drawer-root,
  .mantine-Tooltip-tooltip {
    display: none !important;
  }
  .arena-shell__main,
  .arena-shell__main-inner,
  .app-auth-shell,
  .app-loading-shell {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .mantine-Card-root,
  .mantine-Paper-root,
  .mantine-Alert-root,
  .mantine-Table-td,
  .mantine-Table-th {
    background: #fff !important;
    color: #111827 !important;
    border: 1px solid #d7dde8 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .mantine-Button-root,
  .mantine-ActionIcon-root,
  .mantine-Input-input,
  .mantine-Textarea-input,
  .mantine-Select-input,
  .mantine-MultiSelect-input,
  .mantine-Autocomplete-input,
  .mantine-NumberInput-input {
    background: #fff !important;
    color: #111827 !important;
    border: 1px solid #cfd5df !important;
    box-shadow: none !important;
  }
}